Kembali aku ingin berbagi ilmu tentang editor widget untuk mempercantik blog kita yang mungkin akhir-akhir ini lagi tren sekali di dunia blogger yaitu Label Cloud yang bisa kita lihat pada template-template terbaru sekarang ini. widget label pada blogspot ini sangalah cantik kalau buat design yang unik.
untuk tapilannya sobat bisa lihat di sidebar kanan bawah blog ini kalau belum aku rubah. namun sebelumnya kita bahas tutorial ini alangkah baiknya kita mengenal dulu apa itu LABEL atau TAG?
Label atau TAG ini merupakan category pengecualian atau menggolongkan suatu postingan untuk website atau blog, istilah ini kalau di blogger dinamakan widget LABEL namun kalao di wordpress di kenal dengan category.
apakah label atau category ini penting untuk website atau blog? kalau saya nilai gak terlalu penting namun kalau kita lihat di webmaster tool data terstruktur label ini dibutuhkan untuk memeberi tahu mesin google urutan data struktur dari blog kita. buat sobat yang belum tahu bagaimana cara membuat data terstruktur di blogspot sobat bisa buka halaman Cara Membuat Breadcrumbs
langsung saja kita mulai tutorial ini untuk tampilannya nanti berubah seperti gambar diatas. sebelumnya silahkan sobat login dulu ke blogger.
1. silahkan sobat langsung menuju ke edit tempat kalian, kalau sudah silahkan buka cari kode ]]></b:skin> kalau sudah kalian temukan kodenya pastikan dulu silahkan cari kode CSS label biasanya berawal kode seperti ini .widget-label kalau tidak seperti ini .label, pastikan kalau kode CSS untuk kode label sudah tak ada.
2. kalau sobat sudah pastikan tak ada kode yang aku sebut tadi sekarang silahkan taruh kode dibawah ini tepat diatas kode ]]></b:skin>
langsung saja kita mulai tutorial ini untuk tampilannya nanti berubah seperti gambar diatas. sebelumnya silahkan sobat login dulu ke blogger.
1. silahkan sobat langsung menuju ke edit tempat kalian, kalau sudah silahkan buka cari kode ]]></b:skin> kalau sudah kalian temukan kodenya pastikan dulu silahkan cari kode CSS label biasanya berawal kode seperti ini .widget-label kalau tidak seperti ini .label, pastikan kalau kode CSS untuk kode label sudah tak ada.
2. kalau sobat sudah pastikan tak ada kode yang aku sebut tadi sekarang silahkan taruh kode dibawah ini tepat diatas kode ]]></b:skin>
.widget-label .widget-content{overflow:hidden;margin:0 0 5px 0;padding:10px 0;}
.label-size-1, .label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;filter:alpha(100);opacity:10}
.cloud-label-widget-content{text-align:left}
.label-size{display:block;float:left;background:#426DEC;margin:0 2px 2px 0;color:#eee;}
.label-size a,.label-size span{display:inline-block;color:#fff;padding:6px 8px;}
.label-size:hover{background:#393939}
.label-count{white-space:nowrap;padding-right:8px;margin-left:-4px;}
.label-size{line-height:1.2}
3. kalau sudah sekarang silahkan simpan. kalau sudah kalian simpan kode tadi sekarang silahkan sobat menuju editor tata letak. silahkan klik tambah widget Label. kalau sudah kalian tambahkan silahkan lihat gambar dibawah ini.
pastikan kalau widget label kalian setting seperti gambar diatas. kalaus sudah kalian setting seperti gambar diatas kini saatnya kalian simpan dan lihat hasinya.
itulah Cara Mempercantik Label Cloud Untuk Blogger yang bisa aku bagikan untuk sobat. semoga tutorialku ini bermanfaat buat sobat. selamat mencoba semoga berhasil. kalau masih bingung silahkan sobat tinggalkan komentar dibawah.
itulah Cara Mempercantik Label Cloud Untuk Blogger yang bisa aku bagikan untuk sobat. semoga tutorialku ini bermanfaat buat sobat. selamat mencoba semoga berhasil. kalau masih bingung silahkan sobat tinggalkan komentar dibawah.
0 Response to "Cara Mempercantik Label Cloud Untuk Blogger"
Posting Komentar