Cara Membuat Read More Otomatis di Blog

Tersedunia | Cara Membuat Read More Otomatis di Blog, Berikut ini saya akan membahas mengenai Cara Membuat Read More Otomatis yang berada di Homepage Blog. Setelah sebelumnya tadi saya sudah membahas mengenai Membuat Burung Twitter Terbang di Blog maka kali ini saya mengambil judul yang lain.

Dengan Membuat Read More Otomatis di blog, sobat tidak perlu menambah atau mengurangi kode-kode di blog. Widget Read More ini akan tampil di Homepage seperti di Hompage Blog ini. Kemarin Tersedunia sebelum melakukan ganti Template yang baru sempat mengalami masalah tapi akhirnya setelah saya bertanya-tanya dan memberi komentar pada Sahabat blogger Klik Munadi akhirnya dapat Juga.

Tanpa Pikir panjang, mari kita lakukan langkah-langkah Cara Membuat Read More Otomatis di Blog, ikuti langkah berikut ini.

     1.  Login dulu di Blogger dengan Akun sobat.

     2.  Pada Dasbor, Klik Rancangan.

     3.  Setelah itu Klik tab Edit HTML.

     4.  Klik Download Template untuk mencegah terjadinya Eror Kode.

     5.  Beri tanda Centang pada Expand Template Widget.

     6.  Cari kode </head>. Untuk mempercepat Pencarian, tekan CTRL + F pada
          Keyboard lalu Paste kode </head>.

     7.  COPAS kode di Bawah ini tepat di atas kode </head>.

<script type='text/javascript'>

var thumbnail_mode = &quot;float&quot; ;

summary_noimg = 230;

summary_img = 140;

img_thumb_height = 100;

img_thumb_width = 100;

</script>

<script src='http://blogergadgets.googlecode.com/files/excerpt.js' type='text/javascript'/>

     8.  Setelah selesai, Cari lagi kode <data:post.body/>.

     9.  Ganti kode Tersebut dengan Kode di bawah ini.

<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>

<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>

</b:if>

    10. Setelah selesai, Klik Simpan Template.

    11. Lihat Hasilnya pada Homepage Sobat.

Bagaimana sobat, bisa tidak!? Okedeh, selamat mengerjakan Tutorial Blog nya dan semoga dapat berhasil. Sekian dulu artikel Cara Membuat Read More Otomatis di Blog dan semoga dapat membantu bagi yang belum bisa. Thanks!

www.tersedunia.blogspot.com