Cara Jitu Memodifikasi Widget Label pada Blog Agar Lebih Cantik dan Menarik

Cara Jitu Memodifikasi Widget Label pada Blog Agar Lebih Menarik - Widget label merupakan salah satu bagian fitur dari blog yang dapat dipasang pada sidebar ataupun footer. Widget label atau kategori tersebut ini berfungsi sebagai sebuah navigasi menu dan juga internal link guna memudahkan para pengunjung untuk mengeksplorasi konten di blog kita.

Semua postingan atau tulisan artikel dalam label tertentu dapat dilihat oleh pengunjung setia blog kita dengan meng-klik salah satu label blog. Label atau kategori ini juga bisa dipasang di navigasi menu guna memudahkan pembaca dalam mencari tips, code, trik atau juga informasi-informasi yang mereka butuhkan. Baca juga : Cara Jitu Menambahkan Rel=Tag Label di Blog Untuk Meningkatkan SEO

Untuk menarik perhatian pengunjung, kita bisa memodifikasi widget label tersebut supaya lebih menarik. Saya sendiri memilih tampilan yang simple saja seperti memodifikasi pada footer widget.

Untuk memperindah atau mempercantik tampilan widget label blog, banyak sekali code CSS yang sudah dibagi-bagikan oleh para master-master desain blogger. Googling saja dengan mengetikkan kata "Stylish Widget Label Blogger". Dan silahkan anda pilih sesuai selera anda. Namun, untuk saya sendiri saya lebih memilih yang simple saja memakai MTB.

Cara Memodifikasi Widget Label pada Blog (Footer)

1. Template --------> Edit HTML
2. Copas code CSS dibawah yang berwarna biru tersebut, dan letakkan di atas code ]]

<==========> Code CSS <==========>
.label-size{margin:7px;padding:7px;text-transform:uppercase;border:solid 1px #C6C6C6;border-radius:3px;float:left;text-decoration:none;font-size:12px;color:#666}.label-size:hover{border:1px solid #6BB5FF;text-decoration:none;-moz-transition:all .5s ease-out;-o-transition:all .5s ease-out;-webkit-transition:all .5s ease-out;-ms-transition:all .5s ease-out;transition:all .5s ease-out;-moz-transform:rotate(7deg);-o-transform:rotate(7deg);-webkit-transform:rotate(7deg);-ms-transform:rotate(7deg);transform:rotate(7deg);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 / save template

Untuk langkah selanjutnya, tambahkan widget label blog dengan cara:
1. Layout --------> Add a Gadget, pilih label
2. Lakukan pengaturan dengan cara klik "Cloud" seperti contoh gambar dibawah ini:
3. Simpan / save

Nah, tinggal saatnya anda untuk mencoba mengecek pratinjau pada blog anda, dan lihat halaman web atau blog apakah sudah muncul atau masih tetap seperti semula.

Demikian ulasan tentang Cara Jitu Memodifikasi Widget Label pada Blog Agar Lebih Menarik tersebut. Anda penasaran? Sebaiknya cobalah pada blog anda supaya tampilan halaman web atau blog semakin menarik dan semakin cantik dilihat pengunjunga. Terima kasih banyak...

Sumber berita : http://www.contohblog.com