Cara Membuat Label Cloud Lebih Keren Di Blog - Dalam setiap blog pastinya mempunyai fasilitas Label yang secara default terdapat dua pilihan antara List da Cloud.Mungkin tampilan Widget Label Cloud akan lebih menarik tampilan, kalau sobat sedikit menambah kode CSS di blog.untuk lebih jelasnya sobat bisa lihat gambarnya di bawah ini:
Tampilan Widget Cloud seperti gambar dibawah ini:
Sebab Label dalam blog adalah kata kunci yang mengkategorikan seluruh isi/konten blog . Label juga merupakan link-link singkat dan sederhana menuju postingan Anda. Dalam Pemasangan widget Tag, Label atau Kategori pada Blog/web bertujuan untuk memberikan navigasi bagi pembaca blog serta dapat mempermudahkan si pembaca yang berkunjung ke blog.
Dengan CSS dibawah ini akan mewarnai label sobat menjadi keren Berikut Langkah Langkahnya:
Cara Membuat Label Cloud Keren diblog::
1. Masuk Blogger Dasboard > Template > Edit HTML > Lanjutkan
2. Tekan Control + F > cari kode ]]></b:skin>
4. Lalu Copy kode CSS dibawah ini
/*-----Labels Cloud Styled widget by proBlogiz.blogspot.com----*/ .label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #B20000; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.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; }
5. Lalu letakkan kodenya tepat diatas kode ]]></b:skin>
5. Lalu Save Template
Catatan!!!
Sobat Pastikan label pada blog sudah terpasang dan sudah dibuat Cloud bukan List.
Gimana sangat mudah dan simplekan Cara Membuat Label Cloud Lebih Keren Di Blog jadi tampilan Widget Cloud di blog lebih keren,selamat mencoba semoga bermanfaat.
Belum ada tanggapan untuk "CARA MEMBUAT LABEL CLOUD LEBIH KEREN DI BLOG"
Post a Comment