Cara Mengganti Link Older Post dan Newer Post Dengan Icon Gambar

Posted by Herman on Friday, February 20, 2009 43 comments

Secara default, setiap template blogger akan dilengkapi dengan link older post dan newer post yang masing-masing berfungsi untuk menampilkan postingan lama dan baru.

Nah agar tampilannya lebih menarik, anda bisa menggantinya dengan icon-icon mungil. Contohnya seperti gambar dibawah ini.


Menarik bukan? Klu anda tertarik silahkan ikuti langkah-langkah dibawah ini

1. Pada menu klik Design -> Edit HTML
2. Biar aman backup dulu template anda dengan klik Download Full Template
3. Beri tanda centang pada kotak "Expand Widget Template"
4. Lalu cari kode <data:olderPageTitle/>
5. Kalau sudah ketemu ganti kode tersebut dengan kode icon dibawah ini.


kode:

<img src="http://lh4.ggpht.com/_15FopxVONSo/TITygz08tQI/AAAAAAAAD6M/nmL88PQquYo/bt-right.png" border="0" >


kode:
<img src="http://lh4.ggpht.com/_15FopxVONSo/TITyhDNbKKI/AAAAAAAAD6U/NvIWpR7_R8c/forward2.png" border="0" />


kode:
<img src="http://lh3.ggpht.com/_15FopxVONSo/TITyhGpaSxI/AAAAAAAAD6Y/t5s8kZT6jtg/forward3.png" border="0" />


Kode:
<img src="http://lh5.ggpht.com/_15FopxVONSo/TITyhFs8Z7I/AAAAAAAAD6c/BFyS0qDHTlU/forward.png" border="0" />


Kode:
<img src="http://lh3.ggpht.com/_15FopxVONSo/TITyg7IbJoI/AAAAAAAAD6Q/_sp3PUvk5NU/forward1.png" border="0" />

6. Contohnya anda mau menggunakan icon maka ganti kodenya dengan <img src="http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/bt-right.png" border="0" />

7. Untuk mengganti link newer post. Cari kode <data:newerPageTitle/> lalu ganti dengan kode icon dibawah ini.


Kode:
<img src="http://lh4.ggpht.com/_15FopxVONSo/TITwof7uiXI/AAAAAAAAD6I/1Pl6ebsWVlA/bt-left.png" border="0" /></a>


Kode:
<img src="http://lh3.ggpht.com/_15FopxVONSo/TITwoCZSnNI/AAAAAAAAD58/lSn5BNQD2FE/back2.png" border="0" />


Kode:
<img src="http://lh5.ggpht.com/_15FopxVONSo/TITwoBzsieI/AAAAAAAAD6A/IQK3cgZUmTI/back3.png" border="0" />


Kode:
<img src="http://lh5.ggpht.com/_15FopxVONSo/TITwoUBXGuI/AAAAAAAAD6E/h2ohrsfFnYU/back.png" border="0" />


Kode:
<img src="http://lh5.ggpht.com/_15FopxVONSo/TITwoMZwuEI/AAAAAAAAD54/W3gOjE0_goA/back1.png" border="0" />
8. Sepertinya kurang maknyus jika tidak mengganti link home-nya. Ok, untuk mengganti link home cari kode <data:homeMsg/>. Biasanya ada 2 kode yang sama. Ganti kode yang pertama dengan kode icon dibawah ini.


Kode:
<img src="http://lh3.ggpht.com/_15FopxVONSo/TITzm6HzwUI/AAAAAAAAD6k/re9LjtZDsso/home2.png" border="0" />


Kode:
<img src="http://lh6.ggpht.com/_15FopxVONSo/TITznNXxKuI/AAAAAAAAD6s/ipjoHVfhtgI/home.png" border="0" />


Kode:
<img src="http://lh5.ggpht.com/_15FopxVONSo/TITzmjQGY5I/AAAAAAAAD6g/oSsJWw-BLXA/home1.png" border="0" />


Kode:
<img src="http://lh6.ggpht.com/_15FopxVONSo/TITzmyb6F5I/AAAAAAAAD6o/JE8YS65oxMk/home3.png" border="0" />
9. Setelah itu, klik Save Template.
10. Selesai. Silahkan klik View Blog untuk melihat hasilnya.

Untuk mendapatkan icon-icon cantik lainnya. Coba kunjungi http://www.iconarchive.com. Disana tersedia ribuan icon yang bisa anda download secara gratis.

Selamat mencoba..


Recent Posts:

43 comments

sindangheula said... 03 June, 2009
Thanks Bang Herman dah ngasih artikelnya, dan aku dah nyoba n berhasil, thanks yah
about computer said... 27 August, 2009
blog baru saya jadi tambah keren ni euy..!! coba cek di http://www.about-computer.co.cc
iya ngak.??
Angel Of Love said... 05 September, 2009
Thnx Ya ......
mufied said... 17 September, 2009
nice info sobb !!!

thnks for share !!!
f said... 20 October, 2009
behasilll~x(
ananda ganesha said... 28 October, 2009
makasih yaaa :))
AriE ONly said... 14 December, 2009
sulit amat y...dah nyoba beragam tutorial tp g bisa2 juga...piye iki...b-(
afiza said... 25 December, 2009
aku dah nyoba kuk tetep gag bisa yach...
jadi fucing...:((
Imam Yunanda Putra said... 12 January, 2010
makasih niih :D
blog 8.4 said... 23 February, 2010
gak bisa............!!!!!!!!
gak ada tulisan
Andre Leadsticker said... 18 March, 2010
apa semuanya ber-background putih?Apa ada yang transparan....
FanArshavin said... 30 April, 2010
thanks...

fanarshavin.com
ptresnap said... 20 November, 2010
kalo di ganti ma sebuah link bisa ngaa ?!
gan
Deris said... 03 February, 2011
Ini yang saya cari, akhirnya....
Sungguh bermanfaat!
محمد نور الإمام ألجوهرئ said... 05 March, 2011
Saya Juga Sudah Berhasil Nih
Horeeee ...
Maklum Saya Masih Pemula
silvaforestry.blogspot.com said... 25 April, 2011
gan kalo mau merubah ukuran kolom older post tu gimana? sebab main bar ku sudah aku ganti ukurannya
Everything™ZM said... 19 June, 2011
thanks sob atas info nya... sangat bermanfaat
! :)
Haryanti said... 04 July, 2011
trims...tapi bisa gak kalo pake picasa gan?
Borneo_Site said... 20 August, 2011
trims gan infonya,,menarik
MH Bayu Apriansyah said... 27 November, 2011
thank's ilmunya sob,,
kunjngi balik blog ane ea,,
sapa yg mw tuker link silahkan komntar di comment boh lab-handphone.blogspot.com
TRIK Pak Boerhan said... 30 November, 2011
terima kasih... ;;)
mp3 market said... 25 December, 2011
Gmana cara ganti title newer post, home, sama older post...

Tolong infonya
@erwincobain said... 03 January, 2012
maksih ya
Rimbarga said... 06 January, 2012
ok sobat... tanks banget infonya yg tidak banyak merubah kode HTML sdh saya terapkan.

Sukses sll utk sobat...
asalasah said... 10 January, 2012
Kereen kereeen.. sudah dipraktekkan :D. Thanks
Owner said... 04 February, 2012
Thx..gan bermanfaat sekali infonya..
erjy said... 23 February, 2012
work gan.!!
thanks banget info nya.
mampir gan http://erjycorp.blogspot.com
Yaumil Akbar Firdaus Blog's said... 05 March, 2012
gan minta izin y buat pasang di blog ana
tapi seblum dikasih izin ana udah pasang duluan, hehe


thank y .... keren ni :))
mang deni said... 12 March, 2012
share ilmu yang bermanfaat tak coba ke tkp, lsg praktek. makasih gan
Ally Amien said... 25 May, 2012
ada yg lebih simpel dan keren... dapatkan di blog ane gan..
ristian mochamad said... 03 June, 2012
sudah saya pasang gan dihttp://blinggoo.blogspot.com/
thaks ya
Oliver James said... 06 June, 2012
Mantap gang, saya sudah terapkan.
Caesario fajri ananda said... 28 June, 2012
:)):)];))
Caesario fajri ananda said... 29 June, 2012
kalo cara menghilangaknya gimana tuh ?
Wammy said... 04 July, 2012
Bagus banget cara ini
Irwan Syafei said... 16 July, 2012
gan kalo setiap saya pingin ganti older post dan new post baik yang angka sama yg ini terus2an galat kenapa ya gan??
tadi diblog saya yg satu lagi bisa...
kira2 masalahnya dimana ya???
Edotz Herjunot said... 08 August, 2012
terimakasih banyak ya bang herman ...
blog saya jadi tambah mantap ..
sukses nih :))
Tips Blogspot said... 09 August, 2012
terima kasih informasinya bermanfaat
™ Hacker Baturaja ™ said... 17 September, 2012
Wah mantap banget gan, sangat bermanfaat ?
izin CoPas dan setain sumbernya ;)

Visit Back: http://hacker-baturaja.blogspot.com/
Iqbal Dwisetiadani said... 23 September, 2012
Sebagai blogger pemula,Saya sudah mencoba nya dan ternyata bisa..
Artikel yang bagus :)

bisa mampir juga ke blog saya : iqbaldwis.blogspot.com

terima kasih :)
Ahmad Alifandi said... 26 October, 2012
Makasih Banyak, Walaupun Saya Bloggers Newbie. Dan hasilnya menabjubkan, Kunjungi Site saya : http://ilmucyber4rt.blogspot.com :)
akhmad syaikhu said... 12 November, 2012
mantab boss dah ane coba n berhasil
thx ya boss =)
http://infobhosz.blogspot.com
Dany said... 27 December, 2012
terima kasih atas infonya, coba dilihat blog ane gan > http://danyrahmana.blogspot.com/

:)) :)] ;)) ;;) :D ;) :p :(( :) :( :X =(( :-o :-/ :-* : 8-} ~x( :-t b-( :-L x( =))

Post a Comment