Cara Membuat ReadMore Otomatis Dengan Gambar Ataupun Tulisan

Cara Membuat Read More Otomatis Dengan Gambar Ataupun Tulisan

Kenapa Dijudulnya ada Tulisan "Dengan Gambar Ataupun Tulisan"
Karena banyak Sekali para blogger yang ingin membuat readmore dengan gambar terus nyari tutorialnya di google malah ketemunya cuma yangmembuat readmore dengan tulisan. makanya sekarang saya kasih solusinya. Oke tidak usah terlalu banyak lagi penjelasannya  lagi sudah jelas kan. Kita mulai langsung saja yah.

1. Tentunya Anda harus login Dulu Ke Blogger.
2. Masuk Ke Dasbhoard > Rancangan > Template > Edit HTML
3. Centang Expand Template Widget
4. Lalu Cari Kode </head>  CTRL F Untuk Memudahkan Pencarian
5. Selanjutnya Copy Pastekan Kode Dibawah Ini Tepat Diatas kode </head>

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 320;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 100;
</script>
<script src='https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js' type='text/javascript'/>

Keterangan:
Summary_noimg: Banyaknya Karakter Yang muncul Tidak Ada Gambarnya
Summary_img: Banyaknya Karakter Yang Muncul jika terdapat gambar
img_thumb_height: Tinggi Gambar ThumbNail
img_thumb_width: Lebar Gambar Thumbnail

6. Lalu Cari Kode <data:post.body/>
Biasanya ditemukan 3 kode maka gunakanlah yang 2.

7. Kemudian Ganti Kode  <data:post.body/> dengan kode dibawah ini

<!-- Read More Otomatis Oleh http://fahrie97.blogspot.com- Start -->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
<data:post.body/>
<b:else/>
<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>
<a class='more' expr:href='data:post.url'>Read More</a>
</b:if>
</b:if>
<!-- Read More Otomatis Oleh http://Fahrie97.blogspot.com- End -->

8. Ganti Tulisan Read More Dengan tulisan yang anda inginkan Seperti
Baca Selengkapanya, Lanjukan Membaca, Lanjut Kang Dan lain-lain.

9. Untuk Mengganti Tulisan tersebut Menggunakan gambar anda hanya tinggal mengganti Tulisan Read More dengan kode Berikut

<img src="http://i45.tinypic.com/29cax07.png"/>

Ganti URL yang berwarna merah dengan gambar yang anda inginkan.
Tetapi sebelumnya Anda harus mengupload terlebih dahulu gambar anda di situs hosting gambar.

10. Simpan template Atau Klik Pratinjau

Akhirnya selesai juga postingan tentang Cara Membuat Read More Otomatis Dengan Gambar Ataupun Tulisan, Semoga Artikelini berguna untuk kalian semua yang membaca artikel ini. Terimakasih telah berunjung jangan lupa tinggalkan komentar anda .