Membuat Populer Post di sertai Angka Keren

Membuat Populer Post di sertai Angka Keren

Jalak Ikal 23 September 0 komentar
Pada postingan sebelum nya saya sudah membahas tentang bagaimana cara membuat populer post dengan angka,namun pada artikel sekarang ini tidak jauh beda dengan artikel sebelum nya yaitu membuat angka pada populer post,namun style nya yang berbeda

Baca Juga : Membuat angka pada populer post

Artikel ini tidak jauh beda dengan artikel sebelum nya yang membahas tentang membuat angka pada populer post namun pariasi nya yang agak berbeda,jadi hak hak anda untuk memilih trik yang mana untuk di terapkan di blog sobat.
Jadi jika anda tertarik dengan artikel ini bisa anda lihat pada contoh gambar di atas,itu sudah saya modipikasi,jadi jika anda tidak begitu menyukai modipikasi saya,bisa anda modipikasi sendiri dengan meng edit kode di bawah .

Untuk penerapan nya juga sama,anda perlu login ke Blogger,kemudian masuk ke template dan ke edit html,kemudian silahkan anda letakan kode berikut sebelum kode </b:skin> kemudian Save template nya dan lihat hasil nya
.popular-posts ul li:before {
list-style-type: none;
margin-right: 5px;
padding: 0.4em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
border:1px solid #ddd;
color: #333;
position: relative;
font-weight:normal;
font-family: georgia;
float: left;}.popular-posts ul {
padding-left: 0px;
counter-reset: popcount;}
#PopularPosts1 ul{list-style-type:none;margin:1px 0 0;padding:0 2px;width:280px}
#PopularPosts1 ul li{border-bottom: 1px dashed #dddddd;margin:0;padding:1px;position:relative;list-style:none;min-height:30px}
#PopularPosts1 ul li img{border:0;margin:0 5px 0 0;float:left;height:30px}
#PopularPosts1 ul li:first-child{background:#f5f5f5}
#PopularPosts1 ul li:first-child+li{background:#f8f8ff}
#PopularPosts1 ul li:first-child+li+li{background:#f5f5f5}
#PopularPosts1 ul li:first-child+li+li+li{background:#f8f8ff}
#PopularPosts1 ul li:first-child+li+li+li+li{background:#f5f5f5}
#PopularPosts1 ul li:first-child+li+li+li+li+li{background:#f8f8ff}
#PopularPosts1 ul li:first-child+li+li+li+li+li+li{background:#f5f5f5}
#PopularPosts1 ul li a{color:#222;font-size:12px;text-decoration:none;font-style:italic;list-style:none}
#PopularPosts1 ul li a:hover{text-decoration:underline}

Sekali lagi jika anda kurang enak melihat editan saya,bisa anda ganti baik itu warna atau apa saja dan sesuaikan dengan template sobat semua,selamat mencoba dan salam blogger

loading...
Ratings: 
Posted by Jalak Ikal, Published at 23 September and have 0 komentar

I manage this blog and post tutorials related to Blogger, SEO, Software Tools, Windows, CSS and Social Media. Did you find this blog helpful? Please socialize with us !!


Perlihatkan Semua Komentar Tutup Semua Komentar

* Silahkan Berkomentar Tetapi Sopan
* Jangan Meninggalkan Spam atau terkait lain nya
* Jangan Promosi