.jpg)
Selasa, 25 Juni 2013
Kali ini Kang Harun akan share cara membuat Label Cloud keren dan cantik, modifikasi kali ini cukup simple dan tentunya sangat mudah. banyak cara untuk mempercantik label blog, diantaranya dengan menggunakan css agar kelihatan menarik.
Untuk membuat dan memodifikasi tampilan Label Cloud Blogger seperti gambar diatas, sobat hanya perlu menambah kode CSS pada template. Dibawah ini saya bagikan juga kode CSS berikut tutorial cara pemasanganya pada template blogger.
Langsung saja untuk tutorialnya ikuti Cara Membuat Label Cloud keren dan cantik berwarna dibawah ini:
Cara Memasang di Blog
1. Masuk Blogger Dasboard > Template > Edit HTML > Lanjutkan
2. Backup template
3. Tekan Control + F > cari kode ]]></b:skin>
4. Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
2. Backup template
3. Tekan Control + F > cari kode ]]></b:skin>
4. Letakkan kode dibawah ini tepat diatas kode ]]></b:skin>
/*-----Labels Cloud Styled widget by proBlogiz.blogspot.com----*/ .label-size{ margin:0; padding:0; position:relative; } .label-size a , .label-size span{ float:left; height:24px; line-height:24px; position:relative;font-size:12px; margin-bottom: 9px; margin-left:20px; padding:0 10px 0 12px; background:#0089e0; color:#fff; text-decoration:none; -moz-border-radius-bottomright:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -webkit-border-top-right-radius:4px; border-top-right-radius:4px; } .label-size a:before , .label-size span::before{ content:""; float:left; position:absolute; top:0; left:-12px; width:0; height:0; border-color:transparent #0089e0 transparent transparent;border-style:solid; border-width:12px 12px 12px 0; } .label-size a:after , .label-size span::after{ content:""; position:absolute; top:10px; left:0; float:left; width:4px;height:4px; -moz-border-radius:2px; -webkit-border-radius:2px; border-radius:2px; background:#fff; -moz-box-shadow:-1px -1px 2px #004977; -webkit-box-shadow:-1px -1px 2px #004977; box-shadow:-1px -1px 2px #004977; } .label-size a:hover , .label-size span::hover { background:#555;} .label-size a:hover:before , .label-size span::hover::before{border-color:transparent #555 transparent transparent;}
5. Jangan lupa Save Template dan pastikan label pada template sobat sudah dibuat label cloud. OK
Sekian dulu Cara Membuat Label Cloud keren dan cantik berwarna, semoga bermanfaat. Good Luck
{ 18 komentar... read them below or Comment }
Syarat Berkomentar !!
1.Berkomentarlah dengan bahasa yang baik dan benar .
2.Komentar tidak mengandung SARA,,PELECEHAN,,dan hal2 yang negatif .
3.Tidak boleh menyisipkan link aktif di komentar ini
4.No Spamming
1.Berkomentarlah dengan bahasa yang baik dan benar .
2.Komentar tidak mengandung SARA,,PELECEHAN,,dan hal2 yang negatif .
3.Tidak boleh menyisipkan link aktif di komentar ini
4.No Spamming
mantap gan ^_^
BalasHapusterima kasih atas pujiannya sob ,, kapan2 berkunjung lagi ya ,, :)
BalasHapusThank's Gan Info Nya..
BalasHapusiya sama2 gan .. :)
Hapuspunya anae kog gagal ya gan...
BalasHapusini blog ane..kunjungi ya :)
dunia kampus santri
Artikel yg sangat menarik gan.
BalasHapuskunjung balik yah,,
Http://www.nehandnews.com
nice posting gan, saya masih newbie nih tentang blogger.
BalasHapuskunjungi blog ane ya gan Type pedia
ok gan , makasih kunjungannya gan :)
Hapuswow, nice post gan, icip ah
BalasHapusDicobain dulu...thx infonya gan
BalasHapuskeren sob.. kunjungin blog ane jga
BalasHapushttp://kediagunawan-library.blogspot.com/
Banyak ilmunya tuh
thanks om saya pasang di blog saya tapi warnanya saya ganti . . .
BalasHapusGood content. You write beautiful things.
BalasHapusmrbahis
mrbahis
hacklink
taksi
sportsbet
hacklink
sportsbet
vbet
korsan taksi
Good article text write content successfull... thanks.
BalasHapusbonus veren siteler
poker siteleri
kralbet
slot siteleri
kibris bahis siteleri
betpark
tipobet
betmatik
alsancak
BalasHapusarnavutköy
ataşehir
avcılar
avşa
05ANU
https://saglamproxy.com
BalasHapusmetin2 proxy
proxy satın al
knight online proxy
mobil proxy satın al
WE27C0
adapazarı
BalasHapusadıyaman
afyon
alsancak
antakya
FD8E0R
https://izmitone.com
BalasHapuskuşadası
sex hattı
E7MAO