Membuat Readmore atau membuat jumplink pada blog

 

Cara membuat Readmore atau cara membuat Tulisan Selengkapnya pada postingan blog sebenarnya sangatlah mudah, tapi kebanyakan Readmore yang sebelumnya kita buat lebih sulit dibandingkan dengan Readmore otomatis yang saya terapkan pada blog saya. Karena Readmore otomatis ini tidak perlu susah2 untuk mengatur tulisan yang akan dipenggal atau yang akan ditampilkan oleh Readmore. berikut caranya :

1. Log In dahulu ke account blogspot sobat.

2. Klik "Page Element" & klik "Edit HTML"

3. Centang "Expand Widget Templates"

4. Cari kode berikut </head>

5. Download dulu kode JS nya disini setelah didownload letakan dibawah kode </head>

6. Selanjutnya cari kode dibawah ini untuk lebih mudah mencarinya tekan Ctrl+F dan masukan kode yang ingin anda cari:

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

7. Setelah ketemu kodenya, ganti diatas tersebut dengan kode dibawah 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&gt;&gt;</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

Terakhir disimpan.

Keterangan : tulisan readmore bisa anda ganti sesuai selera anda.

0 comments:

Poskan Komentar

Dethread

Updates Via E-Mail

 
Related Posts Plugin for WordPress, Blogger...