mas template
→ → → Cara Modifikasi Populer Post Supaya Lebih Keren Dan Menarik

Cara Modifikasi Populer Post Supaya Lebih Keren Dan Menarik

Unknown
Tutorial Blog, Widget Blog
Sabtu, 16 November 2013
Belum ada komentar
Sebelumnya saya juga pernah membahas tentang modifikasi popular post blog, yaitu pada artikel modifikasi popular post warna warni dan kali ini saya akan membagikan lagi cara untuk memodifikasi popular post versi berbeda dari sebelumnya.Dengan memodifikasi tampilan popular post menjadi lebih keren maka akan lebih menarik pengunjung untuk meliat artikel terpopular di blog anda, dan hal ini bisa juga untuk meningkatkan pageview blog anda.Bukan hanya bisa untuk menarik perhatian pengunjung, karena tampilan popular post yang keren juga bisa untuk menambah blog anda semakin keren dipandang mata, dan juga hal ini bisa agar pengunjung betah berlama-lama di blog anda.

Berikut ini hasil modifikasi popular post keren ini :

 

Anda berminat menjadi popular post di blog anda seperti tampilan gambar diatas ?? jika anda berminat anda biisa melakukan langkah-langkahnya dibawah ini.

1. Login ke blogger anda.
2. Klik Template > Edit HTML.
3. Anda cari kode ]]></b:skin> dan letakan kode di bawah tepat di atasnya.

.popular-posts ul{padding-left:0px;}
.popular-posts ul li {background: #FF0000 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPv1geevsUoQycTz_6Em5vdw8v261tCdEiGGUUsmFPm8kvelEKRl4PLPnyM5MJeioGMMDKhRBQT45iUS9q3yN44YEsl3TGM7MIMXpjZvZsegu_lyE06vsQzkBfHFKPrmlJKKC0saDOaeo/s1600/1.gif)  no-repeat scroll 5px 10px;
  list-style-type: none;
  margin:0 0 5px 0px;
  padding:5px 5px 5px 20px !important;
  border: 4px solid #0F0;
  border-radius:10px;
  -moz-border-radius:10px;
  -webkit-border-radius:10px;
}
.popular-posts ul
  li:hover {
  border:4px solid #6BB5FF;
background:#000000;
}
.popular-posts ul
  li a:hover {
  text-decoration:none;
color:#FFF8DC;
}
.popular-posts .item-thumbnail img {
  webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
  -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
  box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

4. Simpan template blog anda.

Lalu lihat hasil modifikasi popular post #keren ini, semoga anda suka hasil modifikasi popular post ini ya :) hehehe. dan hanya itulah artikel  Cara Modifikasi Populer Post Supaya Lebih Keren Dan Menarik semoga bisa bermanfaat bagi anda.


0 Response to "Cara Modifikasi Populer Post Supaya Lebih Keren Dan Menarik"

BACA DULU SEBULUM BERKOMENTAR PERATURAN BERKOMENTAR DI BLOG INI :

- Di Wajibkan Berkomentar Dengan OpenID,supaya mimin bisa berkunjung balik
- Berkomentarlah sesuai artikel diatas,Jika diluar artikel gunakanlah tag [ OOT ].
- Berkomentar Disaran kan Sesuai Artikel
- Untuk Menyisipkan Kode Gunakan <i rel="code">Tulis kode yang sudah diparse di sini</i>
- Untuk Menyisipkan pre Gunakan <i rel="pre">Tulis kode yang sudah diparse di sini</i>
- Untuk Menyisipkan Catatan/Blockquote Gunakan <b rel="quote">Tulis catatan di sini</b>
- Untuk Menyisipkan Link Gunakan <i rel="anchor">URL DISINI</i>
- Untuk Menyisipkan Gambar Langsung Saja Tulis URL Imagenya
- Untuk Menyisipkan Video Youtube Langsung Saja Tulis URL Videonya


Konversi KodeEmoticon