Cara Membuat Readmore Tanpa Javascript

Cara Membuat Readmore Tanpa Javascript - Pada kali ini kita akan membahas cara membuat readmore tanpa javascript atau membuat read more otomatis tanpa javascript. Membuat readmore tanpa javascript tentu lebih ringan dari versi sebelumnya yg masih sering digunakan oleh para blogger. Fungsi readmore tanpa javascript adalah untuk mempercepat loading blog, bila menggunakan read more menggunakan javascript tentu sama saja akan membuat blog menjadi lambat. Bagi yg ingin membuat readmore tanpa javascript, simak langkah berikut.

CSS Readmore Tanpa JavaScript

• Login ke blogger.
• Kemudian klik template.
• Edit html.
• Pastekan css readmore tanpa js berikut diatas ]]></b:skin>

.thumbnail{overflow:hidden;background:transparent;position:relative;float:left;width:260px;
height:170px;margin:0 20px 0 0;z-index:1;padding:0;}.thumbnail img {width:260px;height:170px;}

HTML Readmore Tanpa JavaScript

• Login akun blogger.
• Klik template.
• Klik Edit html.
• Cari <meta expr:content='data:post.firstImageUrl' itemprop='Image'/></b:if>
• Pastekan kode berikut dibawahnya.

<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType != "static_page"'> <b:if cond='data:post.firstImageUrl'> <a expr:href='data:post.url'><div class='thumbnail'> <img expr:alt='data:post.title' expr:src='data:post.firstImageUrl' expr:title='data:post.title'/></div> </a> <b:else/> <a expr:href='data:post.url'><div class='thumbnail'> <img expr:alt='data:post.title' expr:title='data:post.title'/></div> </a> </b:if> </b:if> </b:if>

• Cari lagi <div class='post-header'>
• Pastekan html berikut tepat dibawah </div> petutup.

<b:if cond='data:blog.pageType != "item"'> <b:if cond='data:blog.pageType == "static_page"'> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <data:post.body/> <div style='clear:both;'/> </div> <b:else/> <div class='post-body entry-content' expr:id='"post-body-" + data:post.id'> <div> <data:post.snippet/> </div> <div style='clear:both'/> </div> </b:if> <b:else/>

• Temukan lagi <div class='post-footer'>
• Tambahkan html penutup </b:if> dibawah </div> petutup sama seperti gambar diatas
• Klik simpan

Pengaturan Readmore Tanpa Javascript

Bila sebelumnya pernah membuat read more otomatis yg menggunakan javascript, hapus semua script tersebut. Biasanya script tersebut terletak diatas </head>. Jika tidak, cara membuat readmore tanpa javascript diatas tidak akan jalan.

Demikianlah tutorial saya mengenai cara membuat readmore tanpa javascript atau cara membuat read more otomatis tanpa javascript. Semoga artikel ini dapat bermanfaat bagi kita semua. Jangan lupa like dan share.