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 Balasan

Please log in using one of these methods to post your comment:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s