Label akan membantu pengunjung dalam mengetahui kategori apa saja yang ada pada blog sobat. Widget ini sangat sering dijumpai pada berbagai blog. Dan widget ini juga menjadi widget yang harusnya ada di blog.
Berbeda dengan widget recent post by label yang tidak tersedia di blog sehingga sobat harus membuatnya sendiri, kalau widget label ini sudah tersedia di blog secara default, sehingga sobat tidak perlu membuatnya sendiri.
Dan pada artikel kelima saya hari ini, saya akan memberikan tutorial cara merubah tampilan widget label yang sudah terpasang pada blog sobat.
Pertama, sobat harus memastikan kalau blog sobat sudah memasang widget ini. Jika belum, maka sobat bisa memasang widget ini terlebih dahulu dengan cara
Masuk ke blog sobat, kemudian ke tata letak -> pilih tempat sobat ingin meletakkan widget label ini, lalu cari widget label dan klik simpan.
Setelah widget label ini terpasang, pastikan terlebih dahulu kalau widget ini sudah terpasang dengan benar. Jadi, periksa blog sobat. Jika sudah yakin kalau widget label sobat sudah terpasang pada tempatnya, sobat bisa melanjutkan membaca artikel ini. Kalau belum juga tidak apa.
Langsung saja, setelah widget label terpasang dengan benar di blog sobat, langkah selanjutnya adalah mengetahui kode selektor widget itu. Caranya dengan klik kanan pada widget label, pilih inspeksi elemen. Lalu akan muncul nama selektor dari widget ini.
Biasanya selektor widget ini bernama #Label1. Jika sobat sudah mendapatkan nama selektor dari widget label ini, sobat dapat merubah tampilannya sesuai keinginan sobat.
Untuk merubah tampilan widget ini menjadi kotak-kotak atau grid, sobat bisa menyalin kode css di bawah ini
#Label1{}
#Label1 ul{list-style:none; margin-top:1em;}
#Label1 ul li{display:inline-block; padding-bottom:1.75em;}
#Label1 ul li a{padding:0.75em 1em; background-color:#455a64; color:white; margin-bottom:1em;}
#Label1 ul li a:hover{background-color:#42a5f5;}
Copy atau salin kode di atas di atas kode ]]></b:skin> atau di atas kode </style> dan kemudian klik save.
Lihat bagaimana tampilan widget label blog sobat setelah dilakukan perubahan kode css. Jika menjadi lebih menarik, ada baiknya sobat membagikan artikel ini ke sobatnya sobat.
Related Posts