Modifikasi Pada Link Home, New/Older Post

Oleh Ade Sanusi

7.30.2008

Bagikan :

Tweet

Duh susah banget nih buat judulnya aja ribet..... mudah mudahan aja penjelasanya gak ribet.... sering lihat kan di bawah blog suka ada tulisan (New Post/Posting lebih baru) (Home/Halaman Muka) dan (Older Post/Posting lama)....Nah sebalumnya saya dapat inspirasi dari blognya mas [ kendhin /http://trik-tips.blogspot.com/ ] yang dah jago dan berpengalaman... ya udah nih ikutin yah tutorialnya
Supaya lebih jelas silahkan lihat gambar di bawah ini:

Untuk versi Inggris

Untuk versi Indonesia


Itu adalah link ke/menuju artikel sebelumnya atau sesudahnya.... biar jals yah... ibaratnay gini deh...
saya punya 3 artikel di posting beda hari, yaitu hari Senin, Selasa, Rabu,


Nah sekarang misalnya saya baca artikel yang Selasa: jadinya jika di klik [OlderPost] nantinya menuju artikel Senin, dan jika di klik [New Post] maka yang tampil artikel hari Rabu

dah deh penjelasannya sekarang Lanjut deh Tutorialnya.... upz :D lupa nih... kalo yang Home adalah alamat utama blog kita... jangan lupa selalu mambackup dulu template kita yach... :)

Kode 1: <data:newerPageTitle/> untuk [ New Post/Posting Lebih Bau]
Kode 2: <data:olderPageTitle/> untuk [Older Post/Posting Lama]
Kode 3: <data:homeMsg/> untuk [Home/Halaman Utama]

Login di Blogger dan pilih [LayOut]-[Edit HTML] dan centang [Expan Widget templates] kemudian silahkan pilih nomor berapa yang akan di gunakan dibawah ini:

1] Menghilangkan Tampilan:

Untuk Menghilangkannya cukup dengan menghapus ketiga kode di atas..... jangan khawatir Insya Allah gak kenapa napa kok..... kalo ragu klik tombol [Preview dulu yach....]

2]Modifikasi

[ 2. 1 ] Mengganti Nama: tak kenal maka tak sayang.. he he... ganti aja kode di atas dan ganti sesuai selera misalnya [Home] diganti dengan [http://www.dunia-blogger.co.cc], [New Post] dengan [Artikel Sebelumnya lho....] dan begitu pula dengan [Older Post] sesuaikan dengan Selera teman teman..

[ 2. 2 ] Mengganti dengan Gambar: Supaya lebih menarik silahkan ganti kodenya dengan gambar... yang teman teman suka: untuk menggantinya dengan gambar, cukup mudah kok caranya hanya menghapus kode yang di berikan dan ganti dengan kode gambar:
<img src="http://i261.photobucket.com/albums/ii65/adephotobucket/next.gif"/>
silahkan ganti yang warna biru sesuai dengan gambar yang diinginkan.... url di atas adalah gambar untuk [Older Post] jika ingin menggunakan gambar seperti di [Dunia Blogger] nih urlnya:
http://i261.photobucket.com/albums/ii65/adephotobucket/home-1.gif untuk [Home]
http://i261.photobucket.com/albums/ii65/adephotobucket/previous.gif untuk [New Post]

[ 2. 3 ] Gambar dan Teks: kalo mau du duanya saya mah ah... !! bisa aja.... caranya pasang kode gambar di contoh [ 2.2 ] dan pasang Persis Sebelum atau Sesudah Contoh [ 2.1 ] duh jadi pusing nih.... ya dah nih contohnya: <img src="http://i261.photobucket.com/albums/ii65/adephotobucket/next.gif"/> Baca juga yah Artikel Berikutnya...!!!
dan jika berhasil nantinya kurang lebih seperti ini :

3] Kombinasi

Berikut kode Standarnya:

<b:if cond='data:olderPageUrl'>
<span id='blog-pager-older-link'>
<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
</span>

Kemudian saya Modifikasi/tambahkan menjadi seperti di bawah ini:

<span id='blog-pager-older-link'>
<table bgcolor='lime'>
<tr><td><img alt='Artikel lama' border='0' src='http://i261.photobucket.com/albums/ii65/adephotobucket/next.gif'/></td><td bgcolor='white' width='150'><marquee width='10px'><a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageUrl/></a></marquee></td></tr>
</table>
</span>

Silahkan kombinasikan dengan menggunakan kreatifitas yang teman-teman miliki, untuk meng kombinasikannya, Apa yang terjadi....? silahkan lihat di bawah ini:

saya ganti kode <data:olderPageTitle/> menjadi <data:olderPageUrl/> sehingga yang tampil adalah Url artikel bersangkutan: Ok sampai jumpa lagi yah di artikel berikutnya: :f :f

Ide Selanjutnya adalah menampilkan Judul artikel ( New/Older Post ) sehingga lebih simple dan kemungkinan aja pembaca tertarik.... he he... semoga idenya bisa terwujud.. Amin.... :;)

.

Tag : Tips and Trik