Read More Automatis (Hack Read More)

Read more automatis adalah suatu fitur yang mempergunakan sistem pemenggalan kalimat dalam postingan tanpa harus menggunakan cara manual dengan melakukan pemanggilan fungsi atau yang dimana biasanya kode ini ditanamkan secara manual kedalam halaman postingan. Oleh karena cara kerjanya yang bersifat otomatis, maka saya menamakan read more ini dengan nama hack read more.

Read more ini bertujuan agar ketika saat kita memposting artikel, kita tidak dibingungkan lagi dengan kode div ataupun span. Kode ini sangat membantu kita untuk memenggal artikel sesuai dengan ketinggian artikel yang kita inginkan misalnya 150px, itu berarti posting yang akan terpenggal setinggi 150px. Dengan menggunakan read more jenis ini, anda tidak perlu menjadi bingung lagi ketika kode tersebut error.

Untuk membuat Hack Read More silahkan ikuti langkah-langkah berikut :

1. Sekarang anda masuk ke akun blogger Anda
2. Klik "Tata Letak", lalu klik "Edit HTML"
3. Centang tulisan Expand Template Widget (jangan lupa di backup dulu templatenya)


4. Lalu cari kode </head>
5. Copy paste kode ini dibawah kode tadi

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://h1.ripway.com/syarung/hack readmore.txt' type='text/javascript'/>

Keterangan:

• Summary noimg= 430 ==> jumlah karakter artikel yang akan ditampilkan tanpa gambar/ image
• Summary img= 340 ==> tinggi karakter artikel yang akan ditampilkan bersama dengan gambar/ image
• Var thumbnail_mode = "float"; (Float = letak thumbnail berada dikiri; no-float = atau menaruh thumbnail disisi kiri)
• Img_thumb_height = 120; (tinggi gambar/ thumbnail/ image dalam piksel)
• Img_thumb_width = 120; (lebar gambar/ thumbnail/ image dalam piksel)
  

6. Kemudian cari lagi kode ini <data:post.body/>
7. Ganti kode tersebut dengan kode ini:

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

8. Klik simpan/ save template dan lihat hasilnya

Keterangan:

A. Jika kawan sudah memiliki read more versi manual pasti akan ada kode lengkap dari read more versi manual yang bentuknya seperti ini:

<b:if cond='data:blog.pageType == "item"'>

<style>.fullpost{display:inline;}</style>

<p><data:post.body/></p>

<a expr:href='data:post.url'>Read More......</a>

</b:if>

<b:else/>

<style>.fullpost{display:none;}</style>

Hapus saja kode di atas dan ganti dengan kode

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<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>
<span class='rmlink' style='float:right;padding-top:20px;'><a expr:href='data:post.url'> read more &#8220;<data:post.title/>&#8221;</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

B. Anda juga bisa menghapus kode dalam pengaturan....

1. Klik pengaturan==> Format
2. Lihat di bawah, ada tulisan Template Posting...didalam kotak tadi ada kode seperti ini

<div class="fullpost">

</div>

hapus kode tersebut

Bagi anda yang ingin belajar PHP / HTML / MySQL dengan sangat mudah sambil langsung praktek, saya sarankan untuk anda bisa belajar di sini

Bagikan