Cara memasang widget artikel terbaru tanpa gambar di blogger

Di postingan saya sebelumnya sudah saya share tentang Cara mudah membuat random posts sederhana di blogger pada postingan saya kali ini akan sedikit melengkapi post saya di blog ini, akan membagikan Cara memasang widget artikel terbaru tanpa gambar Nah untuk sobat yang sukanya simple-simple tampilan widgetnya bisa jadi solusinya dibawah ini

Kenapa saya sebut widget ini simple, karena widget ini tidak mempunyai terlalu banyak gaya dan lain sebagainya, dan cocok untuk sobat yang suka tampilan yang simple di blognya, ok sob langsung saja jika demikian sobat berminat menggunakannya bisa ambil codenya dibawah ini.

Silahkan pasang code berikut ini dengan cara buka blogger dan pilih TATA LETAK > PILIH ADD WIDGET > HTML / JAVASCRIPT > letakan atau pastekan codenya dan simpan.


<script type="text/javascript">
function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')}
</script><ul>
<script type="text/javascript">var numposts = 10;var standardstyling = true;</script><script type="text/javascript" src="https://www.mangtamvan.me/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script></ul>

Silahkan ganti url https://www.mangtamvan.me dengan url blog sobat sendiri

selanjutnya letakan code CSS dibawah ini tepat sebelum </style> atau ]]></b:skin>


/* Widget Recent Post */
#sidebar3 h4, #sidebar3 h3, #sidebar3 h2{background:#5fb564;color:#fff;text-transform:capitalize;font-family:Arial, Sans-Serif;font-size:135%;font-weight:400;position:relative;padding:12px 0 15px;text-align:center;margin:0}
#sidebar3 .widget-content{background:#fff;padding:0 0 0 10px}
#sidebar3 a:link, #sidebar3 a:visited{font-weight:normal}
#sidebar3 ul li {margin:0 5px 0 0 !important;padding:6px 0 !important;position:relative;border-bottom:1px dashed #d5d5d5 !important}
#sidebar3 ul li:last-child{border:none !important}
#sidebar3 ul li a {font-size:14px !important;font-weight:normal !important;color:#333 !important;text-decoration:none;transition: all 0.3s ease-out 0s !important;line-height:1.4em !important}
#sidebar3 ul li a:hover {color:#6aba82 !important;}

Demo

Dan silahkan sobat bisa mencobanya untuk blog sobat, mungkin dari saya cukup sekian dulu dan selamat mencoba, semoga bisa bermanfaat.