Tutorial Blog

Cara Membuat Widget Artikel Terbaru Di Blog

Cara Membuat Widget Artikel Terbaru Di Blog, Cara Memasang Widget Artikel Terbaru Di Sidebar Blog Atau Membuat Recent Post yang Keren Dan Responsive Untuk Blog, Recent Post yang keren dapat memikat para pengunjung untuk membuka artikel yang anda miliki, dan widget artikel terbaru ini memiliki fitur yang keren banget widget artikel terbaru ini akan otomatis meng-update apabila ada postingan baru yang di publikasikan di blog anda

Baca Ini : Cara Membuat Widget Random Post Super Ringan Keren Di Blog

Widget artikel terbaru ini dibuat untuk memberitahu para pengunjung apabila ada artikel terbaru yang anda publish, disana akan langsung terlihat sidebar artikel yang baru anda posting, tujuannya agar terlihat lebih elegan dan terlihat dikelola terus oleh adminnya bukan hanya tampilannya saja yang keren namun simple, widget ini terbukti untuk menarik para pengunjung juga, jadi trafik anda juga makin naik pastinya

<div id="JagoanKode"> 
<script type="text/javascript">
function showrecentposts(t){for(var e=0;e<numposts;e++){var n,r=t.feed.entry[e],i=r.title.$t;if(e==t.feed.entry.length)
break;
for(var d=0;d<r.link.length;d++)
if("alternate"==r.link[d].rel){n=r.link[d].href;break}i=i.link(n);var s=r.published.$t,a=s.substring(0,4),o=s.substring(5,7),l=s.substring(8,10),u=new Array;u[1]="Jan",u[2]="Feb",u[3]="Mar",u[4]="Apr",u[5]="May",u[6]="Jun",u[7]="Jul",u[8]="Aug",u[9]="Sep",u[10]="Oct",u[11]="Nov",u[12]="Dec",standardstyling||document.write(""),document.write('<div class="rctitles2">'),standardstyling&&document.write(""),document.write(i),standardstyling&&document.write(""),1==showpostdate&&document.write(" - "+l+" "+u[parseInt(o,10)]+" "+a),standardstyling||document.write("</div>"),document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("/div")}
</script>
<script type="text/javascript">
var numposts = 5;var showpostdate = false;var standardstyling = true;
</script>
<script src="http://jagoankode.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts">
</script>
</div>
<noscript>Oops! Make sure JavaScript is enabled in your browser.</noscript>
<style type=text/css>
#hlrpsb a {color: #000000;font-size:13px;text-transform:capitalize;}.rctitles2 {padding-bottom:10px;margin-bottom:10px;border-bottom: 1px dotted #cccccc;}
</style>

Dalam Hal Memasang Widget Artikel Terbaru Ini Cukup Mudah caranya tinggal meletakkan ke bagian mana saja kalian ingin pasang dengan fitur HTML/JAVASCRIPT di blog anda widget artikel terbaru ini akan terpasang secara otomatis dan akan memantau apa saja artikel blog yang baru dipublikasi oleh blog anda

NOTE : Url Warna Merah Pada Kode diatas : Diganti dengan alamat url blog sobat

Baca Ini : Cara Membuat Widget Postingan Berdasarkan Label

Cara Memasang Widget Artikel Terbaru Di Sidebar Blog

1. Masuk Akun Blogger Kalian di Blogger.com

2. Masuk Ke Menu Tata Letak

3. Lihat Pada Sidebar Blog dan pilih HTML/JavaScript

4. Pastekan Kode Diatas Tadi

5. Simpan Dan Lihat Langsung Ke Blog Anda

Dan Hasilnya Akan Terlihat langsung di blog anda, dan Widget Artikel Baru Kalian Sudah Berhasil Terbuat Jika Ingin Menambah Widget Lainnya, sebelumnya admin sudah share widget artikel random atau artikel acak silahkan baca dibawah ini :

Baca Ini : Cara Membuat Widget Artikel Acak Di Blog (RANDOM POST)

Oke, Dari Tutorial yang Saya yang berjudul Cara Membuat Widget Artikel Terbaru Di Blog berikan mudah mudahan bisa bermanfaat bagi para blogger sekalian boleh di share sama temen temen kamu jika bermanfaat, sekian dari mudah mudahan berhasil 🙂

About the author

Mohammad Kahfi

Pengetahuan adalah kebebasan, dan ketidaktahuan adalah perbudakan.

8 Comments

Leave a Comment