Membuat Populer Post di sertai Angka Keren

adscblog

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

adscblog

Recommendation Apps

ads1

Previous

Posting Lebih Baru

Next

Posting Lama

Posted by Dede Ubed, Published at 23 September and have 0 komentar