infotrens

Membuat Popular Post Dengan Keren di Widget

Membuat Popular Post Dengan Keren di Widget | Para blogger yang kreative mereka tidak habis idenya untuk mempercantik blogger mereka,dengan berbagai bentuk dan dengan berbagai macam kreativitas mereka yang di terapkan kepada blog mereka agar terlihat cantik dan keren oleh para pengunjung blog mereka,dan salah satunya adalah dengan meng kreasikan Popular post yang berada di widget ini,Popular post ini terlihat keren apabila anda pasang di blog anda dan anda juga bisa melihat model Popular post ini dengan gambar di bawah ini.

Dan anda juga bisa menggunakan Popular post ini di Template anda dengan mengikuti Tutorial di bawah ini
  • Masuk ke blogger
  • Pilih template anda
  • Lalu Silahkan anda masuk ke Edit Html dan silahkan anda cari kode ]]></b:skin> lalu silahkan anda masukan kode berikut sebelum kode tersebut
.PopularPosts .widget-content ul{margin:0;padding:7px !important;list-style-type:none;}
.PopularPosts .widget-content ul li{position:relative;padding:10px !important;}
.PopularPosts .widget-content ul li:first-child {background:#444;width:93%}
.PopularPosts .widget-content ul li:first-child:after{content:&quot;01&quot;;}
.PopularPosts .widget-content ul li:first-child + li{background:#555;width:93%}
.PopularPosts .widget-content ul li:first-child + li:after{content:&quot;02&quot;;}
.PopularPosts .widget-content ul li:first-child + li + li{background:#666;width:93%}
.PopularPosts .widget-content ul li:first-child + li + li:after{content:&quot;03&quot;;}
.PopularPosts .widget-content ul li:first-child + li + li + li{background:#777;width:93%;}
.PopularPosts .widget-content ul li:first-child + li + li + li:after{content:&quot;04&quot;;}
.PopularPosts .widget-content ul li:first-child + li + li + li + li{background:#888;width:93%;}
.PopularPosts .widget-content ul li:first-child + li + li + li + li:after{content:&quot;05&quot;;}
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li{background:#999;width:93%}
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li:after{content:&quot;06&quot;;}
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li +li{background:#aaa;width:93%}
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li +li:after{content:&quot;07&quot;;}
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li +li{background:#bbb;width:93%}
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li +li:after{content:&quot;08&quot;;}
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li +li{background:#c1c1c1;width:93%}
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li +li:after{content:&quot;09&quot;;}
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li + li +li{background:#ccc;width:93%}
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li + li +li +li:after{content:&quot;10&quot;;}
.PopularPosts .widget-content ul li:first-child:after,
.PopularPosts .widget-content ul li:first-child + li:after,
.PopularPosts .widget-content ul li:first-child + li + li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li + li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li + li + li + li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li +li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li + li +li:after,
.PopularPosts .widget-content ul li:first-child + li + li + li + li +li + li + li +li +li:after
{position:absolute;top:1px;right:1px;background:#333;width:20px;line-height:1em;text-align:center;color:#fff; font-size:12px !important; font-weight:bold}
.PopularPosts .widget-content ul li .item-thumbnail{float:left;border:0;margin-right:10px;padding:0;width:30px;height:90px}
.PopularPosts .widget-content ul li a{color:white;text-decoration:none;}
  • Setelah itu Save Template anda dan silahkan anda lihat hasilnya
 Sangat mudah bukan untuk membuat Popular Post ini,silahkan anda mencobanya di template anda,dan salam blogger.
File download Mp3 Full Album kami compres menggunakan rar dan disimpan melalui hosting 4shared.com dan mediafire.com, file rar tidak menggunakan Password. How To Download
UangDownload.Com UangDownload.Com

0 komentar:

Post a Comment