Cara Membuat Auto Read More Tanpa Javascript Di Blogger

Tuesday 14 June 2016

Cara Membuat Auto Read More Tanpa Javascript Di Blogger

Auto Readmore adalah script dimana mempersingkat tulisan Artikel di home page untuk merapihkan blog agar blog terlihat lebih elegant.Langsung saja Meluncur Ke Tutorial.

Auto Read More

1.Masuk Dashboard
2.Template Edit HTML
3. Cari Kode ]]<b:skin> ataupun <style>
4. Masukan Kode Berikut

.droid-thumbnail {
width:100px;
height:100px;
float:left;
margin:0px 10px 0px 0px;
}

5. Cari Kode Ini <data:post.body/> Biasanya Ada 3 Element Seperti Itu Pilih Yang Ke 2 Ganti kode Tersebut Dengan Kode Berikut

<b:if cond='data:blog.pageType != "static_page"'>
<b:if cond='data:blog.pageType != "item"'>
    <b:if cond='data:post.firstImageUrl'>
      <a expr:href='data:post.url'><img class='droid-thumbnail ' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
    <b:else/>
      <a expr:href='data:post.url'><img class='rafaelthumbnail ' expr:title='data:post.title' src='http://1.bp.blogspot.com/-XeZs003zT-4/UwM1mfc9l3I/AAAAAAAAAlw/TNTcFCMPH4A/s1600/no-image-thumbnail.jpg'/></a>
    </b:if>
    <div class='post-snippet'>
      <data:post.snippet/>
    </div>
    <div class='rm-button-wrap'>
      <a class='button' expr:href='data:post.url'>Baca Selengkapnya</a>
    </div>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == "static_page"'>
<data:post.body/>
</b:if>