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

Related

Tutorial Blog 4617541915390814431

Post a Comment

  1. https://lh4.googleusercontent.com/-IvNFZtzJJYI/T2WEcDj-0NI/AAAAAAAACbM/kiqtHbdkarQ/s36/19.gif

    ReplyDelete
  2. wah makin mantab aja ya mas :)

    ReplyDelete
  3. kunjungan pertama gan (o) nyerasa kayak di blog MKR.

    ReplyDelete
    Replies
    1. oke gan :) ini bukan blog MKR gan :D wkwkw

      Delete

Terimakasih telah membaca artikel di atas. Silahkan berkomentar dengan sopan.

emo-but-icon

Side Ads

Facebook

Adv

item