Membuat Populer Post dengan 9 Full Colour

Kita sudah biasa dengan melihat Populer Posting dengan warna yang standart abu-abu.
Disini saya membantu teman-teman untuk membuat Populer postingan nya menjadi full colour..
Setiap postingan memiliki warna yang berbeda dengan yang lainnya..

Seperti di blog saya ini dan lihat contoh posting update saya
Gampang kok.. tinggal ikutin aturan-aturan nya,, jadi dehh

kita mulai..................

1. Login ke blog kamu.

2. Pilih Edit HTML > Cari kode ]]></b:skin> ,
3. setelah ketemu dengan kode diatas, letakan kode warna kuning dibawah ini diatas kode  ]]></b:skin>

   Tekan F3 untuk mempercepat pencarian

#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}

4. Simpan Template , 

5. Cari menu Tata Letak , Pilih Add Gadget , Pilih Entri Populer/Popular posts. 

setelah itu simpan, dan lihat hasilnya.. keren kan,, ^_^
NB : kamu bisa ganti-ganti kok warnanya sesuka kamu, dan bentuk tulisannya dengan mengedit html di atas

terima kasih..

Cara Cepat Membuat Kotak Komentar Facebook di Blog

Dengan perkembangan dunia maya, Facebook, twitter, dan semakin banyaknya blogger yang kreatif . Di butuhkan tempat berbagi saran dan komentar untuk merespon setiap postingan kita.
Pembaca adalah teman untuk berbagi cerita dan saran untuk perkembangan blog kita..

dengan berkembangnya Situs-situs di Dunia, contoh nya facebook yang menyediakan layanan penyedia kotak komentar yang bisa dipasang ke dunia blogger. itu sama dengan ketika kita mengkomen status teman kita di facebook.

Caranya cepat, ikuti aturan - aturan di bawah ini

1. Login lah ke Akun blogger Anda, Blogger.com
2. Masuklah ke Template, kemudian klik Edit HTML
3. Centang Expand TEmplate Widget
4. Cari Kode <b:includable id='status-message'> dan temukan kode </b:includable>,
    cara cepatnya tekan F3 , ketika salah satu Kode di atas.
5. Taruhkan kode yang berwarna hijau dibawah ini diatas  </b:includable>

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<p align='left'><a href='http://jejeqian.blogspot.com/2012/10/cara-cepat-membuat-kotak-komentar.html' target='new'><img border='0' height='30' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgOV8ip3bCzWeqwTAEn8ytkMiMLOdUg3M9nxylfr1t2KcWW2ed-EDJ8BP8ii5ocz3l9a3fKpqZehuOXobjOrxE3q3X-JJN3fOaD1f4pMysF1xHlzVq-rK8JmpZv3hov5wGabaDL0UenEmw/s1600/comment.gif' width='200'/></a></p>

<div id='fb-root'/>

<script src='http://connect.facebook.net/en_US/all.js#xfbml=1'/>

<fb:comments expr:href='data:post.url' num_posts='7' width='470'/>

</b:if>

NB: - angka 7 warna merah yaitu banyak Komentar yang akan di dtampilkan

       - angka 470 warna merah yaitu lebar dari kotak komentar facebook

angka 7 dan angka 470 bisa Anda ganti sesuka hati, 

6. Simpan Tamplate, jika sudah selesai

Komentar anda akan terkirim langsung ke facebook anda, dan bisa di baca oleh teman-teman kita juga..

Terima Kasih.. ^_^