Memasang Widget Cloud Label di blog

Kali ini saya akan membagikan cara untuk merubah label blog sobat menjadi lebih indah dan berwarna, karena saya bosan dengan label yang itu-itu saja. Makanya saya ingin mencoba beberapa variasi untuk blog saya, saya ingin coba mengganti label blog saya agar lebih berwarna.
Bagaimana caranya???

Langsung aja disimak baik-baik yah.....

Pertama anda masuk dulu ke Blogger
Pilih Tema

Pilih edit HTML

Klik sembarang di dalam kotak, lalu tekan Ctrl + F, setelah muncul kotak search, ketikan </b:skin> lalu tekan Enter

Copy paste salah satu kode berikut, diatas kode </b:skin> atau </style>

<style>
 /* cloud label by www.kotakwidget.blogspot.com */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size {
border:5px dashed #000000;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
background:#FA0830;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
border:5px dashed #FA0830;
background:#000000;
}
.label-count {
white-space:nowrap;
border-bottom-right-radius: 30px;
border-top-left-radius: 30px;
padding-right:3px;
margin-left:-3px;
background:#000000;
color:#fff !important;
}
.label-size {
line-height:1.2
}

<style>
 /* cloud label by www.kotakwidget.blogspot.com */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size {
border-radius:30px;
background:#FA0830;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
border-radius:30px;
background:#333333;
}
.label-count {
white-space:nowrap;
border-radius:30px;
padding-right:3px;
margin-left:-3px;
background:#333333;
color:#fff !important;
}
.label-size {
line-height:1.2
}

<style>
 /* cloud label by www.kotakwidget.blogspot.com */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size {
background:#08A2FA;
border-radius: 30px;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
background:#000000;
}
.label-count {
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
background:#000000;
color:#fff !important;
}
.label-size {
line-height:1.2
}

<style>
 /* cloud label by www.kotakwidget.blogspot.com */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size {
background:#0dd7b4;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
background:#333333;
}
.label-count {
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
background:#333333;
color:#fff !important;
}
.label-size {
line-height:1.2
}

<style>
 /* cloud label by www.kotakwidget.blogspot.com */
.label-size-1,.label-size-2,.label-size-3,.label-size-4,.label-size-5 {
font-size:100%;
filter:alpha(100);
opacity:10
}
.cloud-label-widget-content{
text-align:left
}
.label-size {
border: 8px inset #0572F8;
background:#0572F8;
display:block;
float:left;
margin:0 3px 3px 0;
color:#ffffff;
font-size:11px;
text-transform:uppercase;
}
.label-size a,.label-size span{
display:inline-block;
color:#ffffff !important;
padding:6px 8px;
font-weight:bold;
}
.label-size:hover {
background:#000000;
}
.label-count {
white-space:nowrap;
padding-right:3px;
margin-left:-3px;
background:#000000;
color:#fff !important;
}
.label-size {
line-height:1.2
}


.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;}


.Label a{background:#000;padding:0 20px;color:#fff!important;height:32px;font-size:14px;text-transform:uppercase;text-decoration:none;line-height:32px;padding-left:20px;float:left;border:none!important;margin-left:5px;margin-top:5px;-webkit-transition:all.4s ease-in-out;-moz-transition:all .4s ease-in-out;-ms-transition:all .4s ease-in-out;-o-transition:all .4s ease-in-out;transition:all .4s ease-in-out;}.Label a:hover{color:#000!important;background:#00cc00;}

Lalu klik Simpan

Lalu pilih Tata Letak

Pilih Tambahkan Gadget

Lalu Pilih Label

lalu di konfigurasi label, pilih Cloud

Terakhir klik Simpan, Lalu klik Simpan Setelan

Taraaaaaaaaa........ label sobat pun udah berganti jadi lebih berwarna.

Sekian dulu dari saya, bagi yang masih kurang Faham. Tanya Aja mbah Google, dan kalau mau Curhat silahkan hubungi Mamah Dedeh, Hahahaha......

weblogpedia

Memasang Widget Cloud Label di blog

Topik Hidayat 3:17 PM - Add Comment

Label:

Memasang Widget Cloud Label di blog

Topik Hidayat 3:17 PM - Add Comment

Label:

Share this