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

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/AVvXsEjF2NmJJKPYLqXoFEcRZBSbaEPF07QMG8OLLR1O0m0LcV0HfVXR12z0y8hI6tF5NYSN4V1JhQ8rTa64eHmfUCwVykSjYiNfqlTzvUWWJvgGNoIzD3Kcm32iJmfRjM3vcydhFCFOpTDJJ-SQ/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 :)

Sumber Berita Ini: Membuat Auto Read More dengan Gambar tanpa Javascript

Riio Cyber-Art

Blog ini berisi informasi mengenai dunia blogging dan internet dari berbagai sumber, jika anda menyukai dan mau dapatkan Update berita terbaru, harap ikuti blog ini dengan memasukan Email anda atau mengikuti Twitter/Facebook, dengan begitu anda secara otomatis akan mendapatkan Update Berita terbaru disini.

Membuat Auto Read More dengan Gambar tanpa Javascript

Sumber Berita Ini: Membuat Auto Read More dengan Gambar tanpa Javascript

Update Artikel Terbaru

Entri Populer