Selasa, 15 April 2014

Auto Readmore Tanpa Java Script

Tutorial Blogspot ( Auto Readmore Tanpa Java Script ) - Mungkinudah banyak tutorial yang membahas cara membuat readmore di luaran sana . tetapi kebanyakan di luar sana readmore yang di sajikan sangat rumit dimengerti bagi pemula seperti saya , dan di kesempataan ini saya akan memberitahukan cara membuat readmore tanpa ribet tanpa menggunakan java script , hanya dengan satu langkah mudah readmore pun sudah terpasang .

Ingat lah ! Bahwa javascript itu paling dibenci oleh google , dan bisa membuat blog kita tidak se driendly lagi . dan juga javascript tidak mendukung semua browser . jadi Auto Readmore Tanpa Java Script ini adalah solusi dari permasalahan tersebut .

CARA MEMBUAT AUTO READMORE TANPA JAVASCRIPT

1. Login ke blogger.com
2. Klik Rancangan > Edit HTML
3. Cari kode di bawah ini 
<data:post.body/>
4. Ganti dengan code dibawah ini :
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
    <data:post.body/>
<b:else/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
    <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 + &quot;#more&quot;' 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>
5. Save dan lihat hasilnya .

Begitulah kiranya cara membuat Auto Readmore Tanpa Java Script Mudah saja bukan .
Jangan lupa untuk berkomentar sepatah dua patah kata .

Silahkan berkomentar dengan bijak ! No livelink,rusuh,kotor.