Mempercantik Widget Label Blogspot

Mempercantik Widget Label Blogspot

Widged label termasuk widget yang wajib dipasang. Dengan widget label, pengunjung akan mudah mencari artikel yang dirasakan perlu. Sehingga tanpa harus melihat keseleruhan artikel, bisa menghemat waktu berkunjung. Bagaimana memasang dan mempercantik widget ? Mari kita simak bersama-sama cara dan tahapannya dibawah ini.

Langkah pertama, pasti kita harus terlebih dahulu memasang widget label.
Klik Tata Letak, Tambahkan Gadget, Pilih Label. 

Mempercantik Widget Label Blogspot

Di menu Konfigurasi Label, Pilih Cloud di pilihan Tampilkan. Lihat gambar dibawah ini agar tampak lebih jelas.Selanjutnya klik Simpan.

Mempercantik Widget Label Blogspot

Langkah kedua, agar tampilan widget label lebih menarik, Klik Template dan pilih Edit HTML. Kemudian copy-paste kode dibawah ini dan letakkan diatas kode  ]]></b:skin> atau </style>. Terakhir klik Simpan dan lihat hasilnya.
/* Label */
.label-size{position:relative;text-transform:capitalize;text-decoration:none;font-size:13px;font-family:Open Sans;color:#fff!important}
.label-size a{color:#fff!important;font-weight:600;padding:3px 5px;margin:3px 3px 1px 0;float:left;display:block;-moz-transition:all .4s;-o-transition:all .4s;-webkit-transition:all .4s;-ms-transition:all .4s;transition:all .4s}
.label-size-1 a{background:#1abc9c;border:1px solid #127F69}
.label-size-1 a:hover{background:#16a085}
.label-size-2 a{background:#3498db;border:1px solid #226693}
.label-size-2 a:hover{background:#2980b9}
.label-size-3 a{background:#2ecc71;border:1px solid #1F8C4C}
.label-size-3 a:hover{background:#27ae60}
.label-size-4 a{background:#9b59b6;border:1px solid #74398E}
.label-size-4 a:hover{background:#8e44ad}
.label-size-5 a{background:#e74c3c;border:1px solid #922C20}
.label-size-5 a:hover{background:#c0392b}
Semoga artikel ini bermanfaat bagi yang ingin mempercantik tampilan widget label. Agar hasilnya sesuai dengan selera dan beda dengan yang lainnya. Silahkan ubah kode warna  maupun ukuran bordernya. Kreatif sendiri demi kepuasan pribadi. Selamat mencoba !

Related Posts

Tidak ada komentar:

Posting Komentar

 
Back To Top