Cara Menciptakan Auto Read More Thumbnail Ringan Dan Anti Jquery

Baca Juga

Read More yaitu Menyematkan Artikel Menjadi kecil. Tujuannya yaitu semoga postingan tidak memakan tempat. Read More biasa disebut " Baca Selengkapnya " Ini sangat penting diterapkan di blog anda. Kali ini yang akan diposting Cara Membuat Auto Readmore Tanpa Menggunakan Jquery atau Java Script. Seperti yang kau ketahui bahwa Java Script sanggup menimbulkan loading blog menjadi lama. Anda sanggup melihat Contohnya gambar diatas, Jika kalian suka? Yaudah eksklusif saja kita praktekan..

Cara Pertama :

1. Buka Blogger - Kemudian Login.
2. Dashboard - Template
3. Edit HTML.
4. Cari (CTRL+F) Kode ]]></b:skin>
5. Copy & Paste arahan berikut ini, dan Letakkan diatas arahan ]]></b:skin>

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

6. Cari (CTRL+F) arahan <data:post.body/> . Biasanya arahan ini lebih dari satu, pilih yang kedua.
7. Copy & Paste arahan berikut ini, dan ganti dengan arahan dibawah ini :

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
  <b:if cond='data:blog.pageType != &quot;item&quot;'>
    <b:if cond='data:post.firstImageUrl'>
      <a expr:href='data:post.url'><img class='thumbnail-post' expr:title='data:post.title' expr:src='data:post.firstImageUrl'/></a>
    <b:else/>
      <a expr:href='data:post.url'><img class='thumbnail-post' 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 == &quot;item&quot;'>
  <data:post.body/>
</b:if>
<b:if cond='data:blog.pageType == &quot;static_page&quot;'>
  <data:post.body/>
</b:if>

Note : Baca Selengkapnya sanggup diubah misalkan Read More.

8. Simpan Template.

Bagaimana? Praktis bukan, kalau terjadi kesalahan Silakan Berkomenar dibawah ini. Sekian dari saya, Terima kasih telah berkunjung. Semoga Bermanfaat!