Membuat
label cloud keren – Setiap platform blog selalu memberikan kemudahan pada
usernya untuk menggolongkan suatu artikel berdasarkan pada kategori tertentu.
Fasilitas tersebut dalam blogger disebut dengan nama Label. Anda dapat menambahkan setiap postingan
kedalam label dengan cara memasukkan nama label artkel pada kolom label yang
terdapat di sebelah kanan pada
saat kita hendak memposting di blogger.com
Menurut
saya sendiri, widget label
ini sangatlah penting unntuk sebuah blog. Karena dengan widget label ini
visitor akan lebih mudah untuk menyusuri setiap postingan kita berdasarkan
label tertentu. Semisal orang tersebut ingin mencari tutorial di blog anda,
maka dia pasti akan melihat-lihat
semua postingan tutorial di blog anda dengan cara menekan label tutorial.
Membuat indah
label sendiri merupakan hal yang cukup penting menurut saya, karena selain
lebih keren, visitorpun akan lebih betah berlama – lama di blog kita. Lantas
bagaimana cara membuat label cloud yang keren di blog, langsung saja simak tutorial berikut ini.
Cara
menambahkan widget label cloud di blog.
1. Masuk
terlebih dahulu ke dashboard bloggger anda.
2. Jika
sudah, klik Tata Letak atau Layout.
3. Klik
tambahkan widget dimana anda akan menaruh widget label tersebut.
4. Pilih
dan tambahkan widget label dengan cara menekan tombol + yang terdapat di
sebelah kanannya.
5. Beri
nama sesuka anda.
6. Centang
pada tampilan "Cloud" dan "Tampilkan Jumlah Enty Setiap
Label"
7. Simpanl
kedalam .
Nah, selesai
sudah bagimana
cara untuk menambahkan widget label ke dalam blog anda, sekarang tinggal cara
mengkostumisasinya agar lebih keren dan berwarna.
Cara
kostumisasi label cloud agar lebih keren
1. Masih
log in didalam dashboard blogger anda.
2. Pilih
'Template"
3. Pilih
" Edit HTML"
4. Cari
kode ]]></b:skin> gunakan Ctrl + F atau F3 unntuk mempermudah
pencarian.
5. Jika
sudah ketemu silahkan tempelkan kode berikut ini tepat diatas kode
]]></b:skin>
/*-- Label Cloud --*/
/**Multihued Label By
http://www.bloggerspice.com**/
#Label1 .cloud-label-widget-content
{text-align:center;font-weight: bold;padding: 4px 0}
#Label1 .cloud-label-widget-content
span {display: inline-table; line-height: 1.2;}
#Label1 .cloud-label-widget-content
span a {padding:3px 4px;color:#fff}
#Label1 .label-size {margin:4px 0;}
#Label1 .label-size span
{background:#E95D0C;padding:3px 4px;color:#fff}
#Label1 .label-size-1 a
{background:#ff8c00;font-size:11px;}
#Label1 .label-size-2 a
{background:#556b2f;font-size:11px;}
#Label1 .label-size-3 a
{background:#cd5c5c;font-size:11px;}
#Label1 .label-size-4 a
{background:#B32A32;font-size:11px;}
#Label1 .label-size-5 a
{background:#66CC00;font-size:11px;}
#Label1 .cloud-label-widget-content
span a:hover {background:#006400;}
6. Klik
simpan
NB
: Jika di template anda sudah ada kostumsisasi label cloudnya, silahkan hapus
terebih dahulu kode kostumisasi label clod dari template anda tersebut.
Nah,
selesai sudah bagaimana cara membuat label cloud keren full color di blog anda.
mudah sekali bukan, tidak sampai lima menit sudah selesai. sekian tutorial kali
ini, semoga tutorilanya bermanfaat bagi anda. Jangan lupa juga untuk share dan
comment tutprial ini.
