Script ini sama fungsinya dengan script disable klik kanan mouse, tapi yang cara yang ini dengan memasukan kode script pada template blog sobat. fungsinya sama melindungi aksi copy paste orang pada konten blog kita, areal sortir tidak akan keluar apalagi klik kanan copy.

Tapi menurut saya yang namanya Tutorial buat apa di protect banget, apalagi tutorial blogger/blogspot.Biarlah mudah dicopy dan disharing temen biar bisa nambah traffic ke blog kita, untuk yang suka copy paste tanpa ngasih keterangan link sumber biarin deh, elmunya gak bakal nambah kok, kecuali konten blog sobat bener bener orisinil dan perlu perlakukan protect dari copy paste. Jika ingin tetep masang anti copy paste atau disable klik kanan copy buat blogspot begini caranya:

1.  Log in dengan akun Blogger sobat
2.  Go to Layout -> Edit HTML
3.  Backup dulu template blog sobat
4.  Klik “Expand Widget Templates”
5.  Cari kode <head>  pada template blog kalian :

Copy pastekan code dibawah ini sesudah kode diatas :
<!--Disable Copy And Paste-->
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>
5. Kemudian Save.


Catatan :

Kelemahan cara ini masih bisa diakali lewat mematikan fungsi Enable pada browser, dan script ini tidak berfungsi karena menggunakan bahasa Javascript. semua kembali kepada manusianya klo sama sama belajar harusnya sama sama membantu ada etika sesama blogger tanah air.

1. Login to blogger.com dengan akun sobat
2. Go to Layout --> Add a Gadget --> Select html/javascript
3. Copy pastekan kode dibawah ini :

<script language="JavaScript">
<!--
//Disable right mouse click Script
//For tips blogging, visit http://palingkomplet.blogspot.com
var message="Izin Dulu Deh!";
///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}
function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}
if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}
document.oncontextmenu=new Function("alert(message);return false")
// -->
</script>
4. kemudian SAVE.

Untuk Melihat Hasilnya coba klik kanan mouse di blog sobat. Akan Keluar Tulisan “Ijin Dulu Deh”, Nah tulisan diatas masih bisa sobat ganti dengan kata kata sobat sendiri, Selamat Mencoba.
Coba browser Halaman Blog kamu misal http://palingkomplet.blogspot.com, Nah di address browser pasti tertulis Title/Judul blog sobat. Coba sobat blogger klik salah satu postingan blog sobat pasti sama yang terlihat pasti Tile atau judul blog sobat. Tapi jika yang tertera judul Postingan sobat itu tandanya sudah bener, karena antara judul blog dan Judul postingan harusnya berbeda.

Untuk yang masih memakai template standar bawaan blogger pasti seperti itu, tapi jika sobat memakai template blogger yang sudah editan pasti beda. tapi tidak soal sobat bisa kok menerapkannya sendiri, caranya mudah mengganti judul blog dengan judul postingan.
Ikutin ini :

   1. Login ke blogger.com dengan akun sobat.
   2. Pilih  Tata Letak  dan Edit HTML.
   3. Cari kode seperti ini  ( biasanya berada di bawah kode <head>) :
      <title><data:blog.pagetitle/></title>
   4. Ganti kode diatas dengan kode dibawah ini  :
          <b:if cond='data:blog.pageType == "index"'>
          <title><data:blog.title/></title>
          <b:else/>
          <title><data:blog.pageName/></title>
          </b:if>
Sobat blogger juga bisa menambahkan kode di belakang </title> Jika ingin menampilkan judul blog atau keyword dibelakang judul postingan
Seperti dibawah ini :
          <b:if cond='data:blog.pageType == "index"'>
          <title><data:blog.title/> | Judul blog sobat atau keyword </title>
          <b:else/>
          <title><data:blog.pageName/></title>
          </b:if>
   5. Setelah selesai tinggal di Save.

Maksudnya begini untuk halaman utama titlenya akan tetap “Judul blog sobat”, Tapi setelah di klik salah satu postingan , maka judul blog akan berubah sesuai judul postingan yang tadi di klik tersebut..

Semoga bermanfaat
Buat blogger yang masih baru belajar ngeblog di blogger pasti pernah deh ngalami posting baru di blog dan waktu cek postingan baru terlihat ada tanda tang atau obeng di tiang wodget, itu artinya sobat sedang posisi login di blogger.com tapi jika sobat logout tanda ini tidak tampak di browser halaman URl Blogspot sobat.

Sobat tidak perlu kawatir tanda itu merupakan sebuah tool yang berfungsi untuk mengedit widget secara langsung pada halaman blog.  Sehingga Anda tidak perlu lagi masuk ke menu Page Elements untuk melakukan pengeditan. Dengan demikian sobat akan bisa lebih mudah untuk mengedit blog sobat. Jadi jika kita masuk ke blog kita tanpa login ke blogger maka icon ini tidak akan muncul begitu juga pengunjung yang mengunjungi blog kita. Tapi jika sobat tidak menginginkannya bisa dihapus kok, begini caranya :

1. Login ke Blogger. Klik Design -> Edit HTML.
2. Lalu backup template blog sobat dahulu dengan cara klik pada Download Full Template
3. Jika sudah, beri centang pada "Expand Widgets Templates"
4. Tekan Ctrl+F untuk membuka kotak Find
5. Ketikkan kode <b:include name='quickedit'/> ke dalam kotak lalu klik Next
6. Jika sudah ketemu, hapus kode tersebut. Setiap kode <b:include name='quickedit'/> mewakili satu icon tang dan obeng jadi jika template Anda terdapat lebih dari satu icon tang dan obeng. Gunakan Ctrl+F untuk mencarinya.
7. Kalau sudah menghapus semuanya. Klik Save Template lalu klik View Blog untuk melihat hasilnya. Sekarang semua icon quick edit yang berbentuk tang dan obeng sudah tudak ada lagi. Jika masih ada, mungkin masih ada kode <b:include name='quickedit'/> yang belum terhapus. Coba cari kembali dengan cara diatas.

Keterangan :

Keuntungan menghapus code diatas ternyata mengurangi error validasi blog di www.validator.w3.org
1. Login dengan akun blogger kamu.
2. Klik Rancangan Jika bahasa Yang digunakan Bahasa Indonesia.
3. Klik edit html.
4. Beri tanda centang pada Expand Template Widget.

Cari kode html seperti di bawah ini.

/* Variable definitions ====================

Setelah itu, masukan kode html berikut ini tepat di atas kode html di atas.
#navbar-iframe {
display: none !important; }

Klik simpan template dan selesai.

Contohnya adalah seperti berikut :

Blogger Template Style
Name:     Simple
Designer: Josh Peterson
URL:      www.noaesthetic.com
----------------------------------------------- */


#navbar-iframe {
display: none !important;
}


/* Variable definitions
   ====================
   <Variable name="keycolor" description="Main Color" type="color" default="#66bbdd" value="#882222"/>

Catatan :

1. Sebelum melakukan proses editing kode HTML pada template, sebaiknya download terlebih dahulu template blog kita sebagai langkah antisipasi jika terjadi kegagalan proses editing.

2. Gunakan tombol Crtl + F pada keyboard untuk mempermudah pencarian kode HTML template yang kita inginkan.
1. Login to blogger
2.Go to Template --> Backup your Template ---> Edit html

Find this code

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div class='status-msg-wrap'>
<div class='status-msg-body'>
<data:navMessage/>
</div>
<div class='status-msg-border'>
<div class='status-msg-bg'>
<div class='status-msg-hidden'><data:navMessage/></div>
</div>
</div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>

Replace with this code :

<b:includable id='status-message'>
<b:if cond='data:navMessage'>
<div>
</div>
<div style='clear: both;'/>
</b:if>
</b:includable>
Save template.
1. Login to Blogger dashboard
2. Go to Design Section
3. Then select Edit HTML tab
4. Dont forget to backup your template
4. Find ]]></b:skin>  tag ( ctrl F ) keyboard
5. Replace it with Bellow Code of section

.codeview {
margin : 15px 15px 15px 35px;
padding : 10px;
clear : both;
font-size:normal;
list-style-type : none;
font-family : "Courier New", "MS Sans Serif", sans-serif, serif;
background: url("http://1.bp.blogspot.com/-Ki_3OOm2fok/TzhrohORfaI/AAAAAAAAHCk/TJgd3WqHdBc/s1600/codeicon.gif") no-repeat scroll bottom right #EFFBF5;
border-top : 1px solid #eeeeee;
border-right : 2px solid #cccccc;
border-bottom : 2px solid #cccccc;
border-left : 1px solid #eeeeee;
}
.codeview li {
font-size : 13px;
line-height : 24px;
color : #333333;
font-weight : normal;
margin : 0;
padding : 0;
}
]]></b:skin>

Simpan Template kamu.

Tambahan :
Untuk Posting kode html pada postingan blog berikutnya, sobat tinggal memasukan kode html yang  mau diposting diantara kode dibawah ini :  yang bertulis kode html kamu  yang berwarna merah.

<div class="codeview">
<!-- Kode html kamu -->
</div>

Semoga bermanfaat.
1. Login ke blogger dengan akun blogger kamu.
2. Buka menu Setting / Pengaturan>> Komentar,
3. Ganti "Penempatan Formulir Komentar" ke "bawah Post Embedded"
4. Klik "Simpan Pengaturan.

Kemudian bagian dari html dalam template kamu yang harus di berubah :
• Buka menu "Edit HTML" dalam "Layout" menu
• Setelah itu Anda centang kotak bertanda "Expand Template Widget"
• Cari kode seperti dibawah ini :

<p class='comment-footer'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</p>
</b:if>
Biar lebih mudah  tekan ctrl + f kemudian cari kode di atas. Tapi Anda harus hati-hati, ada lebih dari satu kode<p class='comment-footer'> ,Cari kode <p class='comment-footer'>

• Ganti kode diatas dengan ini:

<p class='comment-footer'>
<b:if cond='data:post.embedCommentForm'>
<b:include data='post' name='comment-form'/>
<b:else/> <b:if cond='data:post.allowComments'>
<a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>
<data:postCommentMsg/></a>
</b:if> </b:if> </p> </b:if>
• Simpan template Anda.

Silahkan cek salah satu artikel di blog Anda. Jika ada kotak komentar, berarti Anda telah berhasil. Jika masih gagal saya masih punya satu lagi. Karena setiap template yang berbeda maka anda jangan khawatir, cara-cara lain yang ditulis di atas masih ada cara lain,  seperti dibawah ini  :

<b:include data='post' name='comments' />

Setelah kode di atas ditemukan, tambahkan kode berikut tepat di bawah kode di atas:

<b:include data='post' name='comment-form'/>

Contoh seperti ini:
<b:include data='post' name='comments' />
<b:include data='post' name='comment-form'/>

Kemudian Simpan Template

Step 1. Back up Your Template before applying this hack.
Step 2. Your Blog must have Labels widget.

- Login to Blogger and Go To  Layout > Edit Html
- Check Expand Widgets.
- Now search for below code :

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>
And replace the above codes with below one :

<b:loop values='data:labels' var='label'>
<li>
<a expr:href='data:blog.homepageUrl + &quot;feeds/posts/default/-/&quot; + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>


  • Save template
  • See Your Blog Labels widget
  • Find this code in your template:

        #blog-pager-newer-link {
        float: left;
        }

        #blog-pager-older-link {
        float: right;
        }

        #blog-pager {
        text-align: center;
        }

    And replace with this code:

        #blog-pager-newer-link {
        display: none;
        }

        #blog-pager-older-link {
        display: none;
        }

        #blog-pager {
        display: none;
        }

    This simple trics and you can return original state..enjoy
    1.  Login to Blogger Dashboard
    2.  Go to Design Section
    3.  Select Edit HTML tab
    4.  Check Expand Widgets ( i.e Tick Expand Widgets check box )
    5.  Find the closing </head> tag
    6.  Replace it with bellow Code

    <script type='text/javascript'>
    var thumbnail_mode = "no-float" ;
    summary_noimg = 400;
    summary_img = 300;
    img_thumb_height = 100;
    img_thumb_width = 120;
    </script>
    <script type='text/javascript' src='http://readmorecybermales.googlecode.com/files/readmoreboggercybermales.js' ></script>
    </head>

    You can change this :

    summary_noimg = 400;    :Summary length if no image
    summary_img = 300;    :Summary length if it has image
    img_thumb_height = 100;    :Thumbnail image height
    img_thumb_width = 120;    :Thumbnail image width

    Now find this <data:post.body/> tag in your template and replace it with below code.
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <data:post.body/>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
    <b:else/>
    <div expr:id='&quot;summary&quot; + data:post.id'>
    <data:post.body/>
    </div>
    <script type='text/javascript'>
    createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
    </script>
    <div style='clear: both;'/>
    <span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' >Read more ... </a></span>
    </b:if>
    </b:if>
    # Finally Save your template and check your blog
    1. Go to dashboard/ template/ edit HTML
    2. Click the 'Expand Widgets Templates' box
    3. Find:

        <b:if cond='data:blog.pageType != "item"'> <!-- Blog feed links -->
        <b:if cond='data:feedLinks'>
        <div class='blog-feeds'>
        <b:include data='feedLinks' name='feedLinksBody'/>
        </div>
        </b:if>

    Remove this line:

        <b:include data='feedLinks' name='feedLinksBody'/>

    That should remove Posts (Atom).
    Buat sahabat blogger yang masih baru punya blog terkadang lupa memaksimalkan kerja blog di mata mesin pencarian google. Buat pengguna blogspot seperti saya terkadang lupa membuat dan mensubmit feed blog atau sitemaps blog ke webmaster google, ketahuan klo postingan sudah banyak tapi cuma terindek sedikit atau beberapa halaman. Untuk postingan yang di bawah 500 postingan terkadang gak masalah tapi untuk postingan diatas 500 bahkan diatas 1000 postingan kita perlu memasukan sitemap blog ke webmaster google, agar search engine google dapat dengan mudah mengindex artikel pada blog kita.

    Begini cara submit feed blog atau sitemaps blog ke Webmaster Google

    Login di webmastergoogle dengan akun google kamu atau klik  Disini


    Ini contoh  url dari feed blogger atau blogspot:
    http://palingkomplet.blogspot.com/feeds/posts/default

    Tambahan aturan sebagai url sitemapnya seperti yang berwarna biru :
    http://palingkomplet.blogspot.com/feeds/posts/default?max-results=9999&amp;amp;alt=json-in-script&amp;amp;callback=loadtoc

    Atau bisa juga jenis feed atom.xml-nya,
    http://palingkomplet.blogspot.com/atom.xml?redirect=false&amp;start-index=1&amp;max-results=500

    http://palingkomplet.com/atom.xml?redirect=false&amp;start-index=1&amp;max-results=1000

    Atau bisa juga dengan cara ini memasukankode feed yang berwarna merah dibawah ini :

    1. Untuk Blog dengan jumlah postingan 1-500 Sitemaps feeds blog nya seperti ini :

    atom.xml?redirect=false&start-index=1&max-results=500


    2. Jika postingan berkisar antara 500 - 1000 sitemaps feed nya seperti ini :

    atom.xml?redirect=false&start-index=1&max-results=500

    atom.xml?redirect=false&start-index=501&max-results=500
     

    3. Blog yang memiliki postingan  1000-1500  arahan feeds nya seperti ini:

    atom.xml?redirect=false&start-index=1&max-results=500
    atom.xml?redirect=false&start-index=501&max-results=500
    atom.xml?redirect=false&start-index=1001&max-results=500

    Semoga berguna.
    1. Log it to your blogger and go to Design >> Edit HTML

    2. First,download the present template as a backup.

    3.Make sure you put check mark to “Expand Widget Templates

    4.Find this tag by using Ctrl+F  <data:post.body/>

    5. Paste below code after <data:post.body/> tag


    <!--related post started-->
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='similiar'>
    <div class='widget-content'>
    <h2>Related post</h2>
    <div id='data2007'/><br/><br/>
    <script type='text/javascript'>
    var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
    
    var maxNumberOfPostsPerLabel = 5;
    var maxNumberOfLabels = 3;
    maxNumberOfPostsPerLabel = 5;
    maxNumberOfLabels = 3;
    
    function listEntries10(json) {
    var ul = document.createElement(&#39;ul&#39;);
    var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
    json.feed.entry.length : maxNumberOfPostsPerLabel;
    for (var i = 0; i &lt; maxPosts; i++) {
    var entry = json.feed.entry[i];
    var alturl;
    for (var k = 0; k &lt; entry.link.length; k++) {
    if (entry.link[k].rel == &#39;alternate&#39;) {
    alturl = entry.link[k].href;
    break;
    }
    }
    var li = document.createElement(&#39;li&#39;);
    var a = document.createElement(&#39;a&#39;);
    a.href = alturl;
    if(a.href!=location.href) {
    var txt = document.createTextNode(entry.title.$t);
    a.appendChild(txt);
    li.appendChild(a);
    ul.appendChild(li);
    }
    }
    <!--Bloggertrix.com-->
    for (var l = 0; l &lt; json.feed.link.length; l++) {
    if (json.feed.link[l].rel == &#39;alternate&#39;) {
    var raw = json.feed.link[l].href;
    var label = raw.substr(homeUrl3.length+13);
    var k;
    for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
    var txt = document.createTextNode(label);
    var h = document.createElement(&#39;b&#39;);
    h.appendChild(txt);
    var div1 = document.createElement(&#39;div&#39;);
    div1.appendChild(h);
    div1.appendChild(ul);
    document.getElementById(&#39;data2007&#39;).appendChild(div1);
    }
    }
    }
    function search10(query, label) {
    var script = document.createElement(&#39;script&#39;);
    script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
    + label +
    &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
    script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
    document.documentElement.firstChild.appendChild(script);
    }
    var labelArray = new Array();
    var numLabel = 0;
    <b:loop values='data:posts' var='post'>
    <b:loop values='data:post.labels' var='label'>
    textLabel = &quot;<data:label.name/>&quot;;
    var test = 0;
    for (var i = 0; i &lt; labelArray.length; i++)
    if (labelArray[i] == textLabel) test = 1;
    if (test == 0) {
    labelArray.push(textLabel);
    var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
    labelArray.length : maxNumberOfLabels;
    if (numLabel &lt; maxLabels) {
    search10(homeUrl3, textLabel);
    numLabel++;
    }
    }
    </b:loop>
    </b:loop>
    </script>
    </div>
    </div>
    </b:if>
    
    <!--related post end-->
    

    * If you want to add more post , change the value of   maxNumberOfLabels
    * If you want to add more label, change the value of   maxNumberOfPostsPerLabel

    6. Now click save template you are done.
    RSS Feed adalah informasi sindikasi yang dikirim melalui teknologi feed dari situs web untuk pengguna Internet. Pengguna dapat berlangganan feed dari berbagai situs web, dan kemudian informasi baru dari situs-situs yang dikirim langsung kepada mereka melalui aplikasi pembaca RSS.  



    Hal ini mirip dengan menerima e-mail. Aplikasi pembaca RSS bertindak seperti "kotak masuk" untuk RSS feed. Daripada harus memeriksa beberapa situs Web untuk update, informasi baru terletak di satu tempat yang nyaman. Penggunaan RSS feed telah meningkat sebagai blogging telah menjadi lebih populer.

    Click LAYOUT > ADD A GADGET > HTML/JAVASCRIPT

    Now add the code from below to it and save it.


    <script style='text/javascript' src='http://blogergadgets.googlecode.com/files/recentpostswidgetv1.js'></script><script style='text/javascript'>var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;</script><script src='http://yourblogname.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts'></script>

    As now just replace red codes in above codes with your script url and the number 5 is the no of posts to be displayed and last red is your blog url.nuchars=100 is for post desription.

    Seen a lot people finding a Random Post widget for there blog? Then thought should have an tutorial on how to install it too in the blog.Well, here it is. If you want to know what it do is, whenever a reader click on link created by this widget all the times a different post will open for the reader in the blog as by luck.

    Now lets see how to install it in your blog as it is very simple.


    <div id="myLuckyPost"></div> <script type="text/javascript"> function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Are ya feeling lucky, punk?'; document.getElementById('myLuckyPost').appendChild(a); } </script> <script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky"></script><noscript><a href="http://aspal-putih.blogspot.com" target="_blank">Blogger Hacks</a></noscript>

    Enjoy
    Page Navigation hack is now also available in bloggers. As you may be viewing the numbered menu widget below the posts to visit the latest or previous posts. as these widgets are only provided in wordpress blogs or hosted blogs.But now his hack has been made available in bloggers.

    nav blogger


    Let us see how to add this Page Navigation Menu Widget :

    Login To Your Blogger And Then Click On Settings And Navigate To Layout Section.

    Then Click On Edit/Html.

    Now Find for ]]></b:skin> tag and place below codes before it.


    .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;
    }


    Now search for </body> and place the below codes before it.


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


    In the above code you can find the below written word and can change its value from 5 to any you want.

    1 : var pageCount=5;

    *where 5 is the the number of post that apppear in another page you will visit.

    2: var displayPageNum=2;

    *This code determines the number of additional page navigation numbers that will be displayed on the page.

    Follow by Email

    About Me