Judul : Auto Readmore Tanpa Java Script
link : Auto Readmore Tanpa Java Script
Auto Readmore Tanpa Java Script
Mungkin kalian pernah mendengar tentang Readmore, atau Auto Readmore? tapi apakah anda menggunakan Java Script ? Banyak blogger berpendapat bahwa Java Script yang kita gunakan dalam blog dapat membuat blog menjadi lambat/berat saat loading. Untuk mengatasi masalah ini saya mempunyai solusi yang tepat bagi kalian yang merasa takut menggunakan Java Script karena akan menyebabkan blog kalian menjadi berat saat loading.Trik ini sebenarnya sangat simple karena hanya menggunakan HTML dan CSS saja. Tidak perlu memakai Java Script tentunya.
Langkah pertama yaitu pergi ke edit HTML dalam blog anda, kemudian cari kode <data:post.body/> kemudian ganti dengan kode berikut :
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
Setelah itu cari kode </b:skin>, dan letakan kode berikut di atas kode </b:skin>
thumb img {float: left; margin: 0 10px 5px 0;}
Selesai, simpan dan lihatlah hasilnya.
Source : My other blog Scooter Pilom
Demikianlah Artikel Auto Readmore Tanpa Java Script
Sekianlah artikel Auto Readmore Tanpa Java Script kali ini, mudah-mudahan bisa memberi manfaat untuk anda semua. baiklah, sampai jumpa di postingan artikel lainnya.
Anda sekarang membaca artikel Auto Readmore Tanpa Java Script dengan alamat link https://sebuahteknologi.blogspot.com/2012/03/auto-readmore-tanpa-java-script.html