Cara Menciptakan Postingan Usang Dan Postingan Gres Blogger Menjadi Judul Artikel

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

*Maaf jikalau gambarnya kurang jelas"

Untuk cara membuatnya aku memiliki 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 usang ataupun posting gres dengan judul artikel dihompage maupun di artikelpage, silahkan masuk ke sajian eit html nya.

1. Copy instruksi 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/j4vascript'/>
<script src='http://biroelangiet.googlecode.com/files/blogpager.js' type='text/j4vascript'/>

 *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 yakni mengubah blogpagernya dengan nama judul artikel hanya jikalau berada di page artikel, jadi tampilan dihompage untuk blogpagernya default.
Cukup copykan instruksi 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/j4vascript'/>
<script src='http://biroelangiet.googlecode.com/files/blogpager.js' type='text/j4vascript'/>
</b:if>

Simpan template

Semoga Bermanfaat :)
 

Sumber http://nandarious.blogspot.com