[Tutorial Blog] Cara Membuat Read More Otomatis Simple

[Tutorial Blog] Cara Membuat Read More Otomatis Simple. Kali ini saya akan share tutorial khususnya bagi blogger pemula yang baru atau belum lama membuat blognya di blogger. Tampilan awal pasti terlihat biasa dan setiap tulisan kita masih ditampilkan panjang dan jika kita lihat kurang enak dan terlalu panjang untuk ditampilkan pada halaman utama. Dan cara untuk mempersingkat tampilan adalah dengan memasang Read More pada tulisan artikel, manual selah disediakan pada menu penulisan artiekl akan tetapi kurang efektif. 

 Ada cara yang lebih efektif dengan menyisipkannya pada template blog agar read more sudah otomatis ada di blog kita tanpa harus memasangnya disetia[ tulisan artikel, memang ada sebagian yang telah disediakan pada template blog, tapi jika belum menggantinya atau masih template standar bawaan blogspot, kita bisa menggunakan script simple dibawah ini, berikut langkah-langkah Memasang Read More Otomatis pada Blog : 

Step by Step : 

1. Masuk ke Dashboard blog dan pilih Template

2. Klik Ctrl + F untuk mempermudah mencari kode  ]]></b:skin> .  Jika sudah ketemu silahkan copy kode script dibawah ini tepat di atas kode ]]></b:skin> 

.post-thumbnail{float:left;margin-right:20px}

3. Selanjutnya cari kode script <data:post.body/> lalu ganti script tersebut dengan kode script dibawah ini :

<b:if cond='data:blog.pageType != &quot;item&quot;'>
<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<div>
<b:if cond='data:post.thumbnailUrl'>
<img class='post-thumbnail' expr:alt='data:post.title' expr:src='data:post.thumbnailUrl' width='72px' height='72px'/>
</b:if>
<data:post.snippet/>
</div>
<div class='jump-link'>
<a expr:href='data:post.url' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>

4. Simpan template sobat dan lihatlah hasilnya 

Selamat Mencoba . . . .