بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم
Assalamulaikum Wr,wb
Hallo sahabat bloggers, saya mau posting tutor fungsi nya yaitu memodifikasi label menjadi kotak-kotakSemoga postingan ini bermanfaat bagi kalian, dan supaya barokah ilmu yang saya berikan ini :D
Dibawah ini Adalah Contoh Label Blog yang akan saya Share, View Image :
Cara memodifikasi label, Label Blog persegi panjang alias kota-kotak
Langkah-langkahnya sebagai berikut :
✎Langkah pertama :
1. Login ke akun Blogger sobat.
2. Pergi ke Blogger Dashboard → Template → Edit HTML
3. Gunakan Ctrl+ F untuk mempermudah pencarian dan cari kode ]]></b:skin>
4. Kemudian Copy & Paste kode dibawah ini tepat di atas atau sebelum kode ]]></b:skin>
/*-----(DO NOT EDIT PLEASE) Widget by http://ilu5i.blogspot.com/----*/
.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;
/*----- END Code . Widget by http://ilu5i.blogspot.com/ -----*/
Lalu Save template anda, Langkah Pertama sudah sukses, Next
Apabila langkah ke-3 sudah ketemu selanjutnya copy kode dibawah ini:
✎Langkah kedua :
- Pergi ke Blogger Dashboard → Tata Letak → klik "Add a gadget" → Pilih Label
- Setelah itu Anda Ubah Pengaturan Label :
- Intinya pilih "Cloud"
- Jika Sudah, Silahkan Klik Simpan → Simpan setelan.
Last Lihat Blog Anda Dan Hasilnya gimana??
Wes to???? mariikan?? yowes lah saya pamit dulu, lain kali kalau ada ilmu-ilmu yang buat modif blog saya akan posting lagi, sekian deh , Terima Kasih
Wassalamualaikum Wr.wb
Mantap gan buat pemula
ReplyDeleteKeren sob ane coba dah tutorialnya :)
ReplyDeletekeren sob buat pemula seperti ane
ReplyDeleteSaya Cari-cari ini tutorial nya Makasi Mas
ReplyDeletekembalikasih mas :)
Delete