News Ticker

Menu

Cara Membuat Auto-Readmore pada Blog

Selamat siang sobat TammamBlog, pada kesempatan kali ini TammamBlog mau share tutorial blogger. Gimana caranya membuat Auto Readmore pada blog. Auto Readmore adalah script unik yang berfungsi untuk menampilkan sebagian postingan di beranda. Jadi pengunjung blog tidak harus melakukan scroll kebawah terlalu banyak karena postingan kita yang panjang. Tentu ini akan mempermudah pengunjung blog. Karena dapat melihat seisi blog dengan cepat dan tidak memakan waktu.
Bagaimana ? sudah mengerti kan maksud ulasan diatas. jika sudah mari kita mulai memasang script pada blog. ikuti langkah-langkah di bawah ini.
  • Pertama login dulu di akun blogger kalian
  • Kemudian masuk ke menu Template
  • Kemudian pilih Edit HTML
  • Centang Expand Widget Template
  • Kemudian masukkan script dibawah ini diatas tag </html>
<script type='text/javascript'>var thumbnail_mode=&quot;;
float&quot;
summary_noimg=230;
summary_img=140;
img_thumb_height=100;
img_width=100;
</script>
<script src='http://thegustammfiles.tk/Script/readmore-otomatis.js' type='text/javascript'/> 

  • Selanjutnya cari tag <data:post.body/>
  • Kemudian ganti <data:post.body/> dengan script dibawah ini
  • <b:if cond='data:blog.pageType == "item"'>
    <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 style='padding-top:5px;;float:right;text-
    align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read more >></b></a></span> </b:if>

ubah poinnya guna mengatur jarak anara tulisan diatas readmore.

Pada tulisan berwarna hijau adalah posisi tulisan readmore, Anda dapat merubahnya dengan right, center, dan sebagainya.

Sedangkan pada tulisan readmore>>, Anda dapat menggantinya sesuai kebutuhan Sekian dulu tutorial blogging dari TammamBlog, semoga bisa bermanfaat.

Share This:

Post Tags:

Gusti Tammam

Blogger paling malas !
Terimakasih sudah berkunjung di blog Saya, sebelumnya maaf jika blog ini terkesan berantakan. Seperti yang Saya bilang, Saya blogger yang malas. Namun Saya masih punya harapan, semoga tulisan-tulisan Saya ini bisa bermanfaat untuk Anda para pengunjung.

No Comment to " Cara Membuat Auto-Readmore pada Blog "

Sampaikan pendapat atau pertanyaan Anda di kotak komentar berikut

  • To add an Emoticons Show Icons
  • To add code Use [pre]code here[/pre]
  • To add an Image Use [img]IMAGE-URL-HERE[/img]
  • To add Youtube video just paste a video link like http://www.youtube.com/watch?v=0x_gnfpL3RM