12/16/2009

Cara Bikin atau merubah kata Posting lama menjadi icon

ini berhubungan dengan blog saya, saya pikir ketika kamu/ anda/ saudara/ saudari melihat kebawah dan berkata bagus atau semacamnya ttg gambar yang menuju ke postingan lama, agar kamu gak binggung ini saya berbagi pengetahuan ya, silahkan dibaca dgn seksama !!!

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

pertama masuk ke BLOGGER
ke-dua otomatis akan masuk dasbor/ dashboard
ke-tiga pilih layout/ Tata letak
ke-empat pilih EDIT HTML
ke-lima Teruz jangan lupa Expand Template Widget di centang seperti gambar di bawah ini :




biasanya 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 yang lebih gampang bgt 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 bagian huruf tebal 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 bagian huruf tebal 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 :



Cari 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 bagian huruf ditebalin bisa di ganti dengan code icon pilihan anda.

Kalau sudah selesai jadinya seperti gambar dibawah ini :



SELAMAT MENCOBA, SEMOGA BERHASIL.

Bagi kamu/ anda/ saudara/ saudari yang belum mengerti atau gak bisa, bisa koment dibawah ini, dan saya siap membantu anda.


Read in Another Language : by

Share

Related Post:

3 komentar:

Gotblogger mengatakan...

Wah Nice Posting kawan ^^ BTw, keep semangat

maspeypah mengatakan...

thnx bro infonya ...

sagoeba mengatakan...

aduh masi bingung..

Dapatkan Buku Tamu Seperti Ini di
 

© Copyright by Belajar Blog Yuk. . . | Template by BloggerTemplates | Blog Trick at Blog-HowToTricks