Wednesday, July 29, 2015

Mengubah Tulisan Read More Menjadi Gambar



Hai reader(s)..
Lagi lagi aku akan share tutorial nih.
Kali ini aku mau kasih tau cara change readmore to image.
Seperti gambar di atas!
Yuk langsung saja follow me step by step.

 Login ke akun blog kamu atau klik disini!
 Dashboard > Template > Edit HTML
 Cari kode di bawah ini dengan menggunakan CTRL+F
<b:if cond='data:post.hasJumpLink'>
 Di bawahnya kan pasti ada kode seperti ini
<b:if cond='data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a></div>
</b:if>
 Gantikan kode yang di bold dengan kode di bawah ini!
<img src='URL GAMBAR READ MORE'/>
 Maka akan terlihat seperti di bawah ini!
<b:if cond='data:post.hasJumpLink'> <div class='jump-link'>
<a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><img src='URL GAMBAR READ MORE'/></a></div>
</b:if>
 Save dan lihat hasilnya!
[sumber: Tiara]

note:
Ini aku share beberapa button read more!
http://1.bp.blogspot.com/-xSw51rFvHWE/Vbii3xJB0RI/AAAAAAAACKM/kCp73763LX8/s1600/readmore1.gif
http://3.bp.blogspot.com/-A4Q5sCGz0KI/Vbii42bDshI/AAAAAAAACKc/0jx2p0C_jOE/s1600/readmore2.png
http://1.bp.blogspot.com/-XORpguGaK6E/Vbii4RoWx2I/AAAAAAAACKQ/_cntpWckMK4/s1600/readmore3.png
http://3.bp.blogspot.com/-l4_4MwcLNYI/VbijovcphoI/AAAAAAAACKk/gfQLDsX4dSg/s1600/readmore4.png
http://4.bp.blogspot.com/-uwDIEtr0ec8/VbijpOAUsOI/AAAAAAAACKo/1TQLCamSDRg/s1600/readmore5.png
Mau lebih cute, silahkan edit sendiri dari photoshop yaa 

SELAMAT MENCOBA!

Terimakasih sudah membaca , Tinggalkan komentarnya juga ya

5 comments:

-Mohon berikan komentar anda dengan menggunakan bahasa yang sopan.
-Jika ingin repost, silahkan cantumkan namaku dan link blogku.

Related Posts Plugin for WordPress, Blogger...
 
This Blog Are Protected By Me . DO NOT OPEN MY PAGESOURCE . Designed by -Nur Irdina Zakaria- and Re-Designed by -DILA AZHARI-
...