Membuat Read More Dengan Image


Pada Blogger Blogspot, Sobat merasa beruntung karena, Blogger telah memberikan sepenuhnya untuk merubah Template  Edit HTML, termasuk edit latar belakang, gadget dll. Membuat Read More menggunakan image ini melalui edit HTML.

  • Masuk ke Blogger, klik Dashboars
  • Klik tombol Template Edit HTML

Adapun code  nya seperti ini:  Apabila sudah ketemu dan simpan di bawah code </head>

<script type=’text/javascript’> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src=’http://script-bamz-us.googlecode.com/files/read-moreotomatis.js&#8217; type=’text/javascript’/>

Selanjutnya copy lagi code berikutnya,  cari code yang seperti<p><data:post.body/></p> atau <data:post.body/>  lalu simpan lagi,  ganti salah satu code <p><data:post.body/></p> atau <data:post.body/>dengan code di bawah

<b:if cond=’data:blog.pageType != &quot;item&quot;’>
<div expr:id=’&quot;summary&quot; + data:post.id’><data:post.body/></div>
<script type=’text/javascript’>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class=’rmlink’ style=’float:right;padding-top:20px;’>
<a expr:href=’data:post.url’><img src=”https://readmoremyblog.files.wordpress.com/2012/05/snapshot_744.png“></img></a></span>
</b:if>
<b:if cond=’data:blog.pageType == &quot;item&quot;’><data:post.body/></b:if>

Catatan:

Untuk image, masukkan url image sobat png (https://readmoremyblog.files.wordpress.com/2012/05/snapshot_744.png)

Apabila Sobat ingin mengganti image “READ MORE” menjadi tulisan, maka code image, Sobat cukup mengganti code <img src=”https://readmoremyblog.files.wordpress.com/2012/05/snapshot_744.png”&gt; menjadi <Lanjutkan Bacanya> atau <Teruskan> dll.

Agar tidak ada kesalahan ketika edit HTML, jangan dulu klik  Save Template, klik Preview untuk memastikan aktif atau tidak.

Semoga berhasil dan dapat berguna untuk Sobat semua ,,,,,,,,,……

Tinggalkan komentar