Blogger ah Thumbnail Post Thuah dan Ding

Hih a nuai a lim dan in na koih nop leh!


zocia thumnail post


masa in na blogger ah Sign In inla, Template meek in, Edit Html ah lut in. Backup Bawl masa leng kikhial lo hi. I hih khialh  aom leh kila kik thei hi.


Zocia thumbnail post

2na ah tua sung mun khat peuh meek(click) inla, Ctrl+F meek in. ]]></b:skin> pen zong in ong ding!

Tua na muh ciang in ]]></b:skin> i a tung lian ah hih nuaia a code teng thun in!
/* Recent posts by labels --------------------------------- */ img.label_thumb{ float:left; margin-right:10px !important; height:65px; /* Thumbnail height */ width:65px; /* Thumbnail width */border: 1px solid #fff; -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px;-webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, .4);box-shadow: 0 1px 1px rgba(0, 0, 0, .4); } #label_with_thumbs { float: left; width: 100%; min-height: 70px; margin: 0px 10px 2px 0px; padding: 0; } ul#label_with_thumbs li { padding:8px 0;min-height:65px; margin-bottom:0px; border-bottom: 1px dotted #999999; } #label_with_thumbs li{list-style: none ; padding-left:0px !important; } #label_with_thumbs a { text-transform: uppercase;}#label_with_thumbs strong {padding-left:0px; }
A 3na ah , </head>  zong leu leu in.

</head> i a tung lian ah den a dan mah in hih a nuai code teng thuah in:

<script type='text/javascript'> //<![CDATA[ function labelthumbs(json){document.write('<ul id="label_with_thumbs">');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=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break;}}var thumburl;try{thumburl=entry.media$thumbnail.url;}catch(error) {s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){thumburl=d;}else thumburl='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj2hYsVSYJ-P9xwPgtc1vPU6IzPxhhyGIYOto48-pdZzNuaf8vXFP2LJjunR3NjSW3RqlBKA-mZJvyZsBBry-mrMCXwSoaV7t9Q911GadbWQX8gqHuGNDE-1w5tWxXfctHH_H4J1w_BPPs/s1600/picture_not_available.png';} var postdate=entry.published.$t;var cdyear=postdate.substring(0,4);var cdmonth=postdate.substring(5,7);var cdday=postdate.substring(8,10);var monthnames=new Array();monthnames[1]="Jan";monthnames[2]="Feb";monthnames[3]="Mar";monthnames[4]="Apr";monthnames[5]="May";monthnames[6]="June";monthnames[7]="July";monthnames[8]="Aug";monthnames[9]="Sept";monthnames[10]="Oct";monthnames[11]="Nov";monthnames[12]="Dec";document.write('<li class="clearfix">');if(showpostthumbnails==true) document.write('<a href="'+posturl+'" target ="_top"><img class="label_thumb" src="'+thumburl+'"/></a>');document.write('<strong><a href="'+posturl+'" target ="_top">'+posttitle+'</a></strong><br>');if("content"in entry){var postcontent=entry.content.$t;} else if("summary"in entry){var postcontent=entry.summary.$t;} else var postcontent="";var re=/<\S[^>]*>/g;postcontent=postcontent.replace(re,"");if(showpostsummary==true){if(postcontent.length<numchars){document.write('');document.write(postcontent);document.write('');}else{document.write('');postcontent=postcontent.substring(0,numchars);var quoteEnd=postcontent.lastIndexOf(" ");postcontent=postcontent.substring(0,quoteEnd);document.write(postcontent+'...');document.write('');}} var towrite='';var flag=0;document.write('<br>');if(showpostdate==true){towrite=towrite+monthnames[parseInt(cdmonth,10)]+'-'+cdday+' - '+cdyear;flag=1;}if(showcommentnum==true) {if(flag==1){towrite=towrite+' | ';} if(commenttext=='1 Comments')commenttext='1 Comment';if(commenttext=='0 Comments')commenttext='No Comments';commenttext='<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';towrite=towrite+commenttext;flag=1;;} if(displaymore==true){if(flag==1)towrite=towrite+' | ';towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">More »</a>';flag=1;;}document.write(towrite);document.write('</li>');if(displayseparator==true) if(i!=(numposts-1))document.write('');}document.write('</ul>');} //]]> </script>
NOTE: Lim neilo post te ah nang deih lim na koih nop leh a url pen na laih tawm in.
Photo i resolution a hoih zaw ding na deih leh Hih nuai a code teng </body> i tung ah na thuah in.


<script type='text/javascript'>                    function changeThumbSize(id,size){ var blogGadget = document.getElementById(id); var replacement = blogGadget.innerHTML; blogGadget.innerHTML = replacement.replace(/s72-c/g,"s"+size+"-c"); var thumbnails = blogGadget.getElementsByTagName("img"); for(var i=0;i&lt;thumbnails.length;i++){ thumbnails[i].width = size;  thumbnails[i].height = size;  } }changeThumbSize("label_with_thumbs",210);               </script>
4na ah, na template pen na save in. Tua na save khit ciangin i gawmbeh .css code te na asep nang in Layout ah na pai kik in Add Gadget cvih button na meek in. A nuai a lim dan in:

ZOCIA Thuambnail Post

5na ah box ong kah ciangin Html/Javascript a cih pen na teel in. Meek ding.

Tua ah laibawm awng khat ong kia ding a, tua mun ah hih anuai a code na thuah in.

<script type='text/javascript'>var numposts = 3;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script>  <script type="text/javascript" src="/feeds/posts/default/-/Name-of-the-label?published&alt=json-in-script&callback=labelthumbs"></script>
Hih tak ah Name-of-label cihna mun ah nang i label min na gelh ding ahi hi. Gtn Lakam-leh-Paunak aihkeh Zogam-Leitang cihdan in laih kisam hi.


A tawpna ah hi Block aihkeh na Box sungah lai bangzha guang ding, color bang koih ding, bang ni a kipost cihte dawk sak nuam maw, dawk sak lo ding cihte na deit kisam ding hi. Na laih nop sese leh cihna hi.

var numposts ← Number of posts to display var showpostthumbnails ← Show/hide thumbnails var displaymore ← Show or hide the read more link var displayseparator ← Show/hide separator var showcommentnum ← Show/hide the number of comments var showpostdate ← Show/hide the posts dates var showpostsummary ← Show or not the posts summaries var numchars ← Number of posts characters (here you have to change the 100 value)

I thugen pen a man hita hi. Ahi zong nang Block bang zah koih nuam cih pen a Nambat 5na pan in an deih zah na bawl ding kisam ding hi.








Previous
Next Post »
0 Komentar