Pasang Readmore Tanpa Java Script

Posted by : CABACA Minggu, 17 Maret 2013

Kalau sebelumnya tukang toko online pernah menulis tutorial memasang readmore di template default, kini akan saya bagikan lagi tutorial memasang readmore.

Bedanya adalah dengan memakai kode html. Kenapa memakai kode html..?

Berikut adalah kelemahan readmore dengan memakai kode javascript:

1. menambah berat beban loading blog.

2. jika file penyimpan script sedang bermasalah, akan membuat loading blog anda juga bermasalah.

3. ternyata google diketahui tidak menyukai pemakaian javascript yang berlebihan.

Lalu apa kelebihan readmore dengan html ini? Tentu saja jawabannya adalah kebalikan dari jawaban di atas.

Langsung saja, berikut cara pasangnya :

1. Masuk ke dashboard blog anda : template >> edit hrml >> centang expand widget template.

2. cari kode berikut : <data:post.body> , jika ada 2 kode fokuskan pada yang pertama.

3. Ganti kode script pada langkah 2 dengan kode html di bawah ini:

<b:if cond='data:blog.pageType == "static_page"'>
    <data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:post.snippet'>
        <b:if cond='data:post.thumbnailUrl'>
            <div class='Image thumb'>
                <img expr:src='data:post.thumbnailUrl' style='float:left; margin:0 10px 10px 0;'/>
            </div>
        </b:if>
        <data:post.snippet/>
        <b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
            <div class='jump-link'>
                <a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
            </div>
        </b:if>
    <b:else/>
        <data:post.body/>
    </b:if>
<b:else/>
    <data:post.body/>
</b:if>
</b:if>

4. Preview dulu untuk melihat hasilnya, setelah berhasil Save/Simpan template.

Selamat mencoba