Cara memodifikasi label menjadi kotak-kotak

Written By Masmip on Wednesday, April 9, 2014 | 8:33 AM

بِسْــــــــــــــــــمِ اﷲِالرَّحْمَنِ اارَّحِيم

Assalamulaikum Wr,wb
Hallo sahabat bloggers, saya mau posting tutor fungsi nya yaitu memodifikasi label menjadi kotak-kotak
Semoga 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 :
  1. Pergi ke Blogger Dashboard → Tata Letak → klik "Add a gadget" → Pilih Label
  2. Setelah itu Anda Ubah Pengaturan Label :
  3. Intinya pilih "Cloud"  
  4. 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








Ditulis Oleh : Masmip ~Limited Edition

M.H.N Belajarlah lebih kreatif suatu saat nanti ke-kreatif-an mu pasti akan dibutuhkan oleh boss kerjamu,maka hargai orang yang sudah susah payah berkarya, dan bila anda ada kesulitan bisa ditanyakan karena saya juga ingin belajar dari pengalaman. Hargai karya seseorang jika anda ingin dihargai :D Terimakasih atas kunjungannya para master yang baru saja membaca artikel berjudul Cara memodifikasi label menjadi kotak-kotak.

Blog, Updated at: 8:33 AM

5 comments:

Tinggalkan komentar anda sebelum close dari blog :D
Terima kasih :D

Belajar Bersama

Follow