Cara Mudah Membuat Read More Bergambar

Cara Mudah Membuat Read More Bergambar | Modifikasi blog memanglah sulit-sulit mudah, tapi tak ada kata sulit bagi orang orang yang mau berusaha dan serius. Salah satu dalam memodifikasi blog agar kelihatan rapid an enak untuk dipandang adalah dengan cara kita membuat Read More di Blog yang kita miliki.

Read More atau baca selengkapnya memanglah sangat diperlukan untuk mendesain agar blog yang kita miliki terlihat lebih rap idan bagus. Nah pada kesempatan kali ini kita akan membahas bagaimana Cara Membuat Read More tersebut. Berikut dibawah ini adalah langkah-langkahnya :

• Login ke akun blogger
• Kemudian agan-agan pilih menu Template, kemudian pilih Edit Html
• Untuk yang masih belajar Edit HTML saya sarankan untuk membackup template agan-agan sebelum memulai proses pengeditan
• Setelah itu agan-agan cari kode </head> 
• Setelah agan-agan menemukan kode </head>, masukkan kode dibawah ini tepat dibawah kode </head>

<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ;summary_noimg = 450; summary_img = 360; img_thumb_height = 110; img_thumb_width = 130; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>

• Setelah itu agan-agan carilah kode <data:post.body/>
• Jika agan-agan menemukan 2 kode <data:post.body/>, pilih kode <data:post.body/> yang pertama
• Kemudian anda ganti kode <data:post.body/>  dengan kode dibawah ini :

<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 alt="Baca Selengkapnya" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisTUZG5KHFtfPZ-DQnbtTtcoSKc3s4wJDxbHwUioB7iokEaE_Mx-DWczqZPA5kSoUm3ab6l2alEWF9IzRMNcpVzpWDBJNj5bf0iqrbsvTtWz3QU6X5p2_3DM75CzRrXCxpFBkeiBsAgQg/s1600/ReadMore.jpg"/></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Yang terakhir jangan lupa simpan Template dan lihat hasilnya

Keterangan :

1. summary_noimg = 450 : adalah untuk menampilkan jumlah karakter tanpa gambar
2. summary_img = 360 : adalah untuk menampilkan jumlah karakter dengan gambar
3. https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisTUZG5KHFtfPZ-DQnbtTtcoSKc3s4wJDxbHwUioB7iokEaE_Mx-DWczqZPA5kSoUm3ab6l2alEWF9IzRMNcpVzpWDBJNj5bf0iqrbsvTtWz3QU6X5p2_3DM75CzRrXCxpFBkeiBsAgQg/s1600/ReadMore.jpg : Url Gambar Read More, agan-agan bisa mengganti URL ini dengan gambar URL Read More yang agan-agan sukai

Demikianlah tadi Cara Mudah Membuat Read More Bergambar mudah-mudahan bisa membantu agan-agan semuanya. Terimakasih