Safelink

Cara Memasang dan Mempercantik Tampilan Label Cloud Keren di Blogger


Mempercantik segala bagian hal dalam blog merupakan hal terpenting yang perlu dilakukan oleh setiap blogger. Selain blog sobat menjadi keren, blog sobat juga mampu mendatangkan pengunjung dan membuat nyaman pembaca.

Sebenarnya ada banyak sekali cara untuk membuat tampilan blog semakin keren dan menarik, salah satunya cara memasang dan mempercantik tampilan label cloud keren di blogger.

Apakah sobat mengerti apa fungsi dari tag label dalam blog?

Label atau yang biasa disebut dengan kategori adalah menu tambahan dalam blog, yang dimana mampu membantu pengunjung menemukan suata hal dalam kategori yang sedang dicari nya.

Di dalam blog ada 2 macam tampilan label, yaitu label daftar dan label cloud.

Ada juga perbedaan antara label daftar dan label cloud. Perbedaannya pada label daftar ini tampilan nya dari atas ke bawah setiap label atau kategori terdiri dari satu baris. Sedangkan label cloud ini tampilannya dari kiri ke kanan setiap label atau kategori bisa lebih dari satu baris.

Pada kesempatan kali ini saya akan memberikan tutorial Cara Memasang dan Mempercantik Tampilan Label Cloud Keren di Blog sobat. Jadi nanti kita akan mengubah tampilan default widget label dari tema yang sobat pasang di blog.

Cara Memasang Tag Label Cloud di Blog

Sebelum kita pergi ke cara mempercantik nya, alangkah baiknya kita memasang terlebih dahulu widget label nya di blog sobat.

Agar tutorial kali ini berhasil dengan sempurna, silahkan sobat ikuti langkah berikut dengan benar.

Step:
1. Masuk ke blogger.com
2. Klik menu Tata Letak > Tambahkan Gadget > Label
3. Pada bagian Tampilkan, ubah dari daftar ke cloud



4. Setelah itu Simpan

Cara Mempercantik Tampilan Label Cloud Keren di Blog

Untuk mempercantik tampilan label nya agar terlihat lebih keren dan menarik,Kita tambahkan kode css untuk mengubah tampilan default labelnya.

Alangkah baiknya sebelum sobat mencoba tutorial kali ini, hapus terlebih dahulu kode css pada label default yang di dalam template.

Jika sobat sudah menghapus kode css nya, silahkan sobat ikuti langkah - langkah nya berikut ini.

1. Masuk ke blogger.com
2. Klik menu Template > Edit HTML
3. Copy source code CSS dibawah ini, lalu Paste di atas kode ]]></b:skin> atau </style>
4. Setelah itu klik Simpan Tema

/* Cloud Label Style 1 */ .label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5{font-size:100%;opacity:10;} .cloud-label-widget-content{text-align:left;} .label-size{transition:all 0.25s;-moz-transition:all 0.25s;-webkit-transition:all 0.25s;line-height:1.2;display:block;float:left;margin:0 3px 3px 0;color:#328bdd;font-size:12px;text-transform:uppercase;border:1px solid #328bdd;} .label-size a,.label-size span{display:inline-block;color:#328bdd;padding:6px 8px;} .label-size:hover{border:1px solid #000000;} .label-size:hover a,.label-size:hover .label-count{color:#000000;} .label-count{margin-left:-12px;margin-right:0;} .list-label-widget-content ul li{display:block;margin:0 0 5px;} .list-label-widget-content ul li:last-child{margin-bottom:10px;}

Bagi sobat yang sedang mencari versi tampilan label keren lain nya, nanti saya usahakan untuk memposting nya. Sekian dulu untuk tutorial artikel Cara Memasang dan Mempercantik Tampilan Label Cloud Keren di Blogger kali ini. Semoga Bermanfaat.

Berlangganan update artikel terbaru via email:

Tampilkan Komentar
Sembunyikan Komentar

0 Response to "Cara Memasang dan Mempercantik Tampilan Label Cloud Keren di Blogger"

Post a Comment

Berikan kami komentar, apabila ada yang tidak dimengerti

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel

Like this blog? Keep us running by whitelisting this blog in your ad blocker.

This is how to whitelisting this blog in your ad blocker.

Thank you!

×