Tips Blogging : Cara Membuat Menu Accordian Dengan CSS

Menu Accordian atau menu yang bisa di hide show atau dispoiler sehingga bermanfaat agar blog kita tampilannya tidak terlalu penuh pada widget sidebarnya. Untuk lebih jelasnya lihat pada gambar dibawah ini :

Pentingnya Ping Untuk Blog Anda

Ping merupakan hal yang sederhana yang kadang kala dilupakan oleh para blogger, padahal cara ini adalah cara yang termudah dan tidak membuthkan keahlian dan pengetahuan khusus, yang manfaatnya tentu saja untuk mendongkrak Blog anda atatupun juga untuk meningkatkan jumlah trafik pengunjung ke blog anda.

Lalu mungkin ada sebagian dari sobat yang belum tahu, apakah ping itu ? Ping  adalah salah satu cara untuk memberi tanda kepada search engine kalau pada blog kita terdapat update, baik artikel, link, ataupun pergantian widget dan themes.

Kelebihan dan Kekurangan Blog Dofollow

Kalau kita mau mengganti Blog kita menjadi Dofollow maka kita harus tahu mengenai kelebihan dan kekurangan dari Blog Dofollow, pada postingan lalu sudah saya beri sekilas tentang cara mengubah Blog menjadi Dofollow, dan untuk postingan kali ini saya akan mengulas lebih dalam lagi mengenai Kelebihan dan Kekurangan Blog Dollow.

Cara mengetahui Blog Dofollow atau Nofollow

Untuk mengetahui apakah suatu Blog termasuk Dofollow atau Nofollow, maka kita dapat melakukan beberapa cara sebagai berikut :

1. Dengan mengklik kanan pada Nama si pemberi komentar

Caranya begini, masuklah ke dalam kolom komentar lalu kemudian klik kanan pada nama si pemberi komentar, jangan pada link postingan atau yang sejenis.

Cara Mengubah Blog Menjadi Dofollow

Oke..sob untuk postingan kali ini saya akan kembali memposting tentang tutorial bloging, sebenarnya tutorial ini "jadul" sih...bahkan sudah banyak kita temui, tapi nggak apa-apa saya posting kembali untuk mengingatkan saya dan sekaligus menjawab request teman saya untuk memposting artikel ini.

Secara default template dari blogspot adalah Nofollow maka untuk menjadikannya Dofollow maka kita harus melakukan sedikit perubahan pada template, tapi sebelumnya saya jelaskan dulu kelebihan blog dofollow dibandingkan yang nofollow, untuk blog dofollow kelebihannya adalah setiap kali pengunjung berkomentar pada blog yang Dofollow maka secara otomatis blog si pengunjung akan mendapatkan backlink dari blog tersebut, dengan kata lain ini bisa meningkatkan PR blog pengunjung,  jadi dengan kata lain pengunjung  mendapat hadiah back link dari Blog tersebut ( Jadi sering-seringlah berkomentar pada Blog Dofollow).

How To Make Random Post (2)

After in the last posted, I have posted about how to make Random Post (Dynamic Slide), and now I still wanna give you explanation, how to make random post but in the different version. to make it clear see the picture below :

Mengubah Older Post/Newer Post dengan Navigasi Nomer Halaman

Untuk postingan kali saya akan memberikan tips bagaimana  mengubah Older Post/Newer Post dengan Navigasi Nomer  Halaman. Wah...pastinya sobat bingung maksudnya tuh apa ( aku sendiri yg nulis, susah cari padanan katanya ). Kalau pingin lebih jelas lihat gambar dibawah ini (lihat area didalam kotak merah ) posting lama dan posting barunya diganti dengan navigasi nomer halaman  ( Kalau pingin lebih jelas lagi, lihat di bagian paling bawah pada blog ini ):

Membuat Recent Comments Menggunakan Widget Blog

Kali ini saya akan posting tentang bagaimana cara menampilkan recents comments pada blog dengan menggunakan Widget Blog.
Langsung saja, cara pembuatannya cukup mudah :

Recent Post Scrolling

Untuk postingan kali saya dapat inspirasinya dari blog walking beberapa waktu yang lalu. Nah...waktu itu saya menemukan tutorial blog yang oke punya , yakni cara membuat recent post bergerak atau scrolling.
Caranya mudah kok...:
1. Sign in ke dashboard anda
2. Go to Layout » Add a gadget » html/javascript
3. Copy paste kode berikut ini

Membuat Blog anda menjadi versi mobile

Seiring dengan perkembangan teknologi, maka sudah tidak asing lagi jika sekarang banyak yang melakukan akses internet tidak lagi lewat PC atau Laptop namun menggunakan HP (POnsel) atau mobile seluler.

Tapi tentu saja browsing melalui ponsel agak sedikit berbeda, biasanya biaya internet via ponsel didasarkan pada besarnya data yang diakses (satuan KB/s), bayangkan jika membuka blog via ponsel!
Berapa biaya yang harus kita keluarkan untuk mengakses blog?
Untuk gambarnya? Belum gadgetnya? Belum kalau ada flash di dalamnya?
(Wew mending ogah deh)

Tapi, kita sebagai seorang Blogger tentunya ingin agar pengunjung tetap dapat mengakses blog kita walaupun via ponsel kan?
Oleh karena itu, sebaiknya kita membuat versi ponsel dari blog kita.
Caranya? Gampang kok!
Gunakan layanan dari mippin.com
Silahkan register buat yang belum punya akun!
alamat register: http://mippin.com/web/maker/signUp.jsp

Langkah-langkahnya :

Step "Mobilize"

• Masukkan post RSS feed blog anda

• Clikk Tombol bergambar Panah
• Lihat kebawah dan pilih model penampilan mobile blog kamu

• Klik Next Step

Masuk ke step "Customize"

• Atur warna pada tampilan blog mobile
• Kamu juga bisa upload gambar untuk header
• Klik tombol Preview untuk melihat tampilannya
• Jika sudah selesai klik Next Step
• Masuk ke step "Publicize"
• pada form http://mippin.com/(isi dengan alamat yang kamu inginkan)
• Lalu pada form "Make your site searchable in Mippin by adding tags:"
• Masukkan dengan kata-kata yang sesuai dengan blogmu
• Klik Next Step

Masuk ke Step "Monetize"
Step ini bisa langsung dilewati karena hanya berfungsi buat mereka yang meraup uang melalui blognya
Klik "Finish" dan Mobile Blogmu siap!
Jika muncul pop up, centang semua chckbox dan klik ok
Sekarang kamu bisa akses blog ini di alamat http://mippin.com/ellablog

Semoga tips ini bermanfaat.

Bermacam Kreasi 'Read More'

Secara default, tampilan " Read more » " atau " Baca Selengkap » " adalah Besarnya huruf ( font ) akan mengikuti besarnya font yang di setting dalam template anda, begitupun dengan warna link akan sama dengan warna link yang dipakai. Tampilan tersebut sebenarnya bisa anda kreasikan menjadi bentuk lain yang akan akan sedikit menambah keindahan tampilan blog anda.

Kumpulan Logo Blog DoFollow

Postingan berikut ini akan menampilkan sejumlah Logo Do Follow Blog beserta kode HTML-nya , yang bisa sobat pasang di blog sobat masing-masing.
Nah..kalau Blog sobat sudah di buat menjadi Do Follow Blog, silahkan cek gambar logo-logo yang sobat suka. 
Tapi sebelumnya saya akan terangkan sedikit mengenai apa itu Do Follow Blog.
Do Follow blog adalah blog yang apabila kita menuliskan komentar di blog itu,

Cara Mengecek Kecepatan Loading Blog Anda

Sobat blogger, karena keasyikan kita dalam bikin blog atau website dan untuk mempercantik blog kita, seringkali kita menambahkan aksesoris yang bermacam-macam pada blog kita, memang tujuan utamanya tentu untuk mempercantik blog kita tapi hal ini adalah penyebab utama yang bikin blog kita memakan waktu yang lama untuk loading ( alias lemot), tentu kita nggak mau kan kehilangan pengunjung hanya gara-gara loading blog kita yang lama...banget.

Nah...untuk mengetahui sejauh mana kecepatan loading blog kita silahkan anda berkunjung ke http://www.iwebtool.com/speed_test. Atau kalau sobat mau ngetes kecepatan loading blog sobat, bisa dilakukan di bagian akhir postingan ini.(so...baca terus ya.)

Cara Membuat Head Line News

Pada Postingan kali ini, saya akan memberitahu para pembaca bagaimana cara membuat Head Line News seperti di bagian bawah Blog ini. dasar-dasarnya tidak jauh berbeda dengan Cara Membuat teks berjalan (Efek Marque) pada postingan saya sebelumnya, hanya perlu ditambahkan beberapa kode.

Cara membuat "Related Post" dibawah Posting.

Membuat related post yang diletakkan dibawah posting, bukan hanya sekedar pemanis belaka, tapi juga merupakan hal yang sangat bermanfaat. selain dapat meningkatkan page views, related post ini sangat membantu apabila ada beberapa posting lama kita yang belum terindeks oleh mesin pencari.

Cara membuat Link terbuka di Tab baru

Salah satu trik sederhana agar pengunjung blog anda ketika mengklik sebuah link pada blog anda, agar terbuka pada jendela tab baru. Contohnya seperti klik disini maka link tersebut akan terbuka pada tab baru.

Bagaimana cara membuatnya? mudah kok....
Buatlah link seperti biasa lalu hanya perlu menambahkan tag target="_blank"
Maka kodenya akan menjadi seperti berikut ini:
<a href="http://www.laila-wati.blogspot.com/"target="_blank">klik disini</a>

Mudah bukan? Selamat mencoba....

Cara Membuat teks berjalan (Efek Marque)

Efek Marque atau teks berjalan berfungsi untuk mempercantik tampilan blog kita serta berfungsi juga sebagai penghemat ruangan pada blog.

Ada beberapa efek marquee yang dapat kita buat seperti: teks bergerak kesatu arah, bergerak bolak balik, bergerak keatas, bergerak sekali saja, dan lain-lain.

Efek-efek ini timbul karena adanya perpaduan dari beberapa fungsi yang disebut dengan attributes. Sebelum kita mulai, mari kita pelajari dulu

Cara Mengganti Warna Background Header

Kawan, Tampilan Blog tentunya mewakili keinginan kita sendiri, salah satu hal yang nggak boleh dilewatkan adalah warna background header blog kita, tentunya harus mewakili selera kita bukan ?
Untuk mengganti warna Background header langkah-langkahnya adalah sebagai berikut :
1. Login ke Akun Blogger.
2. Masuk ke Tata Letak, Edit HTML
3. Sebelumnya untuk keamanan Download Full Template ( Untuk berjaga-jaga kalau terjadi hal yang tidak diinginkan pada blog anda, so...anda tinggal mengunggah kembali template anda ).
4. Cari Kode berikut ini :

Cara Menulis Kode HTML

Untuk menulis kode HTML pada postingan tidak boleh sembarang dilakukan dengan sekedar mengcopy paste kode HTML tersebut, karena hal ini bisa memberikan efek pada tampilan blog saat postingan tersebut diterbitkan.
Nah...sekarang kita akan belajar bagaimana cara menulis kode HTML pada posting.

HIDE AND SHOW SHOUTMIX

Kali ini saya mau posting tentang bagaimana caranya membuat kotak shoutmix atau chat dapat di hide dan show. wah...pasti para blogger jadi bingung maksudnya gimana, begini biar lebih mudah lihat saja contoh shoutmix yang ada di blog ini. nah...udah liatkan, lalu sekarang bagaimana cara bikinnya. so to the point saja, begini caranya :
1. Sign in ke blog kamu
2. Di bagian dasbor klik Tata Letak
3. Tambah Gadget
4. Pilih menu HTML ( Script Java )
5. Lalu copy paste kode berikut ini :