Cara Membuat Postingan Lama Dan Postingan Baru Blogger Menjadi Judul Artikel

Assalamu'alaikum blogger? Kali ini saya akan berbagi tips lagi nih. yaitu Cara Membuat Postingan Lama Dan Postingan Baru Blogger Menjadi Judul Artikel. udah tahukah ? bagi yang belum tau ini Screenshotnya :

*Maaf jika gambarnya kurang jelas"

Untuk cara membuatnya saya mempunyai dua Opsi :

1. Mengganti blogpagernya dihompage dan di artikelpage
2. Menggantinya hanya di artikel page nya saja, dihomepage tetap default(bawaan blogger).

• Opsi Satu

Kita mulai dengan Pilihan yang pertama, mengganti Navigasi petunjuk posting lama ataupun posting baru dengan judul artikel dihompage maupun di artikelpage, silahkan masuk ke menu eit html nya.

1. Copy kode dibawah ini dan simpan diatas kode ]]></b:skin> :

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

*Untuk width atau lebarnya sesuaikan dengan template anda.

2. Simpan script jquery ini dibawah kode </head>:

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
<script src='http://biroelangiet.googlecode.com/files/blogpager.js' type='text/javascript'/>

 *Note : Jika diblog anda sudah terpasang script jquery, copy script diatas yang warna biru saja.

3. Simpan tempate

• Opsi Dua

Berikutnya kita mulai untuk Pilihan Yang Kedua yaitu mengubah blogpagernya dengan nama judul artikel hanya jika berada di page artikel, jadi tampilan dihompage untuk blogpagernya default.
Cukup copykan kode dibawah ini dibawah kode </head>:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#blog-pager-newer-link {font-size:12px;width:300px;float:left; text-align:left;}
#blog-pager-older-link {font-size:12px;width:300px;float:right; text-align:right;}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
<script src='http://biroelangiet.googlecode.com/files/blogpager.js' type='text/javascript'/>
</b:if>

Simpan template

Semoga Bermanfaat :)