Popular post yang satu ini bakal bikin anda tertarik menggunakannya,inilah cara menerapkannya

BAGIKAN:


Halo gaes ☺kali ini saya akan membagikan Popular Post yang saya gunakan pada blog ini,gaada salahnya kan berbagi ya meskipun popular post saya kalau dikatakan bagus juga tidak,

Mungkin di luar sana banyak yang sudah membagikan berbagai macam bentuk dan model Popular post,dari yang warna - warni hingga yang beraneka bentuk dan ragam

Settingan yang saya gunakan disini tidak menggunakan tampilan thumbnail gambar post.



Untuk pemasangannya ikuti langkah '' berikut

1. Login Blogger
2. Pasang Popular Post sobat, kemudian
2. Klik menu Template
3. Pilih Sesuaikan
4. Tingkat lanjut
5. Tambahkan CSS dan tempelkan kode CSS berikut


#PopularPosts1 h2{ padding:8px 10px 3px 0; width:87%; margin:0px; font-size:16px; position:relative; left:0px; display:block; border-bottom:0px solid #000; }

 #PopularPosts1 ul{ list-style:none; counter-reset:li; padding:10px; width:100%; }

 #PopularPosts1 li{ /* Styles of each element */ width:100%; position:relative; left:0; margin:0 0 6px 10px; padding:4px 5px; }

#PopularPosts1 ul li:before{ /* Style of the numbers */ content:counter(li); counter-increment:li; position:absolute; top:3px; left:-40px; font:normal normal 18px Oswald; width:26px; height:26px; border-radius: 50%; color:#000; /* Text color */ border: 6px solid #49bbb8; /* Rounded border color */ padding:0; text-indent:9px; }

 #PopularPosts1 ul li a{ display:block; position:relative; left:-45px; width:100%; margin:0; min-height:28px; padding: 0px 3px 3px 50px; color:#000; /* color of the links */ text-decoration:none; font:normal normal 23px Oswald; font-size:14px; /* Font size of the links */ font-style: normal; text-transform:uppercase; }

#PopularPosts1 ul li a:hover{ color:#49bbb8; margin-left:3px;

Jika anda ingin mengubah sesuaikan silahkan kreasikan menurut keinginan agan. Lihat pertinjau pada Popular Post agan di bawah kolom penambahan CSS,

COMMENTS

BLOGGER

$hide=mobile

$show=mobile

$hide=mobile

$show=mobile

$type=complex$count=4$show=home

Name

Admob,1,Adsense,4,Android,8,Blogger,20,Honda CB,6,Info,14,Komputer,10,Profile,6,Software,5,Spesifikasi Android,1,Template,7,Tips dan Trik,13,Tutorial Android,6,Tutorial Blog,8,
ltr
item
Dakeloen Blog: Popular post yang satu ini bakal bikin anda tertarik menggunakannya,inilah cara menerapkannya
Popular post yang satu ini bakal bikin anda tertarik menggunakannya,inilah cara menerapkannya
Cara mengganti popular post pada blog
https://3.bp.blogspot.com/-SFQDTVfD8uQ/WI7cJ9fEQ_I/AAAAAAAAAbE/6hHeXH0q8Wcs2-hA6iGWP4NIuDfDdLK3QCLcB/s1600/popular01.png
https://3.bp.blogspot.com/-SFQDTVfD8uQ/WI7cJ9fEQ_I/AAAAAAAAAbE/6hHeXH0q8Wcs2-hA6iGWP4NIuDfDdLK3QCLcB/s72-c/popular01.png
Dakeloen Blog
http://www.dakeloen.com/2016/12/cara-mengganti-popular-post-seperti.html
http://www.dakeloen.com/
http://www.dakeloen.com/
http://www.dakeloen.com/2016/12/cara-mengganti-popular-post-seperti.html
true
3141205399269524264
UTF-8
Muat Semua Artikel Artikel tidak ditemukan LIHAT SEMUA Selengkapnya Balas Batal balas Hapus Oleh Beranda HALAMAN ARTIKEL Lihat Semua DIREKOMENDASIKAN UNTUK ANDA LABEL ARCHIVE CARI DISINI SEMUA ARTIKEL Tidak ditemukan artikel yang cocok Kembali Ke Beranda Minggu Senin Selasa Rabu Kamis Jum'at Sabtu Min Sen Sel Rab Kam Jum Sab Januari Februari Maret April Mei Juni Juli Agustus September Oktober November Desember Jan Feb Mar Apr Mei Jun Jul Agu Sep Okt Nov Des baru saja 1 menit yang lalu $$1$$ minutes ago 1 jam yang lalu $$1$$ hours ago Kemarin $$1$$ days ago $$1$$ weeks ago lebih dari 5 minggu yang lalu Pengikut Ikuti INI ADALAH KONTEN PREMIUM Bagikan untuk melihatnya Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy