Untuk share kali ini adalah cara membuat popular post yang seo punya. Banyak blog yang memakai tampilan yang bagus dan penuh animasi. Namun, semua itu akan berdampak pada semakin lemot nya loading blog kita. Yang ini biasanya pengunjung malas untuk berkunjung ke blog kita.
Cara membuat popular yang seo punya ini kira-kira tampilannya seperti ini
Setiap kita klik, maka pada judul artikel akan muncul garis berwarna biru. Simpel namun tetap manis kan,,,hehehehe
Berikut ini cara membuat popular post yang seo punya.
1. masuk ke blogger.com
2. PIlih menu layout/ tata letak
3. kemudian pilih add gadget
4. Pilih widget Popular post/ entri populer
5. Hilangkan tanda centang pada menu tampilan
Nah, sekarang anda sudah memiliki kolom popular post, tapi tampilannya masih standar.
Setelah di save, pilih menu template, lalu pilih edit HTML. Setelah kolom HTML terbuka sempurna, letakkan kursor pada kolom HTML tadi dan tekan tombol ctrl + f bersamaan. Setelah muncul kolom search pada bagian atas kolom, ketikan kode berikut ini ]]></b:skin>
Kalau sudah ketemu, letakkan HTML berikut ini tepat diatas kode ]]></b:skin>
<style> /*--- Www.blogbercahaya.blogspot.com Popular Posts --- */ .popular-posts ul{padding-left:0px;} .popular-posts ul li {background: #fff url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYK5zZ0OAppscn274KDJC8UUMjTKzBKgDkjG0FqKKvjyKJ4Fa4zRqxImTcVabYLsAmMF1hux5K83WhB510a5lAgsmpVLVGMm7ShxUHpbTUXuELT8IajTk9D-PiqpYK1YwbXrnmxrpRS3A/s1600/helperblogger-list-style-icon.png) no-repeat scroll 5px 10px; list-style-type: none; margin:0 0 5px 0px; padding:8px 5px 7px 22px !important; border-bottom: 2px dotted #dddddd; } .popular-posts ul li:hover { border-bottom: 2px solid #6BB5FF; } .popular-posts ul li a:hover { text-decoration:none; } </style>
Kode diatas adalah kode CSS, jadi silahkan dimodifikasi sendiri. Ingat, kalau sudah tekan "save template". Inilah cara membuat Popular post yang seo punya ala saya,,hehehehe. Semoga bermanfaat.
0 komentar:
Posting Komentar