http://cursors3.totallyfreecursors.com/thumbnails/fireblue.gif

Thursday, May 29, 2014

Cara Modifikasi Popular Post #Keren

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.
Cara Modifikasi Popular Post #Keren
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:
#FFF url
(http://4.bp.blogspot.com/-
oOVUW06ghgo/UHwuqL9TltI/
AAAAAAAAGKU/Nj4DQnvft8k/
s1600/1.gif) no-repeat scroll
5px 10px;
list-style-type: none;
margin:0 0 5px 0px;
padding:5px 5px 5px 20px !
important;
border: 1px solid #ddd;
border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
}
.popular-posts ul
li:hover {
border:2px 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 Popular Post #Keren semoga bisa
bermanfaat bagi anda.

No comments:

Post a Comment