Cara Memasang Numbered Page Navigation 2

Posted on
  • Monday, June 20, 2011
  • by
  • Borong Shop
  • in
  • Labels: ,

  • Sebelum ini saya telah membuat tutorial cara membuat numbered page versi Abu Farhan dan sekarang ini saya ingin membuat numbered page yang sama cuma berbeza style nya. Terdapat 2 cara untuk membuatnya iaitu secara manual atau auto. Jika anda tidak mahir lagi dalam Html anda boleh menggunakan widget dengan klik gambar di bawah :



    Ok untuk membuatnya sila ikut beberapa langkah di bawah :


    1) Login blog => Design => Edit Html 
    2) Cari kod di bawah ini :
    ]]></b:skin>
    Setelah itu copy kod di bawah ini tepat di atas/sebelum kod ]]></b:skin>


    .showpageArea a {
    text-decoration:underline;
    }
    .showpageNum a {
    text-decoration:none;
    border: 1px solid #ccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageNum a:hover {
    border: 1px solid #ccc;
    background-color:#ccc;
    }
    .showpagePoint {
    color:#333;
    text-decoration:none;
    border: 1px solid #ccc;
    background: #ccc;
    margin:0 3px;
    padding:3px;
    }
    .showpageOf {
    text-decoration:none;
    padding:3px;
    margin: 0 3px 0 0;
    }
    .showpage a {
    text-decoration:none;
    border: 1px solid #ccc;
    padding:3px;
    }
    .showpage a:hover {
    text-decoration:none;
    }
    .showpageNum a:link,.showpage a:link {
    text-decoration:none;
    color:#333;
    }


    Jika sudah selesai cari pula kod ini :
    </body>
    Copy kod di bawah ini diatas / sebelum kod </body>
    <script style='text/javascript'>var pageCount=5;var displayPageNum=2;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>
    Nota :


    Nilai yang ditandakan dengan warna hijau di bawah adalah kod yang perlu anda tukar mengikut jumlah post yang terdapat di bahagian hadapan blog.
    2) warna kuning pula adalah jumlah nombor page yang anda inginkan seperti contoh yang saya berikan di posting sebelum ini

    var pageCount=5;var displayPageNum=2;
    Sila klik preview dahulu dan jika tiada sebarang error maka klik save template

    1 comments:

    Ibrahingtki Dimalaysia said...

    PAK Ibrahing DI MALAYSIA-SALAM KOMPAK SELALU….dan selamat buat yg JUPE hari ini.
    KALAU ANDA INGIN TAU INFO TOGEL,MALAYSIA 3D 4D 5D 6D 7D 9D-DAN KAMI CUMA BEKERJAAN USAHA KECI-KECI LAH, DAN TUKAN MASAK DI RESTORAN ,SELAMA KAMI KENAL YANG NAMANYA AKI DARMO NASIB KAMI TIDAK SEPERTI YANG DULUH… KAMI SANGAT BERTERIMA KASIH KEPADA AKI DARMO BERKAT ANGKA YANG DI BAGI SAMA BELIAU.DAN ALHAMDULILLAH TEMBUS.DAN KAMI MINTA ANGKA,4D…5D…DAN 6D…
    ANGKA NAIK YAITU,DI.770200
    SPORTS,TOTO 4D,5D, 6D ,
    SIAPA TAU AWA SEMUA MAU SILAH KAN GABUNG SAMA KAMI,DI BOCORAN RAMALAN TOGEL,AKI DARMO…
    DAN KAMI BERSUKUR HASIL PASANG TOGEL MALAYSIA TGL,22-08-2015
    ….
    SEMUA UTANG UTANG DLM KELUARGA KAMI KINI DPT TERLUNASI SEMUA,KAMI PUN BISAH MEMBUKA USAHA KEMBALI,WALAUPUN ITU DGN CARA PASANG TOGEL, ITU MERUPAKAN RESKI BAGI KAMI SE- KELUARGA ,JADI YG SERING KALAH DLM PERMAINAN TOGEL HUBUNGI AKI/SMS KE NMR INI,082-310-142-255—KESUSAHAN ANDA DALAM MAIN
    TOGEL DI,JAMIN [3] KALI PUTARAN…

    ATAU, KUNGJUNGGI, BLOG, AKI DARMO… >>> KLIK DISINI ANGKA TEMBUS 2D,3D,4D,5D,6D,7D,9D-<<<<

    DAN SUKUR ALHANDULILLA MENANG LAGI, …
    Terima kasih yang amat dalam kami ucapkan kepada AKI DARMO yang telah memberikan kebahagian bagi keluarga kami…berkat Beliau kami sekarang udah hidup tenang..sudah tidak di kejar-kejar hutang …Kami di berikan Angka Ritual Ghoib Dari AKI DARMO yang sangat sangat Jitu 100%…hingga kami sekarang merasa tenang lagi…terima kasih KI …Jika Anda ada yang merasa kesulitan masalah Nomer Toto apakaH 2D.3D.4D.5D.6D. 7D .9D-.itu semua terserah anda, silahkan HBG ATAU SMS Aja Pada AKI DARMO…di nmr hpnya [082-310-142-255] pasti anda akan merasakan apa yg selama ini kami rasakan…Salam Bahagia dan Sukses..!!
    DENGAN ANGKA GOIB ,ATAU ANGKA RITUAL// ANGKA MAHLUK HALUS….
    angka GHOIB: singapur 2D/3D/4D/
    angka GHOIB: hongkong 2D/3D/4D/
    angka GHOIB; malaysia
    angka GHOIB; toto magnum 4D/5D/6D/
    angka GHOIB; laos
    angka ritual gaib kuda lari
    TOTO, 2D, 3D, 4D, 5D, 6D…
    SUPREME TOTO 6/58,/MEGA TOTO,6/52,POWER TOTO 6/55…
    MAKNUM 4D,/STS,/88,/DA MA CAI 1+3D,/ DAN LAIN-LAIN parah pencinta togel.
    DAN LAIN-LAIN,ITU SEMUA TERGANTUNG PERMINTAAN KAMI…ATAU SEPESIAL DEROH 4D ANGKA RITUAL ADA PADA AKI DARMO…..
    Di jamin anda pasti menang seperti kami >>>>>>


    Post a Comment

     
    Copyright (c) 2010 Stylish Tutorial by Secret Profile
    Any FAQ ? : Contact Me| Forum| About Me