blogtutorial

Membuat Menu Dropdown

Dalam konsep blog, setiap posting kita akan terarsip otomatis secara rapi setiap bulan. Setiap memasuki bulan baru, seperti Januari, maka arsip bulan Desember akan tampil di sidebar. Masalahnya, kalau kita sudah ngeblog setahun, maka arsip dari Januari sampai Desember akan berjejer di sidebar kita. Bagaimana kalau dua dan tiga tahun lagi? Langkah praktis mengatasi hal ini adalah dengan membuat pull-down menu seperti di bawah ini: Jadi, berapa bulan/tahun kita blogging di blogger/blogspot, menu bulan-bulan tsb tidak akan memenuhi dan berjejer panjang di sidebar kita. Yg tampak hanya nama "Archives", baru setelah di klik, akan muncul nama bulan arsip-arsip kita. Untuk membuat arsip pulldown ini ada dua yakni untuk blogger dengan template klasik, dan template baru. Untuk template klasik langkahnya yaitu :

Login ke blogger.com dg id Anda
Klik Template
Di bagian sidebar blog Anda bagian archives, ada kode html sbb:

&


<$BlogArchiveName$>

Nah, ganti kode di atas dg kode html di bawah ini:

Apabila selesai, klik SAVE CHANGES. Bila sudah DONE, klik REPUBLISH.
Selesai.

Untuk anda yang memakai template baru, langkahnya lebih mudah yaitu :

login dulu, tentunya dengan id anda
klik LAYOUT
Klik PAGE ELEMENTS, cari element (kotak) yang bertuliskan Blog Archive
Klik Edit pada kotak Blog Archive tadi
Di samping tulisan Style ada beberapa radio button, pilih radio button yang bertuliskan Dropdown Menu dengan cara memberi tanda tik/cek
Klik Save Changes
Selesai

Nah keterangan di atas tadi merupakan langkah-langkah untuk membuat menu Dropdown untuk Arsip, Sekarang bagai mana caranya membuat menu dropdown yang di dalam nya ada linknya, saya ambil contoh untuk menu Dropdown milik saya pribadi yang berada di sebelah kanan atas yang berisi tulisan “ blog tutorial “. Untuk membuatnya silahkan anda copy kode HTML di bawah : ">tulisan di sini yang akan muncul Sebagai contoh untuk menu Dropdown milik saya : Hasilnya akan seperti ini : Mudah bukan? Selamat mencoba ! Ingin pintar dalam bahasa HTML silahkan download ebook nya di sini . Ingin pintar membuat Website sendiri, klik di sini.

dzulapik.blogspot.com">

Membuat Daftar Isi Blog (2)

Pada kesempatan tedahulu saya pernah mengulas bagaimana cara membuat daftar isi pada blog saya posting di sini, namun karena daftar isi tersebut menggunakan javascript, sehingga agak sedikit membebani loading blog sehingga yang saya sendiri tidak memasangnya di blog ini dengan alasan tidak mau blog ini terlalu berat ketika di akses oleh para pengunjung. Untuk mencari alternatif lain, kita bisa menggunakan engine pencari blogger sendiri. Namun untuk melakukan ini, tentu saja harus sedikit memodifikasi kode template. Sudah tidak sabar untuk membuat daftar isi di blog? caranya seperti ini : Langkah #1

Sign in di blogger dengan ID anda
Bilsa sudah berada di halaman dashboard, klik Layout.
Klik tab Edit HTML
Klik link bertuliskan Download Template Lengkap. Silahkan di save dulu untuk backup (penting).
Beri tanda tik/cek pada kotak kecil di samping tulisan Expand Widget Template. Tunggu beberapa saat.

Lihat ke bagian body template, lalu cari kode seperti ini :

Delete / hapus kode tersebut, lalu ganti dengan kode berikut ini :

Klik tombol Simpan Template.
Selesai. Langkah pertama sudah selesai.

Langkah #2

Klik tab Elemen Halaman.
Klik tulisan Tambahkan sebuah Elemen Halaman.
Setelah muncul window baru, klik tombol TAMBAHKAN KE BLOG untuk yang HTML/JavaScript.
Copy lalu paste kode berikut :

NamaBlogAnda.blogspot.com/search?max-results=200">Daftar isi»

Ganti NamaBlogAnda nama blog anda sendiri. Contoh : nama blog saya adalah kolom-tutorial. ganti angka 200 dengan nomor yang lainnya (kalau mau). Nomor ini adalah jumlah posting yang ingin di munculkan ketika link daftar isi di klik.
Klik tombol Simpan Perubahan.
Selesai.

Keterangan tambahan : Jika anda sedikit mengerti tentang CSS, anda bisa memodifikasi bentuk dari daftar isi ini, apakah mau di kasih backround gambar, bentuk huruf yang berbeda atau apa saja dengan mengubah kode yang di sini (ini adalah kode yg ada pada Langkah #1 di atas) :

Untuk melihat contoh seperti apa daftar isi ini? silahkan klik → Daftar isi » Artikel ini dapat juga di jumpai pada blog teman saya OOM (sorry om ga ngelink ke artikelnya, saya cari-cari ga ketemu, apa dah di hapus ya?) Selamat berkreasi !

Cari Blog Ini