Membuat menu daftar isi pada blogger

Menu daftar isi pada elemen blog perannya sangat penting. Ini berfungsi agar pembaca/pengunjung lebih leluasa dalam mengobrak-abrik riwayat tulisan kita. Ibarat buku, daripada capek membuka lembar demi lembar mencari tulisan yang diburu. Mending langsung saja tengok daftar isinya. Gampang kan? Makanya segera pasang menu daftar isi pada blog sobat.

Kebetulan, saya juga membuatnya. Untuk demo, coba klik menu Daftar isi pada deretan menu navigasi blogerdin. Nah, seperti itulah tampilan menu daftar isi yang saya maksud. Tertarik untuk membuat/memasangnya?

Segera bikin, Kebetulan saya masih ingat caranya. untuk membuat menu daftar isi pada blogger caranya sangat gampang saja koq sobat. Simak langkahnya seperti dibawah ini.

1. Login ke blogger, klik entri baru, lalu edit laman, lanjut dengan mengklik laman baru.

2. Pastekan kode script dibawah ini pada kolam laman baru. Berikut kodenya:

<script style="text/javascript" src="http://abu-farhan.com/script/daftarisibloggerarchive/tocbyarchivemin.js"></script><script src="http://blogerdin.blogspot.com/feeds/posts/default?max-results=100&alt=json-in-script&callback=loadtoc"></script>

Pada tulisan warna merah ganti dengan URL blog sobat.

4. Setelah selesai, klik tayangkan laman. Lalu akan muncul pertanyaan Seperti apakah tampilan Gadget Laman yang Anda inginkan? sobat pilih TIDAK ADA GADGET (tautkan laman secara manual). lalu klik SIMPAN DAN TERBITKAN
LAMAN.

5. jika sudah terbit, klik lihat laman dan catat URL laman tersebut. Seperti contoh URL laman daftar isi blogerdin adalah http://blogerdin.blogspot.com/p/blog-page.html

6. Tinggal tambahkan sedikit modifikasi URL tersebut menjadi

<a href='http://blogerdin.blogspot.com/p/blog-page.html'>Daftar isi</a>

taruh dimana saja tempat yang sobat sukai. Seperti pada sidebar, atau pada menu navigasi seperti blogerdin.

7. Kalau seperti blogerdin. Harus sedikit mengoprek kode templatenya dan menyisipkan sedikit kode pada elemen template. kurang lebih tampilannya seperti dibawah ini.

<li><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href='http://www.blogger.com/profile/00299274318254556333'>Profil</a></li>
<li><a href='http://blogerdin.blogspot.com/p/blog-page.html'>Daftar isi</a></li>
<li><a href='http://blogerdin.blogspot.com/feeds/posts/default'>Postingan</a></li>

kode yang berwarna merah adalah kode yang harus ditambahkan.

Selesai deh, Sampai disini tugas saya sudah selesai untuk menshare cara membuat menu daftar isi pada blogger. Jika masih dirasa membingungkan. Jangan ragu, lemparkan saja pertanyaan sobat pada kolam komentar dibawah.

Selamat mencoba dan semoga berhasiL !

»»  READMORE...

Cara Mengganti Gambar Pavicon Blog

Favicon adalah singkatan dari favorite icon. Sebuah gambar kecil yang terlihat pada address bar sebelah kiri URL/alamat blog. Bagi pengguna blogger, biasanya favicon yang terpajang berupa Logo B ciri khas dari blogspot. Tapi jika tidak suka, sobat bisa mengganti favicon bawaan blogger alias pasang gambar favicon kreasi sendiri.




Seperti pada blogerdin. Coba perhatikan, dulu gambar favicon tersebut hanya berupa logo dari blogger. tapi sekarang saya ganti menjadi gambar smilley. Sangat menarik bukan? Bagi sobat pengguna blogger, kalau mau, bisa juga menggantinya.

Jika sobat memang tertarik untuk mengganti favicon pada blogger. Berikut adalah langkahnya.

1. siapkan sebuah gambar apa saja yang nanti akan dijadikan gambar favicon. Lebih bagus calon gambar faviconnya berukuran kotak persegi.

2. Kunjungi alamat http://www.htmlkit.com/favicon

3. setelah masuk. Pada Image to use pilih file gambar yang sudah disiapkan tadi. Lalu klik tombol Generate favicon.ico.

4. Tunggu beberapa saat sampai gambar yang dipilih terlihat.

5.Setelah terlihat, langkah selanjutnya adalah klik link Download favicon package. Dan tunggu sampai proses download selesai.

6. setelah berhasil terdownload. File tersebut masih berformat Zip. Contoh Favicon_182708.zip dan ekstraklah dulu filenya ke .gif

7. selanjutnya simpan gambar tersebut ke hosting gambar seperti ke photobucket atau picasa. Kalau saya menyimpannya di album flickr.com dan mengganti ukurannya ke thumbnail 16x16 px.

8. Setelah tersimpan pada hosting. Catat URL gambar tersebut. Contoh alamat favicon blogerdin adalah http://farm6.static.flickr.com/5093/5539626043_ac7ceae5f6_t.jpg

Langkah selanjutnya adalah memasang gambar favicon tersebut ke dalam template blog milik sobat. Dan Langkahnya adalah sebagai berikut:

9. Login ke blogger. Klik rancangan. Lalu klik EDIT HTML.

10. Selanjutnya klik link bertuliskan Download template lengkap. Ini untuk mengantisipasi jika nanti terjadi kesalahan dalam pengeditan template.

11. selesai mendownload. Selanjutnya beri centang pada kombo disamping Expand template widget.

12. sekarang cari kode seperti dibawah ini. Supaya mudah dalam mencarinya gunakan saja fungsi Ctrl+F.

<b:skin><![CDATA[/*

13. setelah ketemu. Tepat diatas kode tersebut (no.12) masukan kode dibawah ini.

<link href='http://farm6.static.flickr.com/5093/5539626043_ac7ceae5f6_t.jpg' rel='shortcut icon'/>

Perhatikan pada tulisan berwarna merah. Ganti kode tersebut dengan URL gambar favicon milik sobat.

14. sehingga setelah digabung. tampilan kodenya akan seperti ini:

<link href='http://farm6.static.flickr.com/5093/5539626043_ac7ceae5f6_t.jpg' rel='shortcut icon'/>
<b:skin><![CDATA[/*

15. Setelah selesai menyisipkan kodenya. Jangan lupa klik tombol Simpan template sampai ada keterangan perubahan anda telah disimpan 'lihat blog'

16. klik lihat blog guna melihat hasilnya. Dan jika berhasil, pada address bar atau disamping kiri URL blog, akan terpajang gambar favicon baru milik sobat.

17. terakhir, ya selesai. selamat mencoba dan semoga berhasil!

Itulah cara yang saya gunakan pada blogerdin untuk mengganti gambar favicon milik blogger alias pasang gambar favicon pilihan saya.

»»  READMORE...