27 September 2011

Read More dengan Gambar

Do you want to share?

Do you like this story?

Link Read More yang berupa text/tulisan jika kita lihat semakin lama semakin membosankan.Untuk menghilangkan kebosanan tersebut,kita bisa mengganti link Read More dengan Gambar.
Cara mengganti link read more dengan gambar tergolong cukup mudah.

Blog saya ini juga sudah saya ganti link Read More dengan gambar/icon.Dulu saya juga mondar-mandir keluar masuk blog teman untuk mendapat ilmu ini. Nah jika sobat juga pengen merubah link Read More dengan gambar,sobat bisa terapkan langkah-langkah berikut.

Langkah-langkah mengganti link read more dengan gambar
- Login di Blogger.com
- Pada Dashboard pilih Template > Edit HTML > Lanjutkan > centrang Expand Widget Template
- Cari kode dibawah menggunakan Ctrl + F(find):
<b:if cond='data:blog.pageType != &quot;item&quot;'&gt;
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:left'><a expr:href='data:post.url'>READ MORE</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

- Ganti kode yang berwarna merah dengan kode ini:
<a expr:href='data:post.url'><img src=' URL gambar Read More blog Anda '/></a>

Anda juga dapat menggunakan gambar yang telah saya sediakan berikut,silahkan pilih salah satu:


» https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYcpiFoXJraD4sHUV9L5zP8AXfOjMR_coLTXPQeOCW_yJ7KFngmzQxCT5ftYlR43LWEkGwuSrLVGE36aRUJiRvtZaF0MApXbAl89pN9qgklysu-l4247tT7ro6JBRHoJyIv6b48h8Jels/s1600/readmore.gif

» https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbj8Gu0QAM8g_AB6aKprZE7DpH_JBQ-eiEtaq6tEO_iHpksN8BqfzMGto0H1ZASTH53afAaZZNbsJmIcuewhVIkNXr_FjkqdyK6EGViBIhFO7VNTdbqBEcpEklmALMoyg6erICD22SpP8/s1600/more+button.gif

» https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjtb6hknd6gelJfsjoSesej6i95GXJf7uDb2VdGAcBVuyOYYrrUP9_pCWmPHwnmIfxPatj2pJexBQ0JOy3e5Me0YGdzULAf-EDRBksqzNH7FmPJu5JGc00oIda9vUnUGAx1ib4U9SMDyVY/s1600/readmore.png

» https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgPhiAZrHZUwYuML7MiVJCJX6zbK4ZUr5okXcOgUuWkznFUUIqXGb56hc-VpmNPQSjq1Z6n5XdWWyfFK3wbxgWNov0N1cwAYkmi91cilrpaxK16jM8BKlNEUSNjzamnCQAlscA0YezveDU/s1600/read+more+arrow.png

- Klik Pratinjau. Bagaimana hasilnya? Jika berhasil klik tombol Simpan

ARTIKEL TERKAIT :

3 komentar :

SILAHKAN TULIS KOMENTAR ANDA, DENGAN CATATAN :
* Komentator "Anonymous" tidak diprioritas-kan, jadi gunakan salah satu Profile untuk respon lebih cepat
* Jika anda tidak memiliki akun Google anda bisa gunakan Name/URL
   - isi Name dengan Nama Anda
   - isi URL dengan link/url profile Facebook Anda atau Twitter Anda atau yang lainnya
* Mohon jangan menyisipkan Link Hidup..!!!
* Please do not insert Live Links ....!!!

Advertisements

Advertisements

 

Read More dengan Gambar Oops ! | Error 404