Cara Membuat Populer Post Keren Jadi warna warni

↑ Grab this Headline Animator

Cara Membuat Populer Post Keren Jadi warna warni  

Hay sobat , Mau share ulang nih supaya mereka yang mengunjungi blog ini ga sia sia dengan banyak Tuorial buat blognya . Nah sekarang saya akan share Cara Membuat Populer Post Keren Jadi warna warni  . Rata rata para blogger memasang Populer post untuk blognya , Tau kan Populer Post , iya salah satu widget yang menampilkan postingan yang paling sering di baca. Nah supaya lebih menarik perhatian kalian bisa pasang kode ini untuk memperindah tampilan ( skin ) Populer Post nya . Gambar di bawah ini saya ambil contoh di blog saya yang satunya di blog satunya . kalian juga bisa mengganti warna yang kalian suka , untuk kode warna silahkan lihat kode warna HTML

Widget Populer Post Warna Warni

Berikut Langkah Langkah Pemasangan Populer Post jadi warna warni: 

1. Masuk Dasbord Blogger
2. Pilih Tata Letak lalu Klik Tambah Gadget
3. Pilih Entri Populer } setting dengan hilangkan centang Thumbnail Gambar
    kalau sudah , kalian tinggal memberi Skin aja biar warna warni . Next .
4. Klik Menu Template
5. Klik Edit Template
6. Cari kode ]]></b:skin> Supaya Mepercepat Pencarian guanakan CTRL+F
7. Tinggal letakan saja kode CSS dibawah ini sebelum kode ]]></b:skin>

#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} - See more at: http://ilmuane11.blogspot.com/2014/05/cara-membuat-populer-post-keren-jadi.html#sthash.XRQrWeo4.dpuf

8. Kelik save template , Selesai !!

Nah itulah Tutorial Cara Membuat Populer Post/Entri Populer Keren Jadi warna warni , sekian Tutorial mempercantik blog dari saya , semoga bermanfaat :D yang kesulitan boleh nanya !!

Dunia Aneh
Kumpulan Artikel Unik dan Aneh sepanjang Masa
Catatan dosen

Tips Android dan BBM
Kumpulan Ulasan tentang Tips Android dan BBM
Putera Dosen

Meme Lucu Banget
Kumpulan Meme Lucu yang lagi ngetren
Cds Blog

Kumpulan Artikel Menarik
Semua Artikel yang Kamu Cari Ada di sini
230 Penulis
Ads by BLOGGER

Posted by Very Handika

Tweet