Contoh 1: Part I
Pastikan anda telah menyiapkan dan memasangkan Label pada Blog anda. Masuk ke
Blogger>Tata Letak>Tambah Gadget>Label dan pilih Cloud.
Step2
Sekarang anda sudah punya Label, dan sekarang pergilah ke bagian
Template (letaknya dibagian bawah tata letak) lalu
klik Edit HTML(Sebelumnya, saya menyarankan anda untuk selalu
memback-up template anda sebelum mengedit script atau HTMLnya dengan
mengklik
Cadangkan/pulihkan lalu save template anda). Jangan lupa untuk mencetang
Expand Template Widget lalu tekan
Ctrl+F untuk mulai mencari. carilah script ini
]]></b:skin> Setelah anda mendapatkannya, copy dan pastekan script dibawah ini tepat diatas script
]]></b:skin>
/* Custom Labels Cloud by Cyber Creativity */
.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 #6BB5FF;
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;
}
Hasilnya akan seperti dibawah ini :
Selamat Mencoba
Contoh 2:
Wah
akhirnya bisa kembali melanjutkan aktifitas blogging setelah bebebrapa
hari tertunda akibat kesalahan tehnis yang terjadi pada laptop
kesayangan ane :D, Karna jam juga sudah larut sebelum tidur saya kembali
akan menyempatkan diri untuk menulis sebuah artikel mengenai
cara Mempercantik tampilan label di blog. contoh tampilan label yang
akan kita buat kira kira seperti gambar di bawah ini :
 |
| label blog |
Gambar di atas mungkin bisa menjadi penawar rasa ingin tahu anda seperti
apa tampilan label yang akan kita buat ini, jika anda berminat
menggunakan label seperti yang terlihat pada gambar di atas silahkan
ikuti langkah berikut ini :
pertama login ke blogger lalu pergi ke tata letak > add gadget >
lalu tambahkan gadget label, atur seperti gambar di bawah ini
 |
| add label |
simpan. lalu beralih ke bagian template. seperti biasa conteng expand
template widget. lalu cari code ]]></b:skin> jika sudah ketemu
letakkan css di bawah ini tepat di atasnya. - See more at:
http://hanyablogger.blogspot.com/2012/10/mempercantik-tampilan-label-di-blog.html#sthash.DyDrVAHh.dpuf
Wah
akhirnya bisa kembali melanjutkan aktifitas blogging setelah bebebrapa
hari tertunda akibat kesalahan tehnis yang terjadi pada laptop
kesayangan ane :D, Karna jam juga sudah larut sebelum tidur saya kembali
akan menyempatkan diri untuk menulis sebuah artikel mengenai
cara Mempercantik tampilan label di blog. contoh tampilan label yang
akan kita buat kira kira seperti gambar di bawah ini :
|
| label blog |
Gambar di atas mungkin bisa menjadi penawar rasa ingin tahu anda seperti
apa tampilan label yang akan kita buat ini, jika anda berminat
menggunakan label seperti yang terlihat pada gambar di atas silahkan
ikuti langkah berikut ini :
pertama login ke blogger lalu pergi ke tata letak > add gadget >
lalu tambahkan gadget label, atur seperti gambar di bawah ini
|
| add label |
simpan. lalu beralih ke bagian template. seperti biasa conteng expand
template widget. lalu cari code ]]></b:skin> jika sudah ketemu
letakkan css di bawah ini tepat di atasnya. - See more at:
http://hanyablogger.blogspot.com/2012/10/mempercantik-tampilan-label-di-blog.html#sthash.DyDrVAHh.dpuf
Wah
akhirnya bisa kembali melanjutkan aktifitas blogging setelah bebebrapa
hari tertunda akibat kesalahan tehnis yang terjadi pada laptop
kesayangan ane :D, Karna jam juga sudah larut sebelum tidur saya kembali
akan menyempatkan diri untuk menulis sebuah artikel mengenai
cara Mempercantik tampilan label di blog. contoh tampilan label yang
akan kita buat kira kira seperti gambar di bawah ini :
|
| label blog |
Gambar di atas mungkin bisa menjadi penawar rasa ingin tahu anda seperti
apa tampilan label yang akan kita buat ini, jika anda berminat
menggunakan label seperti yang terlihat pada gambar di atas silahkan
ikuti langkah berikut ini :
pertama login ke blogger lalu pergi ke tata letak > add gadget >
lalu tambahkan gadget label, atur seperti gambar di bawah ini
|
| add label |
simpan. lalu beralih ke bagian template. seperti biasa conteng expand
template widget. lalu cari code ]]></b:skin> jika sudah ketemu
letakkan css di bawah ini tepat di atasnya. - See more at:
http://hanyablogger.blogspot.com/2012/10/mempercantik-tampilan-label-di-blog.html#sthash.DyDrVAHh.dpuf
