Modifikasi Label Blog Sederhana

Modifikasi Label Blog Sederhana - Sebenarnya sudah lama saya ingin posting tentang Modifikasi Label Blog, namun terbentur dengan tugas akhir dan sering lupa, jadi baru sempat hari ini, kebetulan juga ada teman yang request.
Sedikit deskripsi mengenai label blog dan fungsinya, merupakan sebuah pelengkap atau widget blog yang secara fungsional adalah untuk navigasi dan user friendly dari blog yang di kelola. Dominan blogger SEO menggunakan widget label untuk komponen pelengkap blognya.

Lalu bagaimana cara modofikasi label blognya? ok, simak pemaparan saya berikut ini:
1. Login ke blogger.com
2. Klik menu design, jika belum ada widget label maka terlebih dahulu tambahkan label ke dalam blog
3. Klik edit html
4. Klik Expand Widget Templates
5. Cari script berikut ini [gunakan find (ctrl + f) untuk mempermudah pencarian]
</style>
6. Lalu copy script dibawah ini
#Label1{width:100%;height:auto;overflow:hidden;float:left;margin-bottom:10px;text-decoration:none}
#Label1 h3{float : left;color : #fff;background : #000;padding : 2px 4px;border-radius : 3px;margin-right : 1px;font-size : 11px;font-weight : bold;line-height : 15px;margin-top : 1px;margin-bottom:10px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none}
#Label1 a,#Label1 a:visited{font-size:11px;font-weight:bold;font-style:normal;line-height:15px;text-decoration:none;text-transform:uppercase;background-color:#6699ff;padding:2px 4px;float:left;margin:1px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#ffffff;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
#Label1 a:hover {color : #ffffff;background : #ff7700;text-decoration:none}
7. Pastekan sebelum
</style>
Jika Anda menemukan banyak </style> dalam template, maka carilah yang mendekati script ini
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<style>
sehingga hasilnya demikian (sample blognyakadhenk)
#Label1{width:92%;height:auto;overflow:hidden;float:left;margin-bottom:10px;text-decoration:none}
#Label1 h3{float : left;color : #fff;background : #000;padding : 2px 4px;border-radius : 3px;margin-right : 1px;font-size : 11px;font-weight : bold;line-height : 15px;margin-top : 1px;margin-bottom:10px;-moz-border-radius:3px;-webkit-border-radius:3px;text-decoration:none}
#Label1 a,#Label1 a:visited{font-size:11px;font-weight:bold;font-style:normal;line-height:15px;text-decoration:none;text-transform:uppercase;background-color:#6699ff;padding:2px 4px;float:left;margin:1px;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;color:#ffffff;-webkit-transition:all 0.2s ease;-moz-transition:all 0.2s ease;-o-transition:all 0.2s ease;transition:all 0.2s ease}
#Label1 a:hover {color : #ffffff;background : #ff7700;text-decoration:none}
</style>
<b:if cond='data:blog.pageType != &quot;archive&quot;'>
<style>
8. Klik save
*sebelum eksekusi, lebih baik backup template (download) terlebih dahulu

Sekian ulasan singkat dari saya mengenai Modifikasi Widget Blog Sederhana. Jika ada yang belum jelas bisa ditanyakan.
*)hasilnya bisa dilihat pada gambar dibawah ini.
Modifikasi Label Blog Sederhana Modifikasi Label Blog Sederhana Reviewed by Hury Canz on 10:09 PM Rating: 5
Powered by Blogger.