Tips dan Trik Blogger

Modifikasi Pada Link Home, New/Older Post

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.... :;)
.
11 Komentar untuk "Modifikasi Pada Link Home, New/Older Post"

Assalamu'alaikum....
wah...wah...wah...
jago bgt deh bos saya yg atu ni dlm mencari ide2 yg cemerlang n bgus bgt buat saya yg masih blum seberapanya...
ok deh,saya akan coba toturial yg mas buat ne,,,
semoga saya berhasil..amin...
terus berkat=rya ya mas ade....

Oh...ternyata dan ternyata saya adalah yg pertama mengisi form comment ini,alhamdulillah...
hehehehe

salam kompak selalu ya mas...
:D

alowww mas bagus thu mas artikelnya ;))

@adit_disini: ya, semakin banyak ide semakin abnyak juga kemungkinan hasil yang terbaik yang akan kita dapatkan... makasih yah dah mampir ;))

@Be_Vexs: Makasih dah bilang bagus... tapi di coba juga yah.... supaya nambah ide atau, suatu permasalahan....... :D

SipBB dehh.. he..he.. nanti saya cobain ya.. makasih.

@Frank:Semoga berhasil Boz....

@Firdaus a. : OK deh.... Selamat mencoba dan SemogaBerhasil.... Sip Selalu Buat Mas Firdaus...

thanks atas triknya..sudah berhasil.

mantabh nie... trik2 nya....http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif
http://us.i1.yimg.com/us.yimg.com/i/mesg/emoticons7/3.gif

mas, kok dihapus malah ga bisa ya? error.. kira-kira apa yang salah ya?
(saya mau menghilangkan tulisan older newer tersebut)
makasih mas..

Mas kalau ingin mengganti tulisan older post dengan judul postingan, gimana caranya mas? jadi nanti yang muncul bukan gambar atau tulisan biasa, tapi judul postingannya. Terimakasih banyak. Salam Sukses.

thanks, for your info, you must visit back, he,he

Terima Kasih telah Mengunjungi Blog ini dan Silahkan tinggalkan Komentar Anda...

Back To Top