Membuat Read More Pada Blogger

Kali ini saya akan membuat Tutorial membuat read more blog tentunya Full Gambar :D ga mungkin Garyz share tutorial no gambar :p
Ingin Seperti Ini?

Itu adalah Read More Blog, apa itu Read More ?
read more secara bahasa indonesia adalah Baca Lebihnya (Selanjutnya, Selengkapnya, apa aja deh terserah kaluargaryz XD)
itu ada lah untuk mempersingkat posting yang akan muncul Full jika di tekan judul/Logo Read More itu kaluargaryz jadi ga ngabisini Scroll page Blog kita, dan lebih enak dilihat, jadi rapih gitu :D
Berikut Tutorialnya untuk Read More Blog:

1. Login Ke Blog anda
2. Pada Dashboard klik Rancangan 
3. Klik Edit Html
4. Centang pada Expand Template Widget
5. Cari code javascript </head> gunakan CTRL+F untuk mempercepat pencarian
6. Setelah menemukan code tersebut tambahkan script dibawahini tepat di bawah code </head>
<script type='text/javascript'> var thumbnail_mode = &quot;no-float&quot; ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

7. Cari code <data:post.body/> atau <p><data:post.body/></p> , jika sudah ketemu code itu silakan hapus lalu ganti code itu dengan code ini


<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://i1220.photobucket.com/albums/dd443/oka123/GaryzBlogz-1.png"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>


Anda bisa mengganti warna merah (http://i1220.photobucket.com/albums/dd443/oka123/GaryzBlogz-1.png) dengan logo anda sendiri , logo itu adalah logo readmore milik saya


Postingan terkait:

Belum ada tanggapan untuk "Membuat Read More Pada Blogger"

Post a Comment