SUMBER ILMU

Cara membuat label dalam blog menjadi bervariasi (berwarna)

Bookmark and Share

Sesuai judulnya Cara membuat label dalam blog bervariasi berarti kali ini teguhrsp mau ngebahas tentang label, label dalam blog berfungsi untuk mengkategorikan postingan, ada yang tau cara membuat agar label dalam blog bervariasi? Memang blogger telah menyediakan widget untuk menampilkan label yang bervariasi atau memiliki bentuk yang berbeda-beda yang disebut Cloud. Sesuai dengan namanya label adalah sebuah penanda untuk mengkategorikan sesuatu dalam jumlah yang banyak maupun sedikit begitupun label dalam blogger, label dalam juga mempunyai fungsi yang sama yaitu mengkategorikan postingan-postingan agar visitor atau pengunjung dapat dengan mudah mencari sebuah postingan yang telah diberi label dalam postingan tersebut.
Langsung saja sekarang kita masuk pada pokok pembahasan, sekarang kita akan belajar tentang memvariasikan label cloud dengan cara memberi warna pada setiap label tersebut yang berguna agar blog terlihat menarik dan juga lebih cantik.
Nah sekarang, jika sobat teguhrsp berminat untuk membuat label couldnya warna-warni langsung aja ikuti langkah-langkah dibawah:

Cara membuat label could dalam blog menjadi berwarna
1. Login ke akun blog sobat
2. Pilih Template lalu Edit HTML
3. Kemudian centang Expand Template Widget
4. Terus cari kode ]]>
5. Lalu masukan kode css dibawah ini diatas kode ]]>

* Label Cloud berwarna - http://teguhrsp.com*/
.label-size-1 a {
font-size: 22px;
text-decoration: none;
color:# 006400 ;
}
.label-size-2 a {
font-size: 20px;
text-decoration: none;
color:# 8B008B ;
}
.label-size-3 a {
font-size: 18px;
font-family: Arial,Trebuchet MS, Verdana;
text-decoration: none;
color:# FF8C00 ;
}
.label-size-4 a {
font-size: 16px;
text-decoration: none;
color:# FFD700 ;
}
.label-size-5 a {
font-size: 14px;
text-decoration: none;
color:# FF6343 ;
}
.label-size-1 a:hover,
.label-size-2 a:hover,
.label-size-3 a:hover,
.label-size-4 a:hover,
.label-size-5 a:hover { text-decoration: underline ;}
6. Simpan Template

Note: kode warnanya bisa sobat ubah sesuai keinginan.
Langkah berikutnya untuk menapilkan warna dalam label cloud:
1. Pilih Tata Letak , lalu Tambah Gadget
2. Pilih Label
3. Pilih Cloud
4. Tekan tombol Simpan, dan lihat hasilnya

Semoga berhasil

{ 9 komentar... Views All / Send Comment! }

Unknown mengatakan...

Langsung ane praktekin di blog ane gan :D

Mampir gan mengatakan...

demo nya ada g' gan ??

Tatik Uc mengatakan...

trims ya artikelnya...

ninakurniawati mengatakan...

trimakasih atas ilmunya :)

ali mengatakan...

izin nyimak gan
btw kl ada demonya lbh bagus lg
:)

doma oprexes mengatakan...

sip kang.. mau di praktekan dulu. thank share nya.

Tanggal Baru mengatakan...

saya coba dulu bg

Cerita Terbaru mengatakan...

mantabb sudah bisa om. tq yah

Amang mengatakan...

Langsung nanti saya coba mas.

Posting Komentar

lets comment