Pages

Cara Membuat Auto Readmore Dengan Gambar Tanpa Java Script Untuk Blogger

Auto Read More With Thumbnail Without Java Script For Blogger
| Hai sobat blogger, seperti pada tutorial seelumnya yang membahas auto readmore dengan javascript namun kali ini kita akan membahas tanpa javascipt.
*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.


Langkah Membuat Auto Readmore Dengan Gambar Tanpa Java Script :


  1. Buka akun Blogger Anda
  2. Masuk ke menu edit HTML, centang expand template widget
  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 kode 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/AVvXsEixMNvVTC1Q8qiYV3NbxeIDa-egxvc5_EGM5zBBN4JrRuZ9zTOVkm3rlRNDi5-kU1c3Md4NheKUT5SQCCZw1wlofCfLd6yJ0VVSuW85H3kdmyJz7sPraWtagucKy22uMvp8h7P4_Rg0y66o/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.  Cari kode dibawah ini :
]]></b:skin>
     6.  Pastekan CSS dibawah ini diatas pada kode diatas :
.post-thumbnail {width:72px; height:72px; float:left; margin:0px 10px 0px 0px;}
     7.  Preview dahulu template Anda, dan save.

Share it:
Sobat sedang membaca artikel tentang Cara Membuat Auto Readmore Dengan Gambar Tanpa Java Script Untuk Blogger . Silahkan baca artikel bloger sejati Tentang yang lainnya.
Anda baru saja membaca artikel yang berjudul Cara Membuat Auto Readmore Dengan Gambar Tanpa Java Script Untuk Blogger .Anda boleh copy paste artikel ini dengan menyertakan link http://lisaariyansyah.blogspot.com/2013/03/cara-membuat-auto-readmore-dengan.html sebagai sumbernya.Dan Jika Anda ingin berlangganan Artikel dari blog ini, Silahkan klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel terbaru setiap ada artikel yang terbit di blog ini.

0 comments:

Kode Smiley Untuk Komentar


:a :b :c :d :e :f :g :h :i :j :k :l :m :n :o :p :q :r :s :t

Post a Comment

 

bloger sejati Copyright © 2008-2009 | Edited By : arieadie