Powered By Blogger

Jumat, 29 April 2011

cara membuat icon/gambar

Ini berhubungan dengan blog saya, saya pikir ketika kamu melihat kebawah dan berkata bagus atau semacamnya terlihat gambar yang menuju ke postingan lama, agar kamu gak binggung ini saya berbagi pengetahuan ya, silahkan dibaca dengan seksama ya.
Cara merubah posting lama atau older posts dan home maupun posting lebih baru atau newer posts menjadi gambar. Caranya di bawah ini :

Cara membuat icon/gambar
1. Login ke blogger
2. Pilih Rancangan
3. Klik Edit HTML
4. Centang Expand Template Widget
5. Cari kode berikut 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 banget anda cari saja sendiri di Google atau yang lainya.
Kalau sudah dapat icon mana yang cocok dengan selera anda kemudian ganti codenya 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 berwarna merah bisa di ganti dengan code icon pilihan anda sendri.
6. Simpan jika sudah selesai
Lihat hasilnya dulu baru memulai lagi
Kemudian sekarang kita akan melanjutkan dengan membuat icon home atau halaman muka
1. Cari kode berikut 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 berwarna merah bisa di ganti dengan code icon pilihan anda sendri.
2. Simpan jika sudah selesai
Lihat hasilnya dulu baru memulai lagi selanjutnya
Kemudian sekarang kita akan melanjutkan dengan membuat icon newer posts atau posting lebih baru
1. Cari kode berikut 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 kodenya kemudian 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 berwarna merah bisa di ganti dengan code icon pilihan anda sendri.
Selamat mencoba kawan, semoga berhasil
Sekarang tinggal memberi komentar ya.

0 komentar:

Posting Komentar