Widget Labels (Kategori) Keren dan Bagus

Ketemu lagi dengan saya. Hari ini saya akan share Widget Labels (Kategori) Keren dan Bagus. Label untuk apa? Untuk menempatkan postingan berkategori atau berlabels. Kategori atau labels bertujuan untuk mempermudah pencarian. Pencarian dilakukan agar mempermudah pembaca menemukan postingan yang diinginkan. Jadi kesimpulanya label atau kategori bertujuan agar mempermudahkan pembaca menemukan postingan yang diinginkan.
- Screenshot :

- Preview Label Cloud :

Cara Pertama :

1. Buka Blogger - Kemudian login.

2. Dashboard - Template.

3. Edit HTML.

Proses Pembuatan :

1. Temukan <CTRL+F> kode ]]></b:skin> atau </style>.

2. Copy&paste kode berikut ini, dan letakkan diatas kode ]]></b:skin> atau </style>.

/* Labels (Kategori) Keren dan Bagus */
.label-size{margin:4px;padding:7px;text-transform:uppercase;border:solid 1px #006ECC;border-radius:5px;float:left;text-decoration:none;font-size:12px;color:#006ECC}.label-size a{color:#006ECC}
.label-size:hover{border:1px solid #6BB5FF;text-decoration:none;-moz-transition:all .5s ease-in-out;-o-transition:all .5s ease-in-out;-webkit-transition:all .5s ease-in-out;-ms-transition:all .5s ease-in-out;transition:all .5s ease-in-out;-moz-transform:rotate(5deg);-o-transform:rotate(5deg);-webkit-transform:rotate(5deg);-ms-transform:rotate(5deg);transform:rotate(5deg);filter:progid:DXImageTransform.Microsoft.Matrix(M11=0.9961946980917455,M12=-0.08715574274765817,M21=0.08715574274765817,M22=0.9961946980917455,sizingMethod='auto expand');zoom:1}.label-size a{text-transform:uppercase;float:left;text-decoration:none}.label-size a:hover{text-decoration:none} 

3. Simpan Template.
4. Buka Tata letak/Layout.
5. Tambahkan :  <Add a gadget pilih > Choose Label>

6. Jangan lupa pilih dari Daftar menjadi Cloud pada Elemen gadget Label.

7. Simpan gadget.


Demikian tutorial Widget Labels (Kategori) Keren dan Bagus. Gimana mudah bukan? Mudah dong. Hasilnya juga lumayan bagus. Share : Widget Labels (Kategori) Keren dan Bagus. Saya Akhiri Widget Labels (Kategori) Keren dan Bagus. Sampai Jumpa di kesempatan berikutnya.

• Bantu Donasi agar blog ini Update

• Tweet
• Share
• Share
• Share
• Share

Berlangganan via email (gratis):