Merubah Tampilan Widget Popular Post Kaprikornus Lebih Keren: Baiklah shobat kali ini aku akan coba menawarkan tutorial untuk mengubah tampilan widget popular post kau jadi lebih keren, menciptakan tampilan web/blog jadi lebih keren itu idaman niscaya setiap pemiliknya.
Nah cara penerapanya pun cukup terbilang gampang hanya harus melewati sedikit langkah-langkah di bawah ini maka widget poplart kau akan terlihat lebih menarik dari sebelumnya.
Populart post dengan tampilan thumbnails dapat menawarkan kesan menarik bagi pengunjung (visitor) blog kmau,
Nah bagai mana tertarik memasangnya??? Langsung saja ikuti tutorialnya di bawah ini.
Merubah Tampilan Widget Popular Post Kaprikornus Lebih Keren
1. Pertaman-tama buka Blogger>Tema>Edit Html, nah pada edit html silahkan kau cari isyarat ]]></b:skin> kemudian pastekan isyarat berikut sempurna di atasnya. untuk mempercepat pencarian kau dapat klik tombolCTRL
+F
di keyboard kamu..PopularPosts h6{color:#e51c23}
.PopularPosts .item-thumbnail{margin:3px 10px 10px 0;border:1px solid #E6E6E6;border-radius:50%;overflow:hidden;display:inline}
.PopularPosts .item-thumbnail a img{height:40px;width:40px;display:block;margin:0;padding:0;border-radius:50%}
.PopularPosts ul{list-style-type:none;background:#fff}.PopularPosts li{margin:0;padding:10px!important}.PopularPosts ul li{margin:10px 5px;padding:0;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)}.PopularPosts li a{font-weight:700;font-family:'Roboto',sans-serif;font-size:13px;color:#828282!important;transition:all .5s;border:none}.PopularPosts li a:hover{color:#07ACEC!important;border:none}.cloud-label-widget-content{margin-top:10px!important}
.PopularPosts .item-thumbnail{margin:3px 10px 10px 0;border:1px solid #E6E6E6;border-radius:50%;overflow:hidden;display:inline}
.PopularPosts .item-thumbnail a img{height:40px;width:40px;display:block;margin:0;padding:0;border-radius:50%}
.PopularPosts ul{list-style-type:none;background:#fff}.PopularPosts li{margin:0;padding:10px!important}.PopularPosts ul li{margin:10px 5px;padding:0;box-shadow:0 2px 5px 0 rgba(0,0,0,0.16), 0 2px 10px 0 rgba(0,0,0,0.12)}.PopularPosts li a{font-weight:700;font-family:'Roboto',sans-serif;font-size:13px;color:#828282!important;transition:all .5s;border:none}.PopularPosts li a:hover{color:#07ACEC!important;border:none}.cloud-label-widget-content{margin-top:10px!important}
Jika di template shobat sebelumnya sudah terpasang css populart post, shobat tinggal ganti dengan css di atas2. Terakhir silahkan kau save/simpan tema kamu, kemudian lihat kesannya kalau sudah selamat yaa!!
Nah mungkin sampe di sini tutorial saya, bagai mana shobat gampang bukan, kalau penerapan di atas tidak menawarkan hasil menyerupai yang di inginkan. shobat dapat mengeluhkan kesalahan ini dalam bentuk komentar di bawah ini terimakasi
