Cara membuat Read More Otomatis Tanpa Kode Javascript, kali ini saya akan menyuguhkan tutorial bagaimana cara Membuat Read More Otomatis Tanpa Kode Javascript , read more pastinya para sobat blogger sudah mengetahui apa itu read more dan dan bagaimana fungsinya, bagi yang belum tahu ni saya kasih sedikit review tetang redmore. Read more merupakan link yang biasanya berada di home page suatu halaman blog untuk memotong postingan yang di tampilkan di halaman tersebut dengan tujuan menggunakan read more otomatis agar lebih rapi dan load pada home page blog atau website tidak terlalu berat. untuk template standar blogger belum di bekali denga read more otomatis sehingga jika anda menggunakan template standar anda harus menambahkan pemotong text[read more] di setiap akan memposting suatu artikel, tentunya itu cukup merepotkan, ni saya kasih tahu triknya Membuat cara membuat read more otomatis pada blogspot..
Kelebihan tanpa menggunakan javascript adalah mengurangi beban loading halaman blog anda, kenapa bisa begitu?? karna dokumen html yang di kirimkan oleh datebase server suatu web server dan kemudian di render oleh browser anda akan lebih ringan jika script yang di load itu tidak terlalu banyak. ilustrasinya seorang yang berbadan gemuk akan lebih lambat berlarinya dibanding dengan seorang yang berbadang proposional, karna beban yang di bawa jauh lebih ringan. masih belum paham juga silahkan baca artikel saya sistem kerja browser..
 |
| Contoh Readmore |
Baiklah langsung saja kembali ketopik awal Membuat Read More Otomatis Tanpa Kode jvascript. berikut langkah langkahnya silahkan ikuti dengan baik dan benar, jangan lupa beckup template anda dulu. untuk jaga-jaga jika terjadi kesalahan..
#Cara Membuat Read More Otomatis Tanpa Kode Javascript.
1. Langkah pertama masuk ke akun blogger anda..
2. Buka dasbor blog /Template/edit HTML.
3. Cari kode <data:post.body/> kemudian ganti kode tersebut dengan kode di bawah ini [replace]..
<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>
4. Jika ada lebih dari 1 (satu) kode <data:post.body/> , pilih yang pertama..
5. Untuk membuat tampilah read more lebih bagus silakan masukkan kode css di bawah ini, tepat diatas kode ]]></b:skin>
thumb img {float: left; margin: 0 10px 5px 0;}.
6. kemudian save/simpan template. selesei, readmore otomatis sudah selesai di buat..
Untuk melihat hasilnya silahkan reload home page blog anda, nah itulah tutorial dari sayaCara Membuat Read More Otomatis Tanpa Kode Javascript semoga bermanfaat. salam blogger!!.
