membuat alertpay dan memferivikasinya: Cara Memasang Read More Otomatis plus Gambar di Blogspot v2

Cara Memasang Read More Otomatis plus Gambar di Blogspot v2

Read more otomatis berfungsi untuk meringkas artikel postingan yang terdapat pada homepage atau halaman utama blog.

Fitur Read More otomatis ini dilengkapi dengan gambar dan dapat mengatur jumlah karakter yang muncul pada homepage. Dengan menggunakan fitur Read More Otomatis jumlah karakter pada homepage tidak akan fullpost dan tidak akan memakan banyak tempat pada template, jika Template Blogspot kalian belum dilengkapi denga fitur Read More Otomatis, kalian dapat menggunakan script Read More Otomatis ini dengan mudah dan gratis.

Cara Menyisipkan Read More Otomatis pada Template Blogspot:

-->Login ke Blogger Anda
--> Pada Dashboard Pilih Template dan Edit beri centang HTMLExpand Template Widget

--> Centang Expand Template Widget, selanjutnya silahkan cari kode di bawah ini (Ctrl+F)

</head>

--> Letakan script di bawah ini sebelum kode di atas,

<script type='text/javascript'>
var thumbnail_mode = "no-float" ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script type='text/javascript' src='http://bloggerblogwidgets.googlecode.com/files/auto_readmore_blogger.js' ></script>

simpan dulu

Keterangan:
summary_noimg = 430; : Jumlah Karakter jika tidak memiliki Gambar / Thumbnail summary_img = 340; : Jumlah Karakter jika memiliki Gambar / Thumbnail img_thumb_height = 100; : Tinggi Gambar / Thumbnail. img_thumb_width = 120; : Lebar Gambar / Thumbnail.

--> Selanjutnya, silahkan cari kode di bawah ini,

<data:post.body/>

--> Selanjutnya hapus kode tersebut lalu ganti dengan kode di bawah ini,

<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
<b:else/>
<div expr:id='"summary" + data:post.id'>
<data:post.body/>
</div>
<script type='text/javascript'>
createSummaryAndThumb("summary<data:post.id/>");
</script>
<div style='clear: both;'/>
<span class='rmlink' style='font-weight:bold;padding:5px;float:right;text-align:right;'><a expr:href='data:post.url' ><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGZCbXbQlwy8wdsjPBLZE4G2EYoXEVbQOaS-RgZhIsTUkkSuxzpAjv7Q3IYxHqeg3arCOcSXwEK3pwYUu1jkXRd740QVx4YawDVxbnwM3YEmZQrlfYa-cYdt2v0bu_CWzbEeUC4fQK2rjC/s1600/blue.png" /></a></span>
</b:if>
</b:if>