Cara Membuat Widget Popular Posts Warna-Warni - Widget merupakan alat utama untuk menunjang trafik pengunjung di website terutama di blogger, widget - widget biasanya terdapat yang memberatkan blog, membuat semakin menarik, dan simpel. Tentunya yang jadi point bahasan kita kali ini adalah membuat blog semakin menarik dan simpel, tentunya juga sangat disukai pengunjung.
Widget popular post yang terdapat di blogger berfungsi untuk menampilkan artikel yang memiliki penayangan yang paling terbanyak, atau paling banyak di kunjungi oleh pengunjung di blog anda. Wideget popular posts ini cukup keren dan dengan desain flat yang enak dipandang mata. Sekaligus pengunjung dapat mudah meng-klik widget ini sebaik mungkin dan tidak membuat pengunjung jenuh .
Biasanya visitor atau pengunjung sangat tidak suka widget-widget yang mengganggu jalannya kursor atau tata letak yang tidak sepadan di blogger. Maka dari itu saya membuat tips bagaimana "Cara membuat widget popular posts menjadi warna-warni".
Cara Membuat Widget Popular Posts Warna-Warni Keren
Popular Posts Warna - Warni
Cara memasang widget popular post sangatlah mudah, perhatikan langkah-langkah cara membuat widget popular post menjadi warna-warni :
Login blogger.com
Masuk template blogger
Kemudian cari kode dengan
Widget popular post yang terdapat di blogger berfungsi untuk menampilkan artikel yang memiliki penayangan yang paling terbanyak, atau paling banyak di kunjungi oleh pengunjung di blog anda. Wideget popular posts ini cukup keren dan dengan desain flat yang enak dipandang mata. Sekaligus pengunjung dapat mudah meng-klik widget ini sebaik mungkin dan tidak membuat pengunjung jenuh .
Biasanya visitor atau pengunjung sangat tidak suka widget-widget yang mengganggu jalannya kursor atau tata letak yang tidak sepadan di blogger. Maka dari itu saya membuat tips bagaimana "Cara membuat widget popular posts menjadi warna-warni".
Cara memasang widget popular post sangatlah mudah, perhatikan langkah-langkah cara membuat widget popular post menjadi warna-warni :
- Login blogger.com
- Masuk template blogger
<b:skin> salin kode dibawah ini kemudian templekan taruh diatas kode <b:skin>
/* Design Warna Widget Popular Posts Warna-Warni */
.PopularPosts ul li:nth-child(1){background-color:#c0392b}
.PopularPosts ul li:nth-child(2){background-color:#e74c3c}
.PopularPosts ul li:nth-child(3){background-color:#d35400}
.PopularPosts ul li:nth-child(4){background-color:#e67e22}
.PopularPosts ul li:nth-child(5){background-color:#f39c12}
.PopularPosts ul li:nth-child(6){background-color:#f1c40f}
.PopularPosts ul li:nth-child(7){background-color:#2980b9}
.PopularPosts ul li:nth-child(8){background-color:#3498db}
.PopularPosts ul li:nth-child(9){background-color:#16a085}
.PopularPosts ul li:nth-child(10){background-color:#1abc9c}
.PopularPosts .widget-content ul li{padding:10px !important;list-style:none;}
.PopularPosts .item-title{font-weight:700}
.PopularPosts .item-snippet{font-size:11px;color:#666}
Anda dapat mengatur warna pertama hingga warna urutan ke-10, dengan mengganti hex
background-color. Kode Widget Popular Posts Warna-Warni tidak hanya dipasang di b:skin namun dapat anda pasang di atas kode </style>.
