Cara Mengganti Tulisan Posting Lama Dan Posting Baru Dengan Icon/Gambar

jika belum jelas baca lagi,, atau bisa tanyakan pada saya yang masih newbie ini insya allah saya bantu..

engganti tulisan home –> older Post –> newer post atau tulisan postingan baru –> halaman muka –> postingan lama jika menggunakan bahasa indonesia blogger anda. atau biasa disebut dengan blog page link atau ringkasan adalah cara mengganti blog pager link dengan icon



Ok saya coba kasih petunjuk jika belum tahu dimana letak tulisan home, newer post, older post atau blog pager link ini.. letaknya pada halaman bawah blog anda, atau coba anda lihat gambar dibawah ini
blog pager link sebelum diganti icon

blog pager link setelah diganti icon

Tampil Lebih keren kan jadinya… blog pager link setelah diganti icon.. untuk tau caranya.. ikutin jalan setapak berikut ini hazah,,..
1. login blogger –> tata letak –> edit html –> centang expand widget template

2. cari kode dibawah ini

<span id=’blog-pager-newer-link’>

<a class=’blog-pager-newer-link’ expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-newer-link”‘ expr:title=’data:newerPageTitle’><data:newerPageTitle/></a>

</span>

</b:if>
<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 + “_blog-pager-older-link”‘ expr:title=’data:olderPageTitle’><data:olderPageTitle/></a>

</span>

</b:if>
<b:if cond=’data:blog.homepageUrl != data:blog.url’>

<a class=’home-link’ expr:href=’data:blog.homepageUrl’><data:homeMsg/></a>

<b:else/>

Fokuskan pada kode yang saya beri warna kuning kalo gak salah maap agak error kalo bedain warna.. he,,.
– data:newerPageTitle = posting baru

– data:olderPageTitle = Posting Lama

– data:homeMsg = Home (halaman Muka)
3. upload icon yang akan digunakan untuk mengganti ketiga kode tersebut.. berrti minimal anda harus upload tiga icon buat mengganti blog pager link ini
ganti kode yang saya beri warna kuning diatas dengan kode dibawah ini dan sesuaikan untuk yang home, older post atau newer post

<img src=’http://URL Hasil Uploadtan Gambar Anda‘/>

Contoh kode blog pager link akan menjadi seperti ini :
<span id=’blog-pager-newer-link’>

<a class=’blog-pager-newer-link’ expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + “_blog-pager-newer-link”‘ expr:title=’data:newerPageTitle’><img src="http://i580.photobucket.com/albums/ss241/nobhita/forward.png’/></a>

</span>

</b:if>
dan begitu pula dengan yang older post dan home ganti dgn url link uploadtan anda..



Tapi Jika anda tidak mau repot2 upload langsung aja ganti semua kode yang saya blokquote diatas dengan kode didalam spoiler ini klik show n copas terus replace kode blog pager link yang saya blockquote diatas smua

Judul Spoiler Anda

<span id=’blog-pager-newer-link’>

<a class=’blog-pager-newer-link’ expr:href=’data:newerPageUrl’ expr:id=’data:widget.instanceId + &quot;_blog-pager-newer-link&quot;’ expr:title=’data:newerPageTitle’><img border=’0′ src=’http://i580.photobucket.com/albums/ss241/nobhita/back.png’/></a>

</span>

</b:if> <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’><img border=’0′ src=’http://i580.photobucket.com/albums/ss241/nobhita/next.png’/></a>

</span>

</b:if>
<b:if cond=’data:blog.homepageUrl != data:blog.url’>

<a class=’home-link’ expr:href=’data:blog.homepageUrl’><img border=’0′ src=’http://i580.photobucket.com/albums/ss241/nobhita/home.jpg’/></a>

<b:else/>

Socializer Widget By Blogger Yard

SOCIALIZE IT →

Tweet

FOLLOW US →

SHARE IT →