Cara membuat Label Cloud Keren

Cara membuat Label Cloud Keren

Cara membuat Label Cloud Keren
bagi anda publisher atau blogger yang ingin membuat atau merubah tampilan Label blog anda menjadi lebih menarik, tidak ada salahnya mencoba atau membuat tampilan Label Cloud Keren seperti pada gambar di atas. Berikut cara membuat Label Cloud Keren
  • Login ke akun blogger anda
  • Klik Template >> Edit HTML
  • Cari ]]></b:skin> atau </style> tekan Ctrl + F untuk mempermudah pencarian. bila sudah jumpa kode tersebut, Letakkan kode dibawah tepat di atas kode diatas.

.label-size{background:#2EA9DA;}

#footer-top .label-size:hover{background:#2EA9DA !important;}

.widget-label h2,.widget-label h3{background:#f8f8f8;color:#555;padding:6px 10px;font-family:&#39;Oswald&#39;,Verdana,Sans-serif;line-height:1.2em;font-size:14px;font-weight:bold;margin:0 0 0 0;text-transform:uppercase;border-top:3px solid #e8e8e8;border-right:1px solid #e8e8e8;border-bottom:1px solid #e8e8e8;border-left:1px solid #e8e8e8;}#widget-label-kanan .widget:nth-child(1) h2,#widget-label-kanan .widget:nth-child(1) h3,#widget-label-kanan .widget:nth-child(4) h2,#widget-label-kanan .widget:nth-child(4) h3{border-top:3px solid #E50700 !important;}#widget-label-kanan .widget:nth-child(2) h2,#widget-label-kanan .widget:nth-child(2) h3,#widget-label-kanan .widget:nth-child(5) h2,#widget-label-kanan .widget:nth-child(5) h3{border-top:3px solid #0084C5 !important;}#widget-label-kanan .widget:nth-child(3) h2,#widget-label-kanan .widget:nth-child(3) h3,#widget-label-kanan .widget:nth-child(6) h2,#widget-label-kanan .widget:nth-child(6) h3{border-top:3px solid #6CAC00 !important;}#widget-label-kiri .widget:nth-child(1) h2,#widget-label-kiri .widget:nth-child(1) h3,#widget-label-kiri .widget:nth-child(4) h2,#widget-label-kiri .widget:nth-child(4) h3{border-top:3px solid #00C3B7 !important;}#widget-label-kiri .widget:nth-child(2) h2,#widget-label-kiri .widget:nth-child(2) h3,#widget-label-kiri .widget:nth-child(5) h2,#widget-label-kiri .widget:nth-child(5) h3{border-top:3px solid #FF8168 !important;}#widget-label-kiri .widget:nth-child(3) h2,#widget-label-kiri .widget:nth-child(3) h3,#widget-label-kiri .widget:nth-child(6) h2,#widget-label-kiri .widget:nth-child(6) h3{border-top:3px solid #FFBA0F !important;}#right-post .widget:nth-child(1) h2,#right-post .widget:nth-child(1) h3{border-bottom:3px solid #E50700 !important;}#right-post .widget:nth-child(2) h2,#right-post .widget:nth-child(2) h3{border-bottom:3px solid #0084C5 !important;}#right-post .widget:nth-child(3) h2,#right-post .widget:nth-child(3) h3{border-bottom:3px solid #6CAC00 !important;}#right-post .widget:nth-child(1) h2,#right-post .widget:nth-child(1) h3{border-bottom:3px solid #00C3B7 !important;}#right-post .widget:nth-child(2) h2,#right-post .widget:nth-child(2) h3{border-bottom:3px solid #FF8168 !important;}#right-post .widget:nth-child(3) h2,#right-post .widget:nth-child(3) h3{border-bottom:3px solid #FFBA0F !important;}
.widget-label .widget-content{overflow:hidden;margin:0 0 5px 0;padding:10px 0;}.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{display:block;float:left;margin:0 1px 1px 0;color:#eee;}.label-size a,.label-size span{display:inline-block;color:#fff;padding:6px 8px;}.label-size:hover{background:#393939}
.label-count{white-space:nowrap;padding-right:8px;margin-left:-4px;}.label-size{line-height:1.2}#footer-top .label-size{background:#555 !important;}#footer-top .label-size:hover{}#footer-top .label-size a{color:#eee !important;}.showpageArea{float:left;color:#555;font-size:11px;margin:10px 0;}.showpageArea a{color:#555;}.showpageNum a{padding:5px 12px;margin:0 2px 0 0;background:#eee;}.showpageNum a:hover,.showpage:hover{color:#fff !important;}.showpage{margin:0 0 0 0;}.showpage:hover a{color:#fff !important;}.showpageOf,.showpage{padding:5px 12px;margin:0 2px 0 0;background:#eee;}.showpagePoint{color:#fff;padding:5px 12px;margin: 0 2px 0 0;}

  • Kemudian Klik Save / Simpan Template
Lihat hasilnya.. Lable Blog anda akan menjadi keren seperti contoh pada gambar diatas.
Back To Top