Home » , » Cara Membuat Cloud Labels Menjadi Menarik

Cara Membuat Cloud Labels Menjadi Menarik

Written By Unknown on Tuesday, October 8, 2013 | 2:56 PM

Cara Membuat Cloud Labels Menjadi Menarik
Cara Membuat Cloud Labels Menjadi Menarik - Labels blog anda terlihat membosankan, di bawah ini ada cara membuat label blog menjadi menarik dan keren tentunya.

  1. Pertama masuk ke akun blogger kalian
  2. Pilih layout
  3. Dan setting label kalian seperti gambar di bawah ini 
settingan labels blog

Kemudian copy kode di bawah ini tepat di atas kode ]]></b:skin> gunakan ctrl+f untuk mempermudah mencarinya,

.label-size{background:#0099ff;margin:0 2px 6px 0;padding: 3px;text-transform: uppercase;border: solid 1px #000;border-radius: 3px;float:left;text-decoration:none;font-size:10px;color:#fff;}
.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;}
kemudian save dan lihat hasilnya,

NB :
Warna Merah untuk mengganti warna background
Warna Biru untuk warna text
Share this article :

Kode Smiley Untuk Komentar


:a   :b   :c   :d   :e   :f   :g   :h   :i   :j   :k   :l   :m   :n   :o   :p   :q   :r   :s   :t

0 comments:

Post a Comment


 
Support : Maskolis | Johny Template | 2eGM | Post RSS | Comment RSS
Copyright © 2013. 2eGM - All Rights Reserved
Template Update by Rendy VXC Published by Mas Template
Proudly powered by Blogger