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&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" >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
0 Response to "Cara Membuat Blogspot Widget Artikel Terbaru Yang Simple Banget"
Post a Comment
Jangan lupa komentar ya