Cara merubah tampilan label blog versi 1

Selamat datang di halaman artikel berjudul Cara merubah tampilan label blog versi 1 dengan Label: Blogger Widgets artikel ini di rangkum dari berbagai sumber yang ada di internet , mudah-mudahan bisa menambah informasi bagi pembaca semua . Kita tidak menjamin ke akurasian isi artikel ini , jangan di jadikan satu satunya acuan untuk mempraktekanya . terimakasih dan selamat membaca .

PASANG IKLAN 1

Tampilan label cloud bawaan blogger memang kurang bagus. hal ini disebabkan rata-rata template memasang CSS untuk label seperti pada umumnya/bawaan blogger. Nah Berikut ini cara merubah tampilan label blog versi 1 :

Berikut Kode untuk merubah tampilan label blog versi 1

GAMBAR DEMO

.label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #B20000; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; } .label-size a:hover { text-decoration: none; }

Langkah Pertama

1. Masuk Blogger Dasboard > Template > Edit HTML > Lanjutkan
2. Backup template anda,untuk berjaga-jaga seandainya terjadi kesalahan
3. Tekan Control + F > cari kode ]]></b:skin>
4. Copy salah satu kode CSS diatas.
5. Pastekan / letakkan kodenya tepat DIATAS tag ]]></b:skin>
6. Save Template

Langkah Kedua

1. Masuk Blogger Dasboard > Tata Letak > Klik Tambah Gadget > pilih Label

2. Setting widget Blogger Label > pilih Tampilkan Cloud

3. Untuk pilihan "Sortir" dan "tampilkan semua" atau label yang dipilih terserah Anda

Lihat gambar dibawah untuk lebih jelasnya

Terimakasih telah membaca artikel berjudul Cara merubah tampilan label blog versi 1 Mudah-mudahan apa yang telah di sampaikan dalam artikel ini bisa bermanfaat untuk anda , jika anda suka dengan artikel ini silahkan sampaikan pada teman . Jika kurang berkenan silahkan sampaikan pada admin dengan cara memberi komentar di kolom yang telah di sediakan .