Monday, August 8, 2016

Cara Membuat Widget Label Blog keren

Assalamualaikum wr.wb

Hallo Sahabat blogger berjumpa lagi dengan saya Asami Kurosawa  ;) Pada postingan ini saya akan membagikan sebuah scrip css Untuk membuat label blog keren ... Bagai mana caranya Oke mari simak dengan seksama ..

 Langkah Pertama
  1. Buka Dasbor blog Anda Atau anda bisa login disini
  2. Pilih Templat
  3. Lalu pilih edit html
  4. Setelah itu Pencet Ctrl + F Lalu masukan kode dibawah ini 
  5. ]]></b:skin>
  6. lalu Tempelkan Scrip Dibawah ini Tepat diatas Kode ]]></b:skin>

/*-----(DO NOT EDIT ) Widget by http://asamikurosawa.blogspot.co.id/----*/
.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 Script http://asamikurosawa.blogspot.co.id/ -----*/


Langkah  ke 2
  1. Buka Dasbor blog Anda
  2. Masuk kemenu Layout/ Tata Letak
  3. Pilih add Gadget 
  4. Pilih label
  5. Lalu ubah pengaturan label spt gambar dibawah ini ;


 Jika sudah silahkan kelik save Lihat Blog Anda Dan Hasilnya . . .  Jreeengg . . LabeL Blog Anda Menjadi Lebih Kerennn :)

Saya Rasa Cukup Sekian Postingan Saya Hari ini, Mudah"an Postingan ini Bermanfaat buat Teman" :) ( amin )
Jika Sobat Masi Ragu / Kurang Mengerti dengan Penjelasan saya, Silahkan Titip Komentar Sobat Pada From Komentar yang Telah disiapkan Dibawah Postingan ini . .


Thanks Wassalamua'laikum wr.wb

Newer Post Older Post Home

0 comments:

Post a Comment