Membuat Popular Post Tersusun Rapi
Web Design - Hey, selamat datang di Nulis Koding. Kali ini Kody bakalan nulis artikel tentang web design yaitu langkah-langkah membuat popular post tersusun dengan rapi. Apa arti dari rapi ? Maksudnya adalah tersusun secara teratur dan pastinya enak untuk dilihat. Contohnya adalah screenshot yang ada di bawah ini.
Gimana ? Koders berminat untuk merapikan widget popular post pada blognya sendiri-sendiri ? Langkah ini memang tidak dapat menambah seo blog Koders, tapi blog Koders akan terlihat lebih sedap dipandang dan pastinya bakalan nambah visitor. Keren enggak ? Yaudah, sekarang simak langkah-langkah yang Kody berikan untuk membuat popular post tersusun dengan rapi.
Langkah-Langkah :
Langkah 1 : Masuk ke blog Koders dan pilih tab Template
Langkah 2 : Tekan edit HTML
Langkah 3 : Pastekan source kode ini di atas </b:skin> atau </style> dan tekan Simpan template (CTRL+F agar lebih cepat)
.popular-posts ul{margin:10px auto}.bottomwidget
.popular-posts li a{float:left;padding:0}.bottomwidget
.popular-posts li:nth-child(2n+2){margin-left:5px}.bottomwidget
.popular-posts li{border:1px solid;display:inline-block;margin-bottom:5px;padding:3px}.bottomwidget
.popular-posts li a{float:left;padding:0}.bottomwidget
.popular-posts li:nth-child(2n+2){margin-left:5px}.bottomwidget
.popular-posts li{border:1px solid;display:inline-block;margin-bottom:5px;padding:3px}.bottomwidget
Langkah 4 : Pergi ke tab Tata Letak dan pilih dimana lokasi untuk meletakkan popular post (Kody menyarankan agar itu diletakkan di bagian footer saja)
Langkah 5 : Pilih widget popular post dan atur seperti gambar
Langkah 6 : Simpan setelan dan lihat hasilnya
Bagaimana hasilnya Koders ? Bagus kan ? Demikian dulu langkah-langkah membuat popular post tersusun rapi di Nulis Koding. Saya Kody mengucapkan terima kasih atas partisipasi Koders dalam membagikan artikel ini di sosial media Koders. Terima Kasih.
Membuat Popular Post Tersusun Rapi
0 comments:
Post a Comment