Cara Merubah Posting Lama Menjadi Gambar

Cara Merubah Posting Lama Menjadi Gambar, Dalam Posting yang kemarin yang sudah di tulis cara hack joomla 1.5, kali ini saya akan membahas tentang cara merubah posting lama menjadi gambar, Dan setelah sekian lama aku tidak memposting lagi tentang Tutorial Blog atau Tips Trik tentang BLOG karena di sibukan blog baru aku yaitu Blog Musik.Oke deh langsung aja begini caranya....

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 :


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


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 :

<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'><img src='http://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/forward3.png'/>
</a>
</span>

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

kemudian simpan.

kalau sudah selesai contohnya seperti dibawah ini :



Kemudian untuk mengati 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 hijau 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 :



Cara Code di bawah ini :

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

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

kalau sudah dapat codenya ganti dengan di bawah ini :

< b:if cond='data:newerPageUrl'>
< 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://i37.photobucket.com/albums/e74/mrphoto16/herman%20blog%20icon/back3.png'/>< /a>
< /span>
< /b:if>



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

Kalau sudah selesai jadinya seperti gambar dibawah ini :

*SELAMAT MENCOBA*