Cara Membuat Widget Artikel Custom Di Blogger

ada beberapa jenis style yang dapat kamu buat, bahkan bisa lebih bagus lagi jika dikembangkan. sebelumnya belum ada tutorial blogger yang membahas tentang ini, oleh karena itu saya ingin membahasnya disini. membuat artikel custom ini sejenis juga dengan artikel pilihan yang biasanya sering digunakan oleh kebanyakan orang. namun bedanya disini widget ini dibuat dengan sesuai selera kalian masing masing, anda bisa memilih sekitar beberapa artikel dan bisa memilih sendiri artikel mana yang ingin ditempelkan di widget ini.

Artikel Custom Sangat dibutuhkan sekali bagi blog, karena widget ini dapat membantu mendongkrak pengunjung menjadi ramai. oleh karena itu widget ini biasanya hanya postingan tertentu yang bisa diletakkan atau yang kita kenal dengan istilah Artikel yang di Pin.

Bagi Kamu Yang Belum Tau Bagaimana Demo Bentuk Widgetnya Kalian Bisa Melihatnya Dibawah Ini :

Kalian Bisa Mengubahnya Sesuai Dengan Artikel Kalian Masing Masing ~

Ada beberapa macam bentuk widget artikel, dan sebelumnya juga saya pernah membahas bagaimana cara membuat random post atau artikel acak, artikel terbaru, bisa kalian baca di link dibawah ini

• Cara Membuat Widget Random Post Hanya Tulisan Tanpa Gambar
• Cara Membuat Widget Recent Post Keren Dan Ringan Di Blog
• Cara Membuat Widget Postingan Berdasarkan Label
• Cara Membuat Widget Artikel Terbaru Di Blog

Cara Membuat Widget Artikel Custom Di Blogger

Untuk cara pembuatannya cukup mudah, kita akan mempraktekkannya satu persatu dan pastikan kamu mengikutinya dari awal, yuk simak cara dibawah ini..

1. Buka Blogger Dan Login Akun Blog Kalian Masing Masing

2. Pergi Ke Tema Dan Edit HTML

3. Ctrl + F Dan Cari Tag ]]></b:skin>

Letakkan Kode Berikut Tepat Diatasnya

#jagoankodearticles ul li:nth-child(1) {
border-top-width: 1px!important;
}

#jagoankodearticles ul li {
background: #fff;
margin: 0 auto!important;
padding: 8px 10px !important;
list-style: none;
position: relative;
border: 1px solid #d6dee4;
border-top-width: 0;
border-left-width: 4px;
border-left-color: #204a84;
font-size: 92%;
text-align: left!important;
}

Jika Sudah, Langsung Simpan!

4. Buat Widget Baru Di Tata Letak / Layout

5. Tambahkan Gadget >> HTML/JAVASCRIPT

Salin Kode Berikut :

<div id="jagoankodearticles" class="jagoankodearticles">
<ul id="jagoankode-post">
<li class="jagoankode-posts"><a href="https://jagoankode.blogspot.com/" title="JUDUL" target="_blank">JUDUL</a></li>
<li class="jagoankode-posts"><a href="https://jagoankode.blogspot.com/" title="JUDUL" target="_blank">JUDUL</a></li>
<li class="jagoankode-posts"><a href="https://jagoankode.blogspot.com/" title="JUDUL" target="_blank">JUDUL</a></li>
<li class="jagoankode-posts"><a href="https://jagoankode.blogspot.com/" title="JUDUL" target="_blank">JUDUL</a></li>
<li class="jagoankode-posts"><a href="https://jagoankode.blogspot.com/" title="JUDUL" target="_blank">JUDUL</a></li>
</ul>
</div>

Note : Kalian Bisa Menambah Jumlah Artikel Dengan Cara Copas Ulang Tag <li></li>
Warna Merah : Kalian Ganti Dengan Url Postingan Blog Kalian Masing Masing
Warna Biru : Kalian Ganti Dengan Judul Postingan Kalian Masing Masing

Jika Sudah Simpan Dan Lihat Hasilnya..

Sampai Disini Sudah Selesai. Jika Kalian Suka Kalian Bisa Share Ketemen temen lainnya, mungkin sekian saja artikel ini, semoga dapat membantu sobat blogger. dan bisa bermanfaat bagi kelangsungan blogger indonesia. sekian itu saja apabila terdapat kesalahan kata saya mohon maaf.. Terimakasih Telah Berkunjung 🙂