Cara Membuat Auto Read More Di Blog :

 Auto readmore memudahkan kita dalam membuat posting. Memasang fitur ini membuat kita tidak perlu membubuhkan kode <!--more--> atau mengklik tanda setiap kali melakukan posting.

Fitur auto readmore akan mengurangi pekerjaan ini karena secara otomatis semua posting yang muncul di halaman-halaman utama (misalnya home, search query results, tag results, dll) akan terpotong dengan readmore.

 Berikut langkah-langkah:

    1. Masuk ke editor template HTML

    2. Save dlu editor template anda ( Ctrl+A )save dmana aja jika anda ragu .

    3.centang expand widgets template.

    4. Save dlu HTML anda ( Ctrl+A )save dmana aja jika anda ragu )

   5. Masukkan script berikut TEPAT sebelum </head> (gunakan Ctrl+F untuk mencari)

   

    <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='https://sites.google.com/site/bukarahasiahost/azmeereadmore/azmee-readmore.js' type='text/javascript'/>

    keterangan:

    -summary_noimg = 230; adalah banyaknya karakter yang akan ditampilkan ketika tidak ada gambar di dalam posting anda, anda bisa mengubah jumlahnya.

    -summary_img = 140; adalah banyaknya karakter yang akan ditampilkan ketika terdapat gambar di dalam posting anda, anda bisa mengubah jumlahnya.

    -img_thumb_height = 100; adalah tinggi gambar thumbnail, anda dapat mengubah nilainya.

    -img_thumb_width = 100; adalah lebar gambar thumbnail, anda dapat mengubah nilainya.

    Tapi untuk amannya tinggalkan begitu saja.

    4. Lanjutkan dengan mencari <data:post.body/> (seperti biasa, gunakan senjata Ctrl+F)

    5. Lalu GANTI <data:post.body/> dengan script berikut:

 

    <b:if cond='data:blog.pageType == &quot;item&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>

    keterangan:

    -padding-top:5px, ganti nilainya untuk membuat jarak dengan tulisan di atas readmore.

    -float:right, ganti right dengan left jika ingin readmore muncul di sebelah kiri.

    -Anda bisa mengganti Read more dengan kata-kata lain misalnya "baca selanjutnya", "Read the rest of this entry", "Lanjut gan...", ‘’selengkap x!", atau apa sajalah yg agan mau..

    Tapi untuk amannya tinggalkan begitu saja.

    6. Untuk memastikan hasilnya, jangan di-save dulu. Gunakan preview /Pratinjau untuk mengeceknya.

    7. Setelah beres, silakan di-save.

    8. Selesai.

Related Post