Unique Style Page Number Navigation for Blogger

Fawi tein page number navigation chiah a duhmi hna caah tiah kan van i chiahpiak hna.


1) Hmasa bik ah Blogger login law
a tang lei bantuk in tuah ve..



2) Cun "Layout" ah kal piak than..


3) "Add Gadget" hmeh law "HTML/Javascript" timi kha thim law hmeh ding..

4) Cun a tang lei Code hna hi copy law Paste piak ding an si lai..

<style type='text/css'>

.blog-pager,#blog-pager{font-family:"Times New Roman", Times, serif;font-weight:normal;font-size:12px;width:700px;padding:17px;} 
.showpageNum a,.showpage a {background: rgb(15, 124, 241);color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-weight:bold;line-height:0;text-align:center;padding:7px 13px 7px;-moz-border-radius:36px;-webkit-border-radius:8px;border-radius:8px;} 
.showpageNum a:hover,.showpage a:hover {background: rgb(0, 49, 247); color:#000000; margin-right:.6em;text-decoration:none;font-size:15px;font-weight:bold;line-height:0;text-align:center;padding:7px 13px 7px;-moz-border-radius:36px;-webkit-border-radius:12px;border-radius:12px;}
.showpageOf{margin:0 8px 0 0;font-family:'Coming Soon', cursive;text-decoration:none;font-size:100%;}
.showpagePoint {background: rgb(0, 49, 247); color:#FFF; margin-right:.6em;text-decoration:none;font-size:15px;font-style:italic;line-height:0;text-align:center;padding:7px 13px 7px;-moz-border-radius:36px;-webkit-border-radius:8px;border-radius:8px;}

</style>

<script type='text/javascript'>

var home_page_url = location.href;

var pageCount=1;
var displayPageNum=3;
var upPageWord ='Previous';
var downPageWord ='Next';

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  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  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;
}}
</script>
<script type='text/javascript'>
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){
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>
</script>

Rel Chap

Blog Chungah"Random Posts" Chiah Ning?!

Na Blog chung ah Random Posts te chiah na duh ve maw? Fawi tein na blog chung ah chiah kho a si. Tuah zia a thiam lo mi tete kan um sual ahcun a tang lei ah cawn kho a si.








1) Hmasa bik ah na Blogger on law Template>>HTML ah kal piak ding..
2) Ctrl+F kha hmeh law an pek mi search box chung ah khan ]]></b:skin> kawl piak ding a si lai..

Na hmuh cang a si ahcun a tang i code kan pek mi hi copy law ]]></b:skin> a cung ah khan Paste piak law..

#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:36px;height:36px;padding:3px}

3) Na tuahmi tlam a tling cang ahcun, Save Template kha hmeh than cang
4) Layout>>Add a Gadget ah kalpiak than..
5) HTML/JavaScript thimpiak than..


A tang i code kan pek hi copy than hna law Paste piak than..

<ul id='random-posts'>
<script type='text/javaScript'>
var rdp_numposts=5;
var rdp_snippet_length=150;
var rdp_info='yes';
var rdp_comment='Comments';
var rdp_disable='Comments Disabled';
var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
</script>
<script type='text/javaScript'>
function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgT_kSYbAUPYu8nV57l0XsvnYAaP5I4X4BwS1z4Lm8MbLrw59O6PP3Ycf8PSy340q6YPX5axhvmfdQxqceqnK0ZcxCagCWJ1lDkup0_t6Y6ZlAm0s2IYqw30Qn7eOv0p9O-nfFvUbDArg4/s1600/default.jpg"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
</script>
</ul>


Na paste dih in Save hmeh law DIH CANG!

na tlamtling hram ko seh!

Rel Chap

Riffstation Online & App V.1.09

Riffstation hi cu a theihmi kan tam ngai cang lai tiah ruah channak tampi ka ngei. A ruang cu online guitar key cawnnak, ukulele key cawnnak le piano key cawnnak link a si. A tu kan chiahpiakmi hna zong a theih ciami hna caah a si lo in a theih rih lo mi hna catu ah a si lai. 

Cawn na duh le hneksak na duh ahcun a tang lei link hi Click ding a si lai.

Get Online :

Get App :
 

Rel Chap

Zeitin Dah Google Search Background Kan Thleng Lai!

 Zeitin dah Google Search Background kan thleng lai. Fawi tein thleng kho a si, a theih/thiam lomi hna caah kan van langh ter lai.

Google background thleng na duh ahcun Hika ah Click law install tuahpiak hmasa..

A tang lei bantuk hmanthlak na hmuh lai. ADD TO CHROME kha hmehpiak ding a si lai.

Cun Add extension timi kha Clickpiak chih ding asi te lai..




Cun Auto in Site a ra lai i, a tang lei bantuk in na hmuh lai. Original system in na duh ahcun a tang lei 'Zah' ka langh termi ningin tuah ding a si lai.

Na duhmi hmanthlak thleng na duh ahcun, Yellow color in ka tuahmi hna pawl kha an si lai.

A rel tu nan dih lak cungah kan i lawm. kan tial sualnak a um ahcun, ngaithiam kan i herh ko. Ka lawm.

Rel Chap

Blog Chung ah Underline Remove Ning

Blog leng tu nan dam dih cio hna maw? Tu ni cu Blog cawnnak tete ka van langh ter duh than. Na Blog chung ah Underline tete hna a um i, na duh lo ahcun, zeitin dah Remove kan tuah lai ti mi ka van langh ter than lai. Underline remove zia a thiam rih lomi hna kan um ahcun a tang lei ning tein tuah i zuam cio hna usih.

Hmasa bik ah blogger Login tuahpiak law..

Template>Edit HTML kha click law..

A tanglei Link hi na kawl piak ding a si lai..

Fawi tein kawl na duh ahcun Ctrl+F hmeh piak..

a:link {
text-decoration:underline;
}
a:visited {
text-decoration:underline;
}
a:hover {
text-decoration:underline;
}

Mah kha na hmuh lo ahcun a tang lei bantuk in kawl than.

text-decoration:underline;

Na tuahmi tlam a tling cang ahcun, underline timi kha none tiah tial piak ding.

a:link {
text-decoration:none;
}
a:visited {
text-decoration:none;
}
a:hover {
text-decoration:none;
} 

Na tial duh hnu in, Save Template kha hmeh law Dih Cang.

Rel Chap

Top 10 Movie Site!

Tu ni cu Mirang Baisikup (English Movie) zohnak pawl ah hmannak tambikmi Site pawl ka van i chiahpiak hna. A theih bal lo mi hna caah tiah..

1) newmoviesonline.cc

2) freemoviesonline.cc

3) yify.tv

4) losmovies.es

5) hdmoviezone.net

6) viooz.ac

7) 123movies.to

8) solarmovie.ph

9) primewire.ag

10) movienight.ws

Rel Chap

Na Blogger Background Thleng Ningcang!

 Zeitin dah na blog background na thleng lai. thleng a duhmi hna caah tiah ka van langh ter. Mi cheu nih cun thleng ning an i har tawn i, a tu ni ah thleng a duh i tuah ning cang a thiam lomi hna caah tiah ka van langhter lai!

Hmasa bik ah na Blogger on piak law..

Template>Edit HTML ah kal piak than ding..

Na tlam a tling cang ahcun Edit HTML chungah kawl ding a si caah. Kawl fawinak ding caah Click law fawi tein na kawl kho lai. A tanglei Code hi Copy tuah law kawl piak ding..

]]></b:skin>

Na kawl kho cang ahcun, a cung ah a tang lei code hi copy law paste piak ding a si lai.

body {
background-image: url(IMAGE-URL.png) !important;
background-repeat: no-repeat;
background-position: center top; 
background-attachment: fixed;
background-size: 100%; 
}

Note : IMAGE-URL-png ah nangmah na duhmi hmanthlak address na chiah lai..

A rel tu nan dih lak cungah kan i lawm..

cawnnakes.blogspot.ca

Rel Chap

Zeitin Dah Join This Site Kan Khumh lai?

 Tu zaan lei cu Blog kong kan cawn than hna lai. Na Blog chung ah Members luhnak 'Join this site' timi na ngeih duh i, na blog template nih a ra i khumh cia lo ahcun ngeih kho a si lo. Nain a tu cu a thiam rih lomi hna le, a herh baumi hna caah tiah ka van langh ter..

1) LogIn Blogger

2) Layout

3) Add a Gadget

4) More Gadgets

5) Members tiah tial piak

6) A tang lei ah Members box te cu na hmuh lai.

Rel Chap