Cara Membuat Read More Di Blogspot

Read more otomatis di blog,sekarang banyak sekali
Jika sobat ingin tau bagaimana cara memasang read more otomatis, mari kita sama-sama menyimak tutorial berikut ini. Oh ya ... cara ini saya dapatkan dari blognya Bang Herdiansyah.

Langkah pertama masuk ke akun blogger.
Pastikan sobat sudah membackup template sobat.
Buka dasbor blog > Template/edit HTML> centang expland template widget.
Cari kode <data:post.body/>

kemudian ganti dengan kode di bawah ini;

<br /><b:if cond='data:blog.pageType != "item"'><br /><b:if cond='data:post.snippet'><br /><b:if cond='data:post.thumbnailUrl'><br /><div class='Image thumb'><img expr:src='data:post.thumbnailUrl'/><br /></div></b:if><br /><data:post.snippet/><br /><b:if cond='data:post.jumpLink != data:post.hasJumpLink'><br /><div class='jump-link'><a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a><br /></div></b:if><br /><b:else/><br /><data:post.body/><br /></b:if><br /><b:else/><br /><data:post.body/><br /></b:if>

Jika ada lebih dari 1 (satu) kode <data:post.body/> , pilih yang pertama.


4. Untuk tampilan di blognya silakan masukkan kode css di bawah ini, tepat diatas kode ]]></b:skin>
thumb img {float: left; margin: 0 10px 5px 0;}


Klik pratinjau dan Simpan template. Selesai dan auto read more blog pun sudah jadi, untuk live demonya silakan sobat buka Di sini . Mudahan tutorial singkat ini bisa membantu sobat blogger yang lain. Selamat Mencoba.