Cara Mudah Membuat Widget Populer Post

Cara Membuat Widget Populer Post

katanya popular post adalah widget blog yang harus di ada di blog karena dengan ada nya popular post bisa menambah nilai SEO bagi blog tersebut. percaya atau tidak hampir semua blog memunculkan popular post mereka dengan gaya dan bentuk yang berbeda, jika popular post itu tidak berpengaruh terhadap blog kenapa hampir semua blogger banyak yang memakainya. mungkin sobat punya alasan tersendiri tapi kalau menurut saya widget artikel terpopular itu punya pengaruh
terhadap nilai SEO karena popular post berfungsi untuk mempertahankan serp di Google karena popular post itu seperti backlink untuk blog itu sendiri semakin banyak dan update artikel semakin banyak pula backlink untuk popular post itu sendiri. sedang untuk bentuk dan style nya tidaklah berpengaruh namun semakin unik dan keren popular post maka semakin kelihatan cantik blog tersebut dan itu akan membuat pengunjung merasa lebih mudah mengakses artikel blog dan itu juga buat mereka lebih betah. berikut adalah salah satu style popular post yang mungkin bisa sobat jadikan bahan referensi.

Cara Membuat Popular Post Keren Simple Dan Unik

Cara Memasang Popular Post Keren Dan Unik

Seperti biasa masuk ke blogger sobat. pilih Lay out / TaTa letak - Add Gadget - lalu pilih Popular post lalu centang seperti gambar berikut ini.
Kemudian Pilih TEMPLATE dan EDIT TEMPLATE cari kode ]]></b:skin> Silahkan letakkan kode Warna biru ini tepat di atas kode ]]></b:skin> .
.popular-posts .item-thumbnail img { } .popular-posts ul{padding-left:0px;} .popular-posts ul li {background: #FFF url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbXi0xgZolPJQPBRKwCVvPUk4yZL_kRMILVCjWQgU8sZqB3iZeTqmQHZ41p3RNY-xO8aKZpdup5BF6qtC-Uz2gNVCOWH4aG6NAylmnhWdQpwt10FXC3jCnytNkS6f_JCzrsG-5Hz67_ZI/s1600/1.gif) no-repeat scroll 5px 10px; list-style-type: none; margin:0 0 5px 0px; padding:5px 5px 5px 20px !important; border: 1px solid #ddd; } .popular-posts ul li:hover { border:2px solid #6BB5FF; background:#b5c5e6; } .popular-posts ul li a:hover { text-decoration:none; color:#FFF8DC; }