Meletakkan Page number di blogspot


Bagaimana hendak meletakkan page number di blogspot kita?
Cara mudah yang saya jumpa, anda hanya perlu tambah gadget ini..

Caranya :
  1. Masuk di akaun blogger
  2. Klik pada layout, dan pilih page element
  3. Klik pada Add Gadget
  4. Pilih HTML/Javascript
  5. Copy script ini ;




<style>

.showpageArea {

padding: 0 2px;margin-top:10px;margin-bottom:10px;

}


.showpageArea a {

border: 1px solid #505050;


color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}


.showpageArea a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;


background-color: #FFFFFF;

}


.showpageNum a {

border: 1px solid #505050;

color: #000000;font-weight:normal;

padding: 3px 6px !important;

padding: 1px 4px ;margin:0px 4px;

text-decoration: none;

}



.showpageNum a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;


}

.showpagePoint {

font-size:11px;

padding: 2px 4px 2px 4px;


margin: 2px;

font-weight: bold;

border: 1px solid #333;

color: #fff;

background-color: #000000;

}


.showpage a:hover {

font-size:11px;

border: 1px solid #333;


color: #000000;

background-color: #FFFFFF;

}


.showpageNum a:link,.showpage a:link {

font-size:11px;

padding: 2px 4px 2px 4px;

margin: 2px;

text-decoration: none;

border: 1px solid #0066cc;


color: #0066cc;

background-color: #FFFFFF;}


.showpageNum a:hover {

font-size:11px;

border: 1px solid #333;

color: #000000;

background-color: #FFFFFF;

}

</style>



<script type=”text/javascript”>


function showpageCount(json) {

var thisUrl = location.href;

var htmlMap = new Array();

var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==”.blogspot.com/”;

var isLablePage = thisUrl.indexOf(”/search/label/”)!=-1;

var isPage = thisUrl.indexOf(”/search?updated”)!=-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 pageCount=5;


var displayPageNum=3;

var firstPageWord = ‘First’;

var endPageWord = ‘Last’;

var upPageWord =’Previous’;

var downPageWord =’Next’;


var labelHtml = ‘<span class=”showpageNum”><a href=”/search/label/’+thisLable+’?&max-results=’+pageCount+’”>’;


for(var i=0, post; post = json.feed.entry[i]; i++) {


var timestamp = post.published.$t.substr(0,10);

var title = post.title.$t;

if(isLablePage){

if(title!=”){

if(post.category){

for(var c=0, post_category; post_category = post.category[c]; c++) {

if(encodeURIComponent(post_category.term)==thisLable){

if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){

if(thisUrl.indexOf(timestamp)!=-1 ){


thisNum = postNum;

}


postNum++;

htmlMap[htmlMap.length] = ‘/search/label/’+thisLable+’?updated-max=’+timestamp+’T00%3A00%3A00%2B08%3A00&max-results=’+pageCount;

}

}

}

}//end if(post.category){



itemCount++;

}


}else{

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+’T00%3A00%3A00%2B08%3A00&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){

if(isLablePage){

upPageHtml = labelHtml + upPageWord +’</a></span>’;


}else{

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 += ‘&nbsp;<span class=”showpagePoint”><u>’+thisNum+’</u></span>’;


}else{

if(p==0){

if(isLablePage){

html = labelHtml+’1</a></span>’;

}else{

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++;

}

}//end if(p>=(thisNum-displayPageNum-1) && p<(thisNum+displayPageNum)){


}//end for(var p =0;p< htmlMap.length;p++){


if(thisNum>1){

if(!isLablePage){

html = ‘<span class=”showpage”><a href=”/”>’+ firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘;


}else{

html = ”+labelHtml + firstPageWord +’ </a></span>’+upPageHtml+’ ‘+html +’ ‘;

}

}


html = ‘<div class=”showpageArea”><span style=”font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;” class=”showpage”>Page ‘+thisNum+’ of ‘+(postNum-1)+’: </span>’+html;



if(thisNum<(postNum-1)){

html += downPageHtml;

html += ‘<span class=”showpage”><a href=”‘+htmlMap[htmlMap.length-1]+’”> ‘+endPageWord+’</a></span>’;

}


if(postNum==1) postNum++;


html += ‘</div>’;


if(isPage || isFirstPage || isLablePage){

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 src=”/feeds/posts/summary?alt=json-in-script&callback=showpageCount&max-results=99999″ type=”text/javascript”></script>


Kemudian letakkan di gadget anda tadi.. selepas itu jgn lupa save.. setelah itu, gadget ini diletakkan di bawah Blog Post..

lihat hasilnya.. semoga ia berjaya..


Credit to mydigitallife visit this website for the original article..



14 comments:

  1. jika anda tidak dapat membuat trick ini, anda boleh melawat blog artikel asal.. TQ :D

    ReplyDelete
  2. artikel asal tu kat mn..??
    sori newbies...

    ReplyDelete
  3. the original article from Mydigital life..
    here the link Mydigitallife

    the picture also was change by admin..

    ReplyDelete
  4. sy cuba buat tp tak jadi pung.. :-)

    ReplyDelete
  5. jika tricks ini tidak menjadi, sila kunjung web artikel asal... :)

    ReplyDelete
  6. to seepot seedot ;
    sy pn xpasti kenapa tidak menjadi..

    ReplyDelete
  7. to shah ;
    xsemua blog boleh buat.. no komen bila trick ini xjadi. sy masih cari solution untuk ini..

    ReplyDelete
  8. kencing kuat.. penipu..

    ReplyDelete
  9. to Anonymous ;
    aik?? ape yang kencing?? ish3.. jgn marah2.. memang betul trick ni bukan semua blog boleh buat.. nak buat mcm mane.. cube lihat blog artikel asal.. hope dapat membantu.. TQ..

    ReplyDelete
  10. salam...thanks for the info...
    saya nk tanye pasal menjana pendapatan sampingan yg hot kat atas tu...
    boleh percaya x?
    dah dpt hasil yer?

    ReplyDelete
  11. to adieba ;
    yang tengah hot 2 sume penjana pendapatan yang tidak perlu keluarkan modal. hasilnyer?? lihat disini

    ReplyDelete

Blog ini telah menggunakan do follow untuk link komen anda. Link anda akan tersenarai di search engine.