Merubah Posting Lama dan Baru Menjadi Gambar

[Show]

Begini ceritanya saya punya temen si Mas Doyok saya lihat blog dia dibawah postinganya ada gambar tanda panahnya kekiri untuk Postingan terbaru yang ke kanan untuk postingan yang lama tapi bingung punya bingung saya cari sendiri caranya eh ketemu juga.dan artikel ini hasil dari gabungan punya Mas A'AN kebeneran mas A'An kode scriptnya ada yang salah. khusus di artikel kode yang paliiiiing bawah dia mungkin salah kode jadi kalo saya save html nya gagal maning - gagal maning.nah akhirnya saya ralat sendiri he he he....

Insya Allah yang saya rangkum ini Bisa menghasilkan yang sempurnya tanks mas A'an dan Mas Doyok.

Cara merubah posting lama atau older posts dan home maupun posting lebih baru atau newer posts menjadi gambar.Caranya di bawah ini :

Seperti Gambar di atas caranya sebagai berikut :

# Masuk BLOGGER Anda
# Dashboard/dabor
# Layout/tata letak
# Edit HTML

Teruz jangan lupa Expand Template Widget di centang seperti gambar di bawah ini :

Untuk menganti posting lama atau older posts menjadi gambar caranya di bawah ini :

Cari code di bawah ini :



<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> â��


kalau sudah ketemu kemudian cari icon-icon contohnya seperti disini, kalau tidak coba mampir kesini, atau anda cari saja sendiri di GOOGLE atau yang lainya.

kalau sudah dapat icon mana yang cocok dengan selera anda kemudian ganti codeny seperti di bawah ini :



<a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + "_blog-pager-older-link"' expr:title='data:olderPageTitle'><img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/forward3.png'/>
</a>


yang berwana Biru bisa di ganti dengan code icon pilihan anda.

kemudian simpan.

kalau sudah selesai contohnya seperti dibawah ini :

Kemudian untuk mengganti halaman muka atau home seperti gambar.

Untuk menganti halaman muka atau home menjadi gambar caranya di bawah ini :

cari code di bawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
</b:if>

kalau sudah dapat kodenya kemudian ganti dengan di bawah ini :

<b:if cond='data:blog.homepageUrl != data:blog.url'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/home2.png'/>
</a>
<b:else/>
<b:if cond='data:newerPageUrl'>
<a class='home-link' expr:href='data:blog.homepageUrl'><img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/home2.png'/>
</a>
</b:if>

yang berwana Biru bisa di ganti dengan code icon pilihan anda.

Kemudian untuk mengati posting lebih baru atau newer posts menjadi gambar

Untuk menganti posting lebih baru atau newer posts menjadi gambar caranya di bawah ini :

sekarang Cari Code di bawah ini :

<b:if cond='data:newerPageUrl'>



â�� <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>



</b:if>

kalau sudah dapat codenya ganti dengan di bawah ini :

<b:if cond='data:newerPageUrl'>

<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://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/back3.png'/>
</a>

yang berwana biru bisa di ganti dengan code icon pilihan anda.

Kalau sudah selesai jadinya seperti gambar dibawah ini :