» »Unlabelled » Membuat Auto Read More dengan Gambar tanpa Javascript

Membuat Auto ReadMore dengan Gambar tanpa Javascript - Assalamualaikum , setelah lama gak update kali ini saya akan berbagi tentang cara Membuat Auto Read More dengan Gambar tanpa Javascript , dengan begitu maka template blog anda loadnya akan lebih fast karena tidak ada java scriptnya , Mau tahu gimana demo dari Membuat Auto Read More dengan Gambar tanpa Javascript ? ini dia demonya

Membuat Auto Read More dengan Gambar tanpa Javascript

Gimana tertarik gak dengan  Auto Read More dengan Gambar tanpa Javascript di atas , kalau tertarik ikti aja langkah-langkah cara mudah Membuat Auto Read More dengan Gambar tanpa Javascript berikut :


  • Cari kode ]]></b:skin> atau </style>
  • Letakan Css Berikut di atas kode tersebut
.post-thumbnail {width:72px; height:72px; float:left; margin:0px 10px 0px 0px;}

  • Setelah itu Cari kode <data:post.body/> yang ke 2 atau 3 atau ke 4, ganti dengan kode 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/AVvXsEgAeI_q_lDF6cJPUM7RmCUnRWxuWcCZ9gKp2Y6gmf7hoOu608hbmpVgxgxkzrjXxZ6EFVsi2CikqU3apnUgc7v3iOXn3KN6JRqZYBtEDiwlzaR7kyCmwQ5o6a6SrVJgr-3NWWejQ-mkA7iW/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>

  • Langkah Terkahir simpan template dan liat hasilnya 
  • Done ( Tarrra kini anda sudah bisa Membuat Auto Read More dengan Gambar tanpa Javascript
Demikian tutorial Cara Mudah Membuat Auto Read More dengan Gambar tanpa Javascript , apabila anda mengalami masalah atau kendala dalam Membuat Auto Read More dengan Gambar tanpa Javascript silahkan bertanya atau request tutorial lain juga boleh :)

About Redi

Hi there! I am Hung Duy and I am a true enthusiast in the areas of SEO and web design. In my personal life I spend time on photography, mountain climbing, snorkeling and dirt bike riding.
«
Next
Newer Post
»
Previous
Older Post

No comments:

Leave a Reply