Mengganti Tulisan Posting Lama Dan Posting Baru Dengan Judul Postingan

 Mengganti Tulisan Posting Lama Dan Posting Baru Dengan Judul Postingan. Link posting lama dan posting baru bisa di modifikasi atau digganti dengan judul postingan yang tentunya akan memperjelas pengunjung untuk mengetahui artikel apa yang terbaru atau yang lama.

Nah pada hari ini saya akan share tutorial tentang Mengganti Tulisan Posting Lama Dan Posting Baru Dengan Judul Postingan . tanpa usah panjang lebar maka langsung saja kita ke inti permasalahan yaitu Cara Mengganti Tulisan Posting Lama Dan Posting Baru Dengan Judul Postingan. Dan berikut ini langkah-langkahnya.

1.Log in ke blogger.
2.Klik rancangan » edit HTML » centang kotak Expand Template Widget.
3.Cari kode </head> dan letakkan kode  dibawah ini di atas kode </head>.

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js"></script>

4.Save template anda.
5.Tinggalkan edit HTML dan menuju ke rancangan.
6.Klik tambah gadget » HTML/Java Script , terserah penempatannya mau dimana.
7.Masukkan kode dibawah ini pada kolom yang sudah disediakan.

<style type="text/css"> 
#blog-pager-newer-link {font-size:12px;width:200px;float:left; text-align:left;} 
#blog-pager-older-link {font-size:12px;width:200px;float:right; text-align:right;} 
</style> 
<script type="text/javascript">
$(document).ready(function(){ 
var olderLink = $("a.blog-pager-older-link").attr("href"); 
$("a.blog-pager-older-link").load(olderLink+" .post-title:first", function() { 
var olderLinkTitle = $("a.blog-pager-older-link").text(); 
$("a.blog-pager-older-link").text(olderLinkTitle + " >>");//rgt 
}); 
var newerLink = $("a.blog-pager-newer-link").attr("href"); 
$("a.blog-pager-newer-link").load(newerLink+" .post-title:first", function() { 
var newerLinkTitle = $("a.blog-pager-newer-link:first").text(); 
$("a.blog-pager-newer-link").text("<< " + newerLinkTitle); 
}); 
}); 
</script>

8.Save widget anda.

Cara Membuat Page Navigation Number

Cara Membuat Page Navigation Number. Sudah pernah melihat kan beberapa template yang menggunakan page navigation number pada templatenya. fungsi dari page navigation number ini adalah untuk menggantikan link posting lama atau posting baru yang ada pada bawah postingan halaman utama pada sebuah template. Dengan page navigation number ini pengunjung bisa bebas memilih halaman postingan keberapa yang ingin dibaca.






Page navigation number ini juga bisa dibilang memberikan kesan rapi dan indah pada blog kita, walaupun saya sendiri tidak menggunakannya. Tetapi jika ada sobat yang ingin menggunakan page navigation pada blognya, berikut ini saya berikan Cara Membuat Page Navigation Number Pada Blog.




1.Log in ke blogger.
2.Klik template » edit HTML » centang Expand Template Widget.
3.Cari kode ]]></b:skin> dan letakkan kode dibawah ini tepat di atasnya.

.showpageArea a {

text-decoration:underline;

}

.showpageNum a {

text-decoration:none;

border: 1px solid #cccccc;

margin:0 3px;

padding:3px;

}

.showpageNum a:hover {

border: 1px solid #cccccc;

background-color:#cccccc;

}

.showpagePoint {

color:#333;

text-decoration:none;

border: 1px solid #cccccc;

background: #cccccc;

margin:0 3px;

padding:3px;

}

.showpageOf {

text-decoration:none;

padding:3px;

margin: 0 3px 0 0;

}

.showpage a {

text-decoration:none;

border: 1px solid #cccccc;

padding:3px;

}

.showpage a:hover {

text-decoration:none;

}

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

text-decoration:none;

color:#333333;

}

4.Cari kode </body> dan letakkan kode dibawah ini tepat di atasnya.

<b:if cond='data:blog.pageType != &quot;item&quot;'>

<script type='text/javascript'>

var pageCount=5;

var displayPageNum=5;

var upPageWord =&#39;Previous&#39;;

var downPageWord =&#39;Next&#39;;

</script>

<script src='http://bdigg.googlecode.com/files/bdigg%20pagi.js' type='text/javascript'/>

</b:if>

Keterangan:
Jika anda ingin mengganti jumlah postingan yang akan ditampilkan pada setiap halaman silahkan ganti kode yang berwarna biru.
5.Cari kode data:label.url dan ganti kode itu dengan kode dibawah ini.

data:label.url + &quot;?&amp;max-results=5&quot;

Keterangan:
jika anda mengganti pagecount yang ada di langkah 4 anda juga harus mengganti kode yang berwarna biru sesuai kode yang berwarna biru yang anda ganti dilangkah ke 4.


6.Save Template anda.


Nah selesai sudah Cara Membuat Page Navigation Number Pada Blog mudah-mudahan artikel ini bisa bermanfaat bagi anda