Cara Buat Read More Otomatis Bergambar

 

Saya berniat akan memberikan sedikit info tapi bermanfaat tentang blog tutorial yaitu tentang readmore bergambar .Langsung saja ya. Kita akan membahan tentang read more.Karena banyak nya postingan. Sehingga blog kita tidak efektif, karena panjangnya

setiap postingan...,,??

Mungkin kita bisa memberi read more otomatis. Kita akan membahas tentang readmore yang menggunakan gambar.





Berikut langkahnya..

1. Log in blogger.com

2. Dasbor > tata letak > edit HTML

3. Centang Expand Template Widget

4. Lalu cari kode <data:post.body/> , biar lebih cepat tekan ctrl+f

5. Ganti kode tersebut dengan kode di bawah ini..







readmore otomatis dengan gambar :

<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'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEionBkkN0OCD61_BJeeGVFzZgu-aNA6v99jN6JJwsxBXhKWCzbQ9UNbjgUOqNVMu54vKZg4km2CBn-vRLnWHiO6FBiLacku3FYsdaiMSKEQen6D04zCvCYKKsJBnh1_ZEszxCwyQaVv46qt/'/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>





Read more otomatis dengan gambar :

<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'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgzK7I8jOmdV1bvgvHla_EwVZ5psVpSfjd-TGfhCnBv9TcrzNd7ZbkxS20Mf9GWG4ixZ5EIC40hGvR6FkaIIzbHJgnwc56f3f6Sa41Ome_RzJkZDF5fODKkd4EJISV701srlAKNWQsohEo/s1600/readmore.gif'/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>





Read more otomatis dengan gambar :

<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'><a expr:href='data:post.url'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyFnzttOtEHRS1-VVQ0ApXwkKLh-2e9966UeU8Q0n3HaylKoBpKMgf3c1-KIUwbJAax77UDSZZYwh7rUP5CMnGjYbPJnA2FdwKvJqWs7LHHVA53kwLaiCDWAsAFiWIpRfHu6aDl4d_MI8/s320/a1ifte.png'/></a></span>

</b:if>

<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>



6 Simpan template......



Semoga berhasil ya gan,, ane dah nyobak kok,,