Popular Post Warna Warni dengan Sudut Lengkung - BRIGADE 86 - Cara Cepat Belajar Komputer dan Belajar Blog
Headlines News :
Powered by Blogger.
Home » , , , , » Popular Post Warna Warni dengan Sudut Lengkung

Popular Post Warna Warni dengan Sudut Lengkung

Written By Edie Daneva Warsono on Thursday, 14 November 2013 | 22:48

Jasa Like Fanpage Murah 2014, 2015, 2016
Cara Mudah Membuat Widget Popular Post Warna WarniCara Mudah Membuat Widget Popular Post Warna Wani
Sebenarnya banyak jenis popular post di blog salah satunya yaitu widget popular post warna warni seperti pelangi. Pasti sobat sudah pernah lihat kan widget popular post seperti ini?? Ya dengan adanya widget popular post seperti ini akan menjadikan tampilan blog sobat menjadi lebih fresh. Nah bagi yang menginginkan widget popular post warna warni seperti diatas,ikuti langkah langkahnya sebagai berikut. Cek itt doott.
  • Login terlebih dahulu di blog masing masing
  • Sebelumnya pasang dulu widget popular post di blog, Klik Tata Letak >> Add Gadget >> Popular Post
  • Setting widget popular post tersebut sesuai gambar di bawah ini :
http://ediesblack.blogspot.com
  • Nah selanjutnya klik Template >> Edit HTML
  • Cari kode </b:skin> ( gunakan ctrl+f untuk memudahkan)
  • Copy kode dibawah ini dan letakkan diatas kode </b:skin>

/*Rainbow Popular Post by http://acer-c4yber.blogspot.com*/

#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}

#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 13px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}

#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:10px;background:transparent;padding:0;width:51px;height:51px}

#PopularPosts1 ul li:first-child:after,

#PopularPosts1 ul li:first-child + li:after,

#PopularPosts1 ul li:first-child + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}

#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}

#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}

#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:90%}

#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}

#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:90%}

#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}

#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:90%}

#PopularPosts1 ul li:first-child + li + li:after{content:"3"}

#PopularPosts1 ul li:first-child + li{background:#ff764c; width:90%}

#PopularPosts1 ul li:first-child + li:after{content:"2"}

#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:90%}

#PopularPosts1 ul li:first-child:after{content:"1"}

#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}

#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}

/* Rainbow Popular Post by http://acer-c4yber.blogspot.com*/

  • Simpan templte.
Itulah sedikit tips dan tutorial Cara Mudah Membuat Widget Popular Post Warna Warni. Semoga bisa bermanfaat. Terima Kasih.

Terima kasih telah membaca artikel tentang widget popular post, mungkin anda juga tertarik dengan artikel yang lain? , semoga bermanfaat.


Related Posts Plugin for WordPress, Blogger...
Share this article :
 
Original Basic Design by Absolut Website Creator Modified by Oemah Web Banjar - West Java