Cara ECHO 17 Bikin Widget label Cloud Unik Dan Elegant

 

Widget label cloud biasanya hanya menggunakan label biasa dan tidak menarik untuk diklik pengunjung, oleh karena itu pemakaian widget yang unik dan elegan dapat menarik perhatian pengunjung untuk mengklik dan melihat isi label tersebut. Dan kali ini saya menerangkan cara mengubah widget label agar menjadi unik dan elegan untuk dipasang pada blog kita.

Mari Kita simak cara mengubah widget label Cloud Unik Dan Elegan dibawah ini :

• Silahkan masuk ke dasbor blog anda
• Kemudian Pilih Template >> Edit HTML >> Prooced
• Setelah jendela Edit HTML Terbuka silahkan anda cari kode berikut : 

]]></b:skin>

• Setelah ketemu silahkan Copy Kode berikut ini dan letakkan tepat diatas kode ]]></b:skin>.

/*-----Widget by www.echo-pitulas.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; 

• Setelah kode diatas terpasang simpan pengaturan anda kemudian keluar/close dari edit HTML
• Kemudian masuk ke layout >> Add Gadget >> Label
• Pilih seperti dibawah ini dan save pengaturan label.

 

 

• Kemudian atur letak tag cloud sesuai template anda.
• Terakhir simapan semua perubahan, dan chek hasilnya.

NB :
Jika Sahabat blogger ingin mengubah warna kotaknya agar sesuai dengan warna template sahabat silahkan ganti kodeyang berwarna merah dengan kode warna yang sesuai dengan warna template blog sahabat.

Setelah sahabat mengikuti langkah-langkah diatas sudah pasti akan berhasil seperti gambar dibawah ini :

ECHO 17 Bikin Widget label Cloud

Demikian Diatas tips mengubah label menjadi lebih unik dan elegant. semoga artikel ini bermanfaat.

 

Judul: Cara ECHO 17 Bikin Widget label Cloud Unik Dan Elegant; Ditulis oleh echo sd; Rating Blog: 5 dari 5

Baca Juga Yang Ini, Seru Loo!!

Cara Membuat Artikel Terkait Dibawah Posting Tempat Cari ilmu

Anda sedang membaca artikel tentang Cara ECHO 17 Bikin Widget label Cloud Unik Dan Elegant dan anda bisa menemukan artikel Cara ECHO 17 Bikin Widget label Cloud Unik Dan Elegant ini dengan url http://echo-pitulas.blogspot.com/2012/12/cara-echo-17-bikin-widget-label-cloud.html?m=0,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara ECHO 17 Bikin Widget label Cloud Unik Dan Elegant ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara ECHO 17 Bikin Widget label Cloud Unik Dan Elegant sumbernya.