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:'Oswald',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.
loading...
xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx
aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
