Senin, 12 September 2011

membual label berscroll catagory

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

Cara memunculkan label ini sebenarnya mudah caranya kak:

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 kakak.

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 => "" untuk memperlihatkan urutan label berdasarkan huruf pertama, "" berdasarkan jumlah postingan dalam label tersebut.
Tampilkan => Untuk yang ini silahkan experimen sendiri

6. Kemudian klik simpan atau save yya kakak.

Oke kakak 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 kakak.

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

3. Cari kode berikut ini kak,

<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 kak:

/* 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 yya kakak

Keterangan:
height:300px = ukuran tinggi widget setelah diberi scroll
width:auto = ukuran lebar widget aku buat auto bila mau diubah tinggal ganti auto dengan misal 300px dan lainnya sesuai kebutuhan kakak.
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 aku posting sebelumnya

Comments
0 Comments

0 komentar:

Posting Komentar