Membuat Label kategory bersecroll

Membuat Label kategory bersecroll

Label atau kategory Berfungsi mengelompokkan beberapa postingan kedalam satu label atau kategori, selain itu juga dapat memparmudah pengunjung untuk mencari postingan berdasarkan kategory

Cara memunculkan label ini sebenarnya mudah caranya:

1. Login ke akun blogger dulu
2. Masuk Rancangan
3. Tambah gadget
4. Pada form yang tersedia pilih Pilih label seperti gambar berikut ini:


5. Maka akan muncul form cofigurasi label, aturlah sesuai selera

Judul => isi dengan judul semisal "Category" tanpa tanda petik
Tampilkan => pilih "Semua Label" untuk menampilkan semua label, pilih "Label yang Dipilih" jika anda mau memilah-milih label mana aja yang akan di munculkan.
Menyortir => "Alfabetik" untuk memperlihatkan urutan label berdasarkan huruf pertama, "Berdasarkan Frekuensi" berdasarkan jumlah postingan dalam label tersebut.
Tampilkan => Untuk yang ini silahkan experimen sendiri

6. Kemudian klik simpan atau save.

Oke kawan sejauh ini pembuatan label selesai, lalu kali ini agar label memiliki fungsi scroll, gunanya bila label anda banyak fungsi skroll dapan menghemat tempat gadget.


Carapasangnya:

1 Login ke akun blogger

2. Klik rancangan/edit HTML, jangan lupa backup template anda untuk jaga-jaga

3. Cari kode berikut ini

<b:widget id='Label1' locked='false' title='Category' type='Label'/>

Yang harus diperhatikan adalah kode Label1

Untuk lebih mudahnya klik Ctrl + F, lalu masukkan kata "widget id" dan cari kodenya

4. Setelah itu kopi kode berikut ini:

/* fungsi scroll */

#Label1 .widget-content{height:300px;width:auto;overflow:auto;border: 0px solid #177E06;padding: 5px;}

/* fungsi scroll end */

Kode Label1 ini ganti dengan widget ID Label dari template anda apabila widget ID Labelnya berbeda

5. Taruh kode diatas (yang no4) tepat diatas kode ]]></b:skin>

6. jangan lupa simpan template

Keterangan:
height:300px = ukuran tinggi widget setelah diberi scroll
width:auto = ukuran lebar widget saya buat auto bila mau diubah tinggal ganti auto dengan misal 300px dan lainnya sesuai kebutuhan.
border: 0px solid= bila mau ada bordernya silahkan ganti 0px menjadi 1px, 2px atau terserah selera anda. Bila anda ingin merubah warna border, rubah kode warna html setelah tag solid (diatas saya tandai dengan warna biru) maka menjadi semisal border: 1px solid #000000 untuk warna border hitam, contoh warna-warni kode html sudah pernah saya posting sebelumnya

Oke kalau begitu sekian dulu yaw tutor kali ini mudah-mudahan berguna....

Posted by Fayes Cool » Rating 4.5 » at Saturday, August 13, 2011

Postingan Terkait