Cara Memasang Auto Readmore Tanpa Javascript di Blog

     Cara Memasang Auto Readmore Tanpa Javascript di Blog - Hai semua AiRa LoKa best friend... kali ini saya mau bagi-bagi tutorial tentang Cara Memasang Auto Readmore Tanpa Javascript di Blog.

     Apa sih perbedaan menggunakan javascipt dengan tanpa javascript? Auto readmore dengan javascipt memakan waktu loading yang lebih lama lagi ketimbang tanpa java script. Nah, 1 lagi, katanya javascript membuat duplikat kontent yang akan membuat masalah lebih banyak lagi yang akan diberitahukan di Google Web Master. Nah, bagi yang mau coba, Langsung saja..

Check It Out......

1.  Masuk ke Blogger > Dashboard Blogger > Template > Edit HTML.


2.  Cari kode ]]></b:skin> lalu pastekan script dibawah ini diatas kode ]]></b:skin>

.post-thumbnail {width:72px; height:72px; float:left; margin:0px 10px 0px 0px;}

3.  Cari kode dibawah ini :

<data:post.body/>

Catatan : Biasanya kode diatas ada 3 sampai 4 pada template blogger, silahkan Anda tempatkan kode dibawah ini pada kode 2/3/4.

 

4.  Ganti kode diatas, dengan script 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'>
<a expr:href='data:post.url' expr:title='data:post.title'><img alt='thumbnail' class='post-thumbnail' expr:src='data:post.thumbnailUrl'/></a>
</div>
<b:else/>
    <a expr:href='data:post.url' expr:title='data:post.title'><img alt='thumbnail' class='post-thumbnail' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1aTEmtvNM-QOg4G5jGvWsPoR_jT2QE8FVmeSdr2EQPKTEeoExcqbZx59z4Vp8fNgzjbgeg-3VFqx0Bl6752fHAIP2iW67OJdTStud6yJAtfc8fcsENSsqfBV6qCdA_HP_3E6SPJHQYKEI/s0/no-image.png'/></a>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link' style='float:right'>
<a expr:href='data:post.url' expr:title='data:post.title'>Readmore &#187;</a>
</div></b:if><b:else/>
<data:post.body/></b:if><b:else/>
<data:post.body/></b:if></b:if>

5.  Simpan

Selamat mencoba!