သမိုင္​း

Theme images by Storman. Powered by Blogger.

Text Widget

Sports

Gadgets

Blog Archive

Travel

Definition List

Friday, April 29, 2016

Blog with Recent Thumbnail post

Hih anuai a dan in bawl dan zanni in khat kong gelh pen a kingah lo om kha ding ahih manin coding a tuam tawh ong koih kik ingh. Na sin ciat un.

ZOCIA Thumbnail post

1na ah i theih sa tek mah bangin Blogger Dashboard ah lut ding hi hang. Tua ah Template meek ding hang a, Edit Html meek leuleu ding hi hang. Hi phto tawh kibagn lian lo ding hi.

 ZOCIA Thumbnail Post
2na ah tua khit ciangin hih 

]]></b:skin>

i zong ding hi. I muh ciangin tua ]]></b:skin> i a tung ah a nuai a code teng i thuah ding hi. A nuai a teng na copy:

img.label_thumb {
float:left;
margin-right:10px !important;
height:65px;
width:65px;
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;}

Tua na man ciangin
3na ah

</head>

 zong leuleu  in. </head> i a tung lian a nuai a code teng na thuah leuleu in.

<script src="https://harunzoki.googlecode.com/svn/trunk/Recent-Label.js"/>

Update: Hi takah Na mante resolution sang zaw leha  siang zaw ding na deih a leh </body> na zong inla, tua i a tung lian ah a nuai a code teng 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>
 Tua na man ciangin Setting Save cih button na meek in.

Tun i lungtup ahi hidan in i thuah sawm di hi.
ZOCIA Thumbnail Post

Tua ahih manin Layout ah na pai inla, Add Gadget cih pen na mek in.


Tua khit ciangin HTML/JavaScript cih pen na meek in.


 Tua takah Box khat ong kia ding a, tua ah hhih anuai a code teng na guang 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>

A san tawh a kigelh Name-of-Label kici mun ah na label deih pen tawh laih in.

Html aihkeh javasript na tel leh hih anuai a te zong na deih dandan in laih thei hi teh.

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)

 Tu tung a bel kicing sak ta ni mate ... Lungdam hang ei.

No comments:
Write comments