1 ..2 ..3 ..4 ..5.. 6 .....[page.navi. num]

Tuesday, February 9

புதுசா பதிவெழுத வந்தா பிலாக்கர் கணக்குத் தொடங்கினோமா நாலு பதிவு போட்டோமா பின்னூட்டம் பார்த்தமான்னு இருப்போம்.
இல்லை 'படா படா' பதிவராயிட்டாலும் மொக்கை போட்டமா கும்மியடிச்சமான்னு போய்கிட்டே இருப்போம்.
இந்த நடுவாந்தரம் இருக்கிறவங்க [என்னைப் போல] என்ன செய்வாங்க.வலையில் படிச்சது பிடித்தது எல்லாம் சொல்லித் தரேன்னு கெளம்பிடுவாங்க.

சும்மாவே சொறியற குரங்கு செரங்கு வந்தா என்ன செய்யும்:))
நம்மளும் அப்படித்தான்.ஏதோ கொஞ்சம் அப்படி இப்படி மேட்டர் பிடிபட்டதும் டெக்கியா ஆயிட்டோம்ல[நன்றி ஜமால்]
இப்ப சொல்லப் போவது ஒன்னு ரெண்டு மூனு நாலு ன்னு எண்ணவது எப்படின்னு. [கம்பியை இல்லை] பேஜ் நேவிகேஷன் எனப்படும் 'பக்க எண்கள்' போடும் வழி.
நம்ம பிலாக்கை ஓபன் பண்ணா கீழே 1 2 3 4 5 6 பக்க எண்கள் இருந்தா ஒரு கெத்தாகவும் இருக்கும்.படிப்பவர்களுக்கும் [படிக்கிறாங்களா?]சுலபமா இருக்கும்.

இதுக்கு பெரிசா ஒன்னும் செய்ய வேண்டாம்.புதுசா ரெண்டு மேட்டர் [நிரலி] சேர்த்து விட்டாப் போதும்.
வழக்கம் போல டாஷ் போர்டு லே அவுட் போங்க
டெம்ப்லேட் சேவ் பண்ணிட்டு எடிட் html கிளிக்குங்க.
படி:1

]]></b:skin>க்கு மேலாக கீழே உள்ள css நிரலி யை சேருங்க.இது உங்க பிலாக்கின் பக்க எண்களின் கலர் மற்றும் டிசைன் எப்படியிருக்கனுமோ அதற்கு தக்கவாறு மாறுபடலாம்.
இந்த  டிசைனுக்கு:

இந்த கோடு:




.showpageArea {padding: 0 2px;margin-top:50px;margin-bottom:5px;
}
.showpageArea a {border: 1px solid #8c0311;
color: #000000;font-weight:normal;background:#fff;
padding: 3px 6px !important;font-size:11px;
margin:0px 2px;
text-decoration: none;-moz-border-radius:5px;
}
.showpageArea a:hover {border: 1px solid #8c0311; color: #fff; background: #8c0311;}
.showpageNum a {border: 1px solid #8c0311;
color: #000000;font-weight:normal; font-size:11px;
padding: 3px 6px !important;margin:0px 2px;
text-decoration: none;-moz-border-radius:5px;}
.showpageNum a:hover {border: 1px solid #8c0311;
color: #fff;background: #8c0311;
}
.showpagePoint {font-size:11px;-moz-border-radius:5px;
padding: 2px 5px 2px 5px;margin: 2px;font-weight: bold;
border: 1px solid #8c0311; color: #fff;
background: #8c0311;}
.showpage{font-size:11px;-moz-border-radius:5px;}
.showpage a:hover {font-size:11px; color: #fff;background-color: #8c0311;}
.showpageNum a:link,.showpage a:link {font-size:11px;
padding: 2px 4px 2px 4px; margin: 2px;
text-decoration: none;border: 1px solid #8c0311;
color: #000;background-color: #FFFFFF;}
.showpageNum a:hover {font-size:11px;
border: 1px solid #8c0311;color: #fff;
background-color: #8c0311;font-weight:normal;}
#myslides{
background:url(http://www.elegantthemes.com/preview/GrungeMag/wp-content/themes/GrungeMag/images/slide-bg.gif) repeat-x;
width: 950px;
height:198px;
margin-bottom:0px;
}




இந்த மாதிரி டிசைனுக்கு:

இந்த கோடு:


.showpageArea {
padding : 10px;
color : #003366;
text-align : left;
width : 530px;
}
.showpageArea a {
float : left;
background : url(http://img2.pict.com/96/d6/a0/560d85d87b7c3fea73e4f41131/y4c23/backbutton.gif) no-repeat 0 0;
text-align : center;
width : 127px;
height : 42px;
text-align : center;
display : block;
margin : 0 5px;
color : #333;
padding-top : 6px;
}
.showpageArea a:hover {
color : #333;
margin : 0 5px;
padding-top : 6px;
}
.showpageNum a {
background : url(http://img2.pict.com/56/25/a3/e5bd7a9aee1773cf20cd242307/UUzOf/pagenum.gif) no-repeat 0 0;
width : 37px;
height : 42px;
display : block;
text-align : center;
float : left;
margin : 0 5px;
padding-top : 6px;
text-decoration : none;
color : #333;
}
.showpageNum a:hover {
background : url(http://img2.pict.com/fb/78/73/0fd48455927b7543953f6f1637/KG3bY/pagenum.gif) no-repeat 0 100%;
color : #fff;
}
.showpagePoint {
background : url(http://img2.pict.com/fb/78/73/0fd48455927b7543953f6f1637/KG3bY/pagenum.gif) no-repeat 0 100%;
width : 37px;
height : 42px;
display : block;
float : left;
text-align : center;
margin : 0 5px;
padding-top : 6px;
font-weight : bold;
color : #fff;
}
.showpageNum a:link, .showpage a:link {
text-decoration : none;
color : #cc0000;
}





படி:2


பிறகு  கீழ் உள்ளதை காபி செய்து
</body>
மேல் சேர்த்து விடவும்.அவ்வளவுதான்.



<script style='text/javascript'>
var pageCount=39;
var displayPageNum=5;
var upPageWord=&quot;Previous&quot;;
var downPageWord=&quot;Next&quot;;
</script>
<script type='text/javascript'>
//<![CDATA[
var home_page_url=location.href;function showpageCount(json){var thisUrl=home_page_url;var htmlMap=new Array();var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml='<span class="showpage"><a href="/">'+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html+='<span class="showpageNum"><a href="/">1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){html=''+upPageHtml+' '+html+' '}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}function showpageCount2(json){var thisUrl=home_page_url;var htmlMap=new Array();var isLablePage=thisUrl.indexOf("/search/label/")!=-1;var thisLable=isLablePage?thisUrl.substr(thisUrl.indexOf("/search/label/")+14,thisUrl.length):"";thisLable=thisLable.indexOf("?")!=-1?thisLable.substr(0,thisLable.indexOf("?")):thisLable;var thisNum=1;var postNum=1;var itemCount=0;var fFlag=0;var eFlag=0;var html='';var upPageHtml='';var downPageHtml='';var labelHtml='<span class="showpageNum"><a href="/search/label/'+thisLable+'?&max-results='+pageCount+'">';var thisUrl=home_page_url;for(var i=0,post;post=json.feed.entry[i];i++){var timestamp1=post.published.$t.substring(0,19)+post.published.$t.substring(23,29);timestamp=encodeURIComponent(timestamp1);var title=post.title.$t;if(title!=''){if(itemCount==0||(itemCount%pageCount==(pageCount-1))){if(thisUrl.indexOf(timestamp)!=-1){thisNum=postNum}if(title!='')postNum++;htmlMap[htmlMap.length]='/search/label/'+thisLable+'?updated-max='+timestamp+'&max-results='+pageCount}}itemCount++}for(var p=0;p<htmlMap.length;p++){if(p>=(thisNum-displayPageNum-1)&&p<(thisNum+displayPageNum)){if(fFlag==0&&p==thisNum-2){if(thisNum==2){upPageHtml=labelHtml+upPageWord+'</a></span>'}else{upPageHtml='<span class="showpage"><a href="'+htmlMap[p]+'">'+upPageWord+'</a></span>'}fFlag++}if(p==(thisNum-1)){html+='<span class="showpagePoint">'+thisNum+'</span>'}else{if(p==0){html=labelHtml+'1</a></span>'}else{html+='<span class="showpageNum"><a href="'+htmlMap[p]+'">'+(p+1)+'</a></span>'}}if(eFlag==0&&p==thisNum){downPageHtml='<span class="showpage"> <a href="'+htmlMap[p]+'">'+downPageWord+'</a></span>';eFlag++}}}if(thisNum>1){if(!isLablePage){html=''+upPageHtml+' '+html+' '}else{html=''+upPageHtml+' '+html+' '}}html='<div class="showpageArea"><span style="COLOR: #000;" class="showpageOf"> Pages ('+(postNum-1)+')</span>'+html;if(thisNum<(postNum-1)){html+=downPageHtml}if(postNum==1)postNum++;html+='</div>';var pageArea=document.getElementsByName("pageArea");var blogPager=document.getElementById("blog-pager");if(postNum<=2){html=''}for(var p=0;p<pageArea.length;p++){pageArea[p].innerHTML=html}if(pageArea&&pageArea.length>0){html=''}if(blogPager){blogPager.innerHTML=html}}var thisUrl=home_page_url;if(thisUrl.indexOf("/search/label/")!=-1){if(thisUrl.indexOf("?updated-max")!=-1){var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?updated-max"))}else{var lblname1=thisUrl.substring(thisUrl.indexOf("/search/label/")+14,thisUrl.indexOf("?&max"))}}var home_page="/";if(thisUrl.indexOf("?q=")==-1&&thisUrl.indexOf(".html")==-1){if(thisUrl.indexOf("/search/label/")==-1){document.write('<script src="'+home_page+'feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999" ><\/script>')}else{document.write('<script src="'+home_page+'feeds/posts/full/-/'+lblname1+'?alt=json-in-script&callback=showpageCount2&max-results=99999" ><\/script>')}}
//]]>
</script>






டிஸ்கி:நிரலித் துண்டுதான் பார்க்கப் பெரியதாக இருக்கும்.சும்மா காபி பேஸ்ட் பண்ணிட்டாப் போதும்.



1 comments:

  1. Anonymous said...:

    useful

 
பிலாக்கர் டிப்ஸ்/BLOGGER TIPS , and