Notification

×

Kategori Berita

Ingin Mencari Artikel?
✓ Tersedia berbagai artikel yang dapat menambah wawasan Anda.
TRENDING TERKINI

Adsense Responsif

Tag Terpopuler

Cara membuat tampilan label berbentuk kotak menggunakan cloud

20 Januari 2014 | 12:57 WIB Last Updated 2021-08-02T18:47:45Z
Bantu Subscribe ya?
Subscribe
Credit img: freepik.com

Dengan adanya label (kategori) pada suatu blog sangat berguna untuk mempermudahkan pengunjung mencari kategori artikel yang dicari. Sehingga dalam fasilitas ini selaku pemilik blog dapat membuat widget label sesuai dengan yang diperlukan. Cara membuat fitur ini sebenarnya juga sangat mudah, terlebih pada program blogger sudah disediakan tinggal bagaimana kita memodifikasi tampilan sesuai keinginan kita. Disini saya berikan sedikit tips bagaimana cara memodifikasi tampilan label menjadi lebih berwarna, sehingga para pengunjung lebih nyaman untuk mencari artikel yang dicari sesuai dengan kategori yang dibuat.

 Hasil tampilan :




Berikut cara membuatnya:
Login ke blogger anda lalu pilih template >edit HTML
Copy pastekan kode dibawah ini tepat diatas kode ]]></b:skin


.label-size {
display: block;
float: left;
background: #555 !important;
margin: 0 1px 1px 0;
color: #eee;
font-size: 100%;
}
.label-size:hover, .label-size a:hover, .label-size span:hover{background:#3384ff;}
.label-size a, .label-size span {
display: inline-block;
color: #fff;
padding: 4px 4px;
}


Simpan dan selanjutnya pilih Tata letak lalu tambahkan widget label dengan berbentuk cloud.
Selesai dan lihat hasilnya.

Bila ingin melihat versi lainnya bisa pergi  merubah tampilan label menjadi kotal label yang menarik dan simple

Semoga bermanfaat. Terima Kasih
×
Artikel Terbaru Update
Rekomendasi Untuk Anda × +