-->

Cara Membuat Blogspot Widget Artikel Terbaru Yang Simple Banget

Blogspot widget sangat berguna sekali untuk kita pasang karena dapat membantu pembaca kita menemukan artikel yang mereka ingin baca.

Cara Membuat Blogspot Widget Artikel Terbaru Yang Simple Banget - Selain membuat tampilan blog kita menjadi lebih menarik di lihat oleh para pembaca.

Blogspot widget juga sangat berguna sebagai menu navigasi yang memudahkan para pembaca blog menemukan artikel yang ada di blog yang kita kelola.

Salah satu widget blogspot yang sangat berguna untuk kita pergunakan adalah widget artikel terbaru yang dimana para pembaca kita dapat dengan mudah menemukan artikel baru yang kita tulis.

Agar kamu bisa menggunakan blogspot widget artikel terbaru di blog kamu maka kamu bisa mengikuti langkah-langkahnya di bawah ini.

Baca juga Cara Membuat Blogspot Widget Artikel Terbaru Yang Ringan Dan Elegan


Cara membuat Blogspot widget artikel terbaru dengan artikel snippet

Untuk membuat blogspot widget artikel terbaru yang satu ini kamu hanya perlu menggunakan script di bawah ini

<div id="hlrpsa">

<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 s=0;s<r.link.length;s++)if("alternate"==r.link[s].rel){n=r.link[s].href;break}i=i.link(n);var a="...",d=r.published.$t,u=d.substring(0,4),o=d.substring(5,7),c=d.substring(8,10),l=new Array;if(l[1]="Jan",l[2]="Feb",l[3]="Mar",l[4]="Apr",l[5]="May",l[6]="Jun",l[7]="Jul",l[8]="Aug",l[9]="Sep",l[10]="Oct",l[11]="Nov",l[12]="Dec","content"in r)var m=r.content.$t;else if("summary"in r)var m=r.summary.$t;else var m="";var w=/<\S[^>]*>/g;if(m=m.replace(w,""),document.write('<div class="rctitle">'),standardstyling&&document.write("<br/>"),document.write(i),1==showpostdate&&document.write(" - "+l[parseInt(o,10)]+" "+c+" "+u),document.write('</div><div class="rcsumm">'),1==showpostsummary)if(standardstyling&&document.write(""),m.length<numchars)standardstyling&&document.write("<i>"),document.write(m),standardstyling&&document.write("</i>");else{standardstyling&&document.write(""),m=m.substring(0,numchars);var g=m.lastIndexOf(" ");m=m.substring(0,g),document.write(m+a),standardstyling&&document.write("")}document.write("</div>"),standardstyling&&document.write("")}standardstyling||document.write('<div class="bbwidgetfooter">'),standardstyling&&document.write(""),document.write(""),standardstyling||document.write("")}

</script>

<script type="text/javascript">

var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;

</script>

<script src="http://blog-address.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts">

</script></div><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 10px;" href="https://bit.ly/3GQjFxI" rel="nofollow" >blogspot widget</a>

<noscript>Your browser does not support JavaScript!</noscript>

<style type="text/css">

.rctitle a{color:#000000;text-transform:capitalize;font-size:13px;}#hlrpsa {color: #999999; font-size: 12px;}.rcsumm {border-bottom:1px dotted #cccccc; padding-bottom:10px;margin-top:5px;}

</style>


Cara membuat blogspot widget artikel terbaru tanpa snippet

Ada lagi script yang bisa kamu pergunakan untuk mempercantik blog kamu dengan menggunakan blogspot widget artikel terbaru.

Script selanjutnya adalah script blogspot widget artikel terbaru tanpa adanya cuplikan artikel. Kamu bisa menggunakan script di bawah ini

<div id="hlrpsb">

<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 = 10;var showpostdate = false;var standardstyling = true;</script>

<script src="http://blog-address.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script></div><a style="font-size: 9px; color: #CECECE; float: right; margin-top: 10px;" href="https://bit.ly/3GQjFxI" rel="nofollow" >Recent Posts Widget</a>

<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>


Sebelum menggunakan kamu bisa merubah tulisan yang berwarna merah pada script di atas menjadi alamat blog kamu.


Cara Pasang Widget Artikel Terbaru

Bagi newbie yang baru belajar mempercantik blog agar enak di lihat oleh para pembaca kamu, dan bingung bagai mana cara pasang widget artikel terbaru warna-warni ini.

Untuk langkah-langkah cara pasang windget artikel terbaru ini cukup mudah karena kamu bisa mengikuti langkah-langkah berikut ini.



Kamu bisa masuk ke Layout lalu pilih add a gedget.

Pilih HTML/Javascript

Pastekan script di atas di form kosong yang sudah tersedia lalu kamu simpan.

Setelah kamu simpan setingan blog kamu maka kamu bisa melihatnya apakah script yang sudah kamu gunakan apakah berhasil dengan baik.

Sekian dulu artikel newbie kali ini dengan judul Cara Membuat Blogspot Widget Artikel Terbaru Yang Simple Banget

Berlangganan update artikel terbaru via email:

0 Response to "Cara Membuat Blogspot Widget Artikel Terbaru Yang Simple Banget"

Post a Comment

Jangan lupa komentar ya

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel