Blog din tawh chuan Recent Posts siam hi a sualna a awmlo hrim hrim a. Recent Posts tih chu Blog sir (Sidebar) vela dah thin, posts thar ber ber te automatic a rawn lang zel tura siam ani ber. Posts hnuhnung ber, a thar ber kha Sidebar ah a rawn lang anga, blog tlawhtu ten awlsam takin an hmu thei ang.
Related: Blogspot Popular Posts Widgets Chi 4Recent posts ah hian design leh style tamtak a awm a. Tun tuma kan siam tur chu Simple Recent Posts ani a, mahni duh duh danin kan design leh thei a, CSS style kan edit a ngai bawk thei a. Background color te, a size te leh lehkha ziak rawng (Texts color) te pawh kan edit thei ani. Design leh features chu a nei lemlo a, simple tak ani.
Screen Shot atang hian i duh i thlang thei ang:
Tun tuma Recent Posts a edit theih te chu:
- Posts title chauh duh tan
- Posts duh ang zat lartir duh tan,
- Post snippet/excerpt - posts lehkha ziak tlem lan tir duh tan,
- Posts dates lan tir duh tan, te hi an ni.
Recent Posts Widget Siam Dan
1. Dasboard atang Layout >> Add a Gadget >> HTML/JavaScript ah click rawh.
2. A hnuaia Code hi copy la, HTML/JavaScript tih context box ah khan Paste rawh.
Recent Posts Code 'A'
<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="http://mizoblogging.blogspot.com/2017/04/blogger-ah-simple-recent-posts-siam-dan.html" rel="nofollow" >Recent Posts 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>
Recent Posts Code 'B'
<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="http://mizoblogging.blogspot.com/2017/04/blogger-ah-simple-recent-posts-siam-dan.html" 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>
Tichuan, Title ah khan i duh duh title i vuah thei a, "Posts Thar" tihte pawh atheih. :D
Customization
- Code 'A' ah hian Posts 5 chauh a lang ang. Code 'B' ah hian posts 10 a lang ang. I thlak duh anih chuan:
- Code 'A' ah posts title lantir zat (number of posts) i thlak duh chuan, 5 tih kha i duh zatin thlak rawh.
- Code 'B' ah posts title lantir zat (number of posts) i thlak duh chuan, 10 tih kha i duh zatin thlak rawh.
- Posts ni leh thla (dates) lan tir i duh chuan "false" tih kha "true" tiin thlak la, lantir i duh loh chuan "true" tih kha "false" tiin thlak rawh.
- Recent Posts ah posts chhunga lehkha ziak tlemte (posts summary) lantir i duh chuan "100" tih khi i duh zatin thlak rawh (tam lutuk chuan a mawilo ang, a mawi tawkin i thlak dawn ani).
- Posts links color i thlak duh chuan, #000000 , #999999 tih khi thlak la, font size i thlak duh chuan 13px or 12px tih khi thlak rawh.
- Tichuan, http://blog-address.blogspot.com tih khi nangma Blog URL nen thlak tur ani. Theihnghilh awih loh. Anih loh chuan a dik theilo ang.
Related: Blogspot Popular Posts Widgets Chi 4Widget i save tawh hnu pawhin i edit duh leh chuan 'Edit' tih atang khan edit tur a ni. Widgets i siam tawh ho chu i duh dan in i sawnkawi thei ani. Sidebar dangah te, footer sidebar emaw, Header ah emaw i put sawn (drag and drop) mai ang.
'Popular' widget leh HTML code kan dah na widget chu an awmna kan thlak thei ani. A rem dan azir leh a mawi dan a zir khan dah sawnla, tichuan en chhin zel ang che. Recent Posts widget hmang duh tan ani a, simple tak anih vangin simple theme nen chuan a inmil viau ka ringa ka rawn share ani e. :D
Tags:
Widgets