Membuat Popular Post Dengan Angka Secara Otomatis

Cara menampilkan daftar posting populer menggunkana CCS3 di Blog. Anda dapat gaya angka dalam berbagai bentuk, dan persegi panjang dengan berbentuk lingkaran.








1. Tambahkan Popular Posts Widget

• Pergi ke Blogger> Tata Letak
• Klik "Tambah Gadget"
• Pilih "Popular Posts" dari daftar
• Anda akan perlu untuk mengkonfigurasi pengaturannya seperti yang ditunjukkan pada gambar di bawah: hapus centang "gambar thumbnail" dan juga "potongan" Lebih baik bahwa Anda menampilkan paling 7-9 posting. Kurang baik dan bersih

2. Sesuaikan Populer Posts Plugin

Sekarang Anda perlu mengubah gaya default dan mengubah tampilan dengan desain yang diinginkan dengan menggunakan gaya Custom.

1. Pergi Untuk Blogger> Template
2. Template Anda Backup
3. Klik Edit HTML

Cari </ b: skin>. Klik tanda panah hitam untuk memperluas kode.

3. Paste Styles berikut tepat di atas </ b: skin>

          /*--- MBT Popular Posts --- */ .popular-posts ul {
padding-left: 0px;
counter-reset: popcount;
}
.popular-posts ul li:before {
list-style-type: none;
margin-right: 15px;
padding: 0.3em 0.6em;
counter-increment: popcount;
content: counter(popcount);
font-size: 16px;
background: #292D30;
color: #ffffff;
position: relative;
font-weight: bold;
font-family: georgia;
float: left;
border: 2px solid #dddddd;
box-shadow: 1px 2px 9px #666666; }
.popular-posts ul li {
border-bottom: 1px dashed #dddddd;
}
.popular-posts ul li:hover {
border-bottom: 1px dashed #696969;
}
.popular-posts ul li a {
text-decoration:none; color:#5A5F63;
}
.popular-posts ul li a:hover {
text-decoration:none;

}

Customization

Untuk mengubah warna latar belakang dari gelembung persegi mengedit # 292D30
Untuk mengubah warna teks dari gelembung mengedit #ffffff
Secara default bentuk gelembung tersebut Square. Untuk mengubahnya ke Lingkaran cukup menambahkan kode berikut setelah kotak-shadow: 1px 2px 9px # 666666;

 Baca Juga cara mengubah warna Blog

4.. Simpan lihat hasilnya

Posted by Irwantea Sosial

Irwantea Sosial Updated at: Rabu, April 22, 2015