Pages

Cara Membuat Read More Otomatis

Berikut ini Blog Adexme akan membahas mengenai Cara Membuat Read More Otomatis yang berada di Homepage Blog. Setelah sebelumnya tadi Blog Adexme 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 Adexme. Kemarin Blog Adexme 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 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.
    Labels: