Nah, untuk melihat postingan yang lama, pada template blogspot sudah tersedia link dibagian bawah posting yang bertuliskan biasanya "Posting Lama" dan link "Posting Lebih Baru" jika ingin kembali pada halaman postingan yang lebih baru.
Yang membuat sedikit repot adalah ketika kita ingin membuka postingan yang jauh lebih lama. Dengan kondisi seperti itu, kita harus membuka satu persatu halaman-halaman postingan blogspot untuk sampai pada postingan lama yang ingin kita tuju. Namun, ada cara untuk mengatasinya, yaitu dengan membuat link tiap halaman postingan, sehingga kita bisa melompat ke halaman yang lebih lama atau lebih baru tanpa melewati halaman-halaman diantaranya. Kita akan membuat nomor halaman posting pada blogspot. Nomor-nomor tersebutlah sebagai link untuk menuju halaman yang dituju. Langkah-langkahnya adalah sebagai berikut:- Login terlebih dahulu pada akun blogspot Anda
- Klik link menu Tata Letak, kemudian pilih sub tab menu Edit HTML
- Backup terlebih dahulu template pembaca. Hal ini bertujuan agar pembaca bisa mengembalikan ke kondisi semula jika terjadi kesalahan pengeditan. Klik tulisan yang bertuliskan Download Template Lengkap
- Jangan beri centang pada kotak kecil yang ada disamping tulisan Expand Template Widget
- Cari kode ]]></b:skin> pada template tersebut
- Copy paste struktur CSS berikut tepat diatas kode ]]></b:skin>
/* Page Navigation */
.blog-pager {text-align: center; margin-top: 10px; font-size: 0.75em; font-weight: bold;}
.showpageArea a {text-decoration:underline;padding: 2px 6px 2px 6px;color: #333;background: #fffff4;margin: 2px;}
.showpagePoint {padding: 2px 6px 2px 6px;color: #FFF;background: #a0c800;border: 1px solid #ccc;margin: 2px;} /*Current page*/
.showpageOf {padding: 2px 6px 2px 6px; color: #333;background: #fffff4;border: 1px solid #ccc;margin: 2px;} /* Page (1), Page(2) ... */
.showpageNum a {text-decoration:none;padding: 2px 6px 2px 6px;color: #0066cc;background: #fffff4;border: 1px solid #ccc;margin: 2px;}
.showpageNum a:hover {border: 1px solid #aaa;background-color:#ccc;color: #ff9600;}
.showpageNum a:link {text-decoration:none;color:#333;}
.showpage a {text-decoration:none;padding: 2px 6px 2px 6px;color: #0066cc;background: #FFF;border: 1px solid #ccc;margin: 2px;} /* Next, Prev...*/
.showpage a:hover {padding: 2px 6px 2px 6px;color: #ff9600;background-color:#ccc;border: 1px solid #aaa;margin: 2px;}
.showpage a:link {text-decoration:none;color:#333;}
7. Cari lagi struktur seperti berikut pada template pembaca
&amp;lt;b:section class='main' id='main' showaddelement='no'&amp;gt;
&amp;lt;b:widget id='Blog1' locked='true' title='Blog Posts' type='Blog'/&amp;gt;
&amp;lt;/b:section&amp;gt;
8. Kemudian copy paste struktur berikut tepat di bawah struktur yang Anda temukan pada langkah 7
&amp;amp;lt;script type=&amp;amp;quot;text/javascript&amp;amp;quot;&amp;amp;gt;
function showpageCount(json) {
var thisUrl = location.href;
var htmlMap = new Array();
var isFirstPage = thisUrl.substring(thisUrl.length-14,thisUrl.length)==&amp;amp;quot;.blogspot.com/&amp;amp;quot;;
var isLablePage = thisUrl.indexOf(&amp;amp;quot;/search/label/&amp;amp;quot;)!=-1;
var isPage = thisUrl.indexOf(&amp;amp;quot;/search?updated&amp;amp;quot;)!=-1;
var thisLable = isLablePage ? thisUrl.substr(thisUrl.indexOf(&amp;amp;quot;/search/label/&amp;amp;quot;)+14,thisUrl.length) : &amp;amp;quot;&amp;amp;quot;;
thisLable = thisLable.indexOf(&amp;amp;quot;?&amp;amp;quot;)!=-1 ? thisLable.substr(0,thisLable.indexOf(&amp;amp;quot;?&amp;amp;quot;)) : thisLable;
var thisNum = 1;
var postNum=1;
var itemCount = 0;
var fFlag = 0;
var eFlag = 0;
var html= &amp;amp;#39;&amp;amp;#39;;
var upPageHtml =&amp;amp;#39;&amp;amp;#39;;
var downPageHtml =&amp;amp;#39;&amp;amp;#39;;
var pageCount=5;
var displayPageNum=3;
var firstPageWord = &amp;amp;#39;First&amp;amp;#39;;
var endPageWord = &amp;amp;#39;Last&amp;amp;#39;;
var upPageWord =&amp;amp;#39;Previous&amp;amp;#39;;
var downPageWord =&amp;amp;#39;Next&amp;amp;#39;;
var labelHtml = &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpageNum&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;/search/label/&amp;amp;#39;+thisLable+&amp;amp;#39;?&amp;amp;amp;max-results=&amp;amp;#39;+pageCount+&amp;amp;#39;&amp;amp;quot;&amp;amp;gt;&amp;amp;#39;;
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!=&amp;amp;#39;&amp;amp;#39;){
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] = &amp;amp;#39;/search/label/&amp;amp;#39;+thisLable+&amp;amp;#39;?updated-max=&amp;amp;#39;+timestamp+&amp;amp;#39;T00%3A00%3A00%2B08%3A00&amp;amp;amp;max-results=&amp;amp;#39;+pageCount;
}
}
}
}//end if(post.category){
itemCount++;
}
}else{
if(title!=&amp;amp;#39;&amp;amp;#39;){
if(itemCount==0 || (itemCount % pageCount ==(pageCount-1))){
if(thisUrl.indexOf(timestamp)!=-1 ){
thisNum = postNum;
}
if(title!=&amp;amp;#39;&amp;amp;#39;) postNum++;
htmlMap[htmlMap.length] = &amp;amp;#39;/search?updated-max=&amp;amp;#39;+timestamp+&amp;amp;#39;T00%3A00%3A00%2B08%3A00&amp;amp;amp;max-results=&amp;amp;#39;+pageCount;
}
}
itemCount++;
}
}
for(var p =0;p&amp;amp;lt; htmlMap.length;p++){
if(p&amp;amp;gt;=(thisNum-displayPageNum-1) &amp;amp;amp;&amp;amp;amp; p&amp;amp;lt;(thisNum+displayPageNum)){
if(fFlag ==0 &amp;amp;amp;&amp;amp;amp; p == thisNum-2){
if(thisNum==2){
if(isLablePage){
upPageHtml = labelHtml + upPageWord +&amp;amp;#39;&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;
}else{
upPageHtml = &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpage&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;/&amp;amp;quot;&amp;amp;gt;&amp;amp;#39;+ upPageWord +&amp;amp;#39;&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;
}
}else{
upPageHtml = &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpage&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;&amp;amp;#39;+htmlMap[p]+&amp;amp;#39;&amp;amp;quot;&amp;amp;gt;&amp;amp;#39;+ upPageWord +&amp;amp;#39;&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;
}
fFlag++;
}
if(p==(thisNum-1)){
html += &amp;amp;#39;&amp;amp;amp;nbsp;&amp;amp;lt;span class=&amp;amp;quot;showpagePoint&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;u&amp;amp;gt;&amp;amp;#39;+thisNum+&amp;amp;#39;&amp;amp;lt;/u&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;
}else{
if(p==0){
if(isLablePage){
html = labelHtml+&amp;amp;#39;1&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;
}else{
html += &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpageNum&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;/&amp;amp;quot;&amp;amp;gt;1&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;
}
}else{
html += &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpageNum&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;&amp;amp;#39;+htmlMap[p]+&amp;amp;#39;&amp;amp;quot;&amp;amp;gt;&amp;amp;#39;+ (p+1) +&amp;amp;#39; &amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;
}
}
if(eFlag ==0 &amp;amp;amp;&amp;amp;amp; p == thisNum){
downPageHtml = &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpage&amp;amp;quot;&amp;amp;gt; &amp;amp;lt;a href=&amp;amp;quot;&amp;amp;#39;+htmlMap[p]+&amp;amp;#39;&amp;amp;quot;&amp;amp;gt;&amp;amp;#39;+ downPageWord +&amp;amp;#39;&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;
eFlag++;
}
}//end if(p&amp;amp;gt;=(thisNum-displayPageNum-1) &amp;amp;amp;&amp;amp;amp; p&amp;amp;lt;(thisNum+displayPageNum)){
}//end for(var p =0;p&amp;amp;lt; htmlMap.length;p++){
if(thisNum&amp;amp;gt;1){
if(!isLablePage){
html = &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpage&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;/&amp;amp;quot;&amp;amp;gt;&amp;amp;#39;+ firstPageWord +&amp;amp;#39; &amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;+upPageHtml+&amp;amp;#39; &amp;amp;#39;+html +&amp;amp;#39; &amp;amp;#39;;
}else{
html = &amp;amp;#39;&amp;amp;#39;+labelHtml + firstPageWord +&amp;amp;#39; &amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;+upPageHtml+&amp;amp;#39; &amp;amp;#39;+html +&amp;amp;#39; &amp;amp;#39;;
}
}
html = &amp;amp;#39;&amp;amp;lt;div class=&amp;amp;quot;showpageArea&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;span style=&amp;amp;quot;font-size:11px;padding: 2px 4px 2px 4px;margin: 2px 2px 2px 2px;color: #000000;border: 1px solid #333; background-color: #FFFFFF;&amp;amp;quot; class=&amp;amp;quot;showpage&amp;amp;quot;&amp;amp;gt;Page &amp;amp;#39;+thisNum+&amp;amp;#39; of &amp;amp;#39;+(postNum-1)+&amp;amp;#39;: &amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;+html;
if(thisNum&amp;amp;lt;(postNum-1)){
html += downPageHtml;
html += &amp;amp;#39;&amp;amp;lt;span class=&amp;amp;quot;showpage&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;a href=&amp;amp;quot;&amp;amp;#39;+htmlMap[htmlMap.length-1]+&amp;amp;#39;&amp;amp;quot;&amp;amp;gt; &amp;amp;#39;+endPageWord+&amp;amp;#39;&amp;amp;lt;/a&amp;amp;gt;&amp;amp;lt;/span&amp;amp;gt;&amp;amp;#39;;
}
if(postNum==1) postNum++;
html += &amp;amp;#39;&amp;amp;lt;/div&amp;amp;gt;&amp;amp;#39;;
if(isPage || isFirstPage || isLablePage){
var pageArea = document.getElementsByName(&amp;amp;quot;pageArea&amp;amp;quot;);
var blogPager = document.getElementById(&amp;amp;quot;blog-pager&amp;amp;quot;);
if(postNum &amp;amp;lt;= 2){
html =&amp;amp;#39;&amp;amp;#39;;
}
for(var p =0;p&amp;amp;lt; pageArea.length;p++){
pageArea[p].innerHTML = html;
}
if(pageArea&amp;amp;amp;&amp;amp;amp;pageArea.length&amp;amp;gt;0){
html =&amp;amp;#39;&amp;amp;#39;;
}
if(blogPager){
blogPager.innerHTML = html;
}
}
}
&amp;amp;lt;/script&amp;amp;gt;
&amp;amp;lt;script src=&amp;amp;quot;/feeds/posts/summary?alt=json-in-script&amp;amp;amp;callback=showpageCount&amp;amp;amp;max-results=99999&amp;amp;quot; type=&amp;amp;quot;text/javascript&amp;amp;quot;&amp;amp;gt;&amp;amp;lt;/script&amp;amp;gt;
0 komentar:
Posting Komentar