Home » » Tutorial memasang ReadMore di Posting

Tutorial memasang ReadMore di Posting

Written By mediana saputra on Thursday, 15 November 2012 | 04:12

Bismillahirrohmanirrokhim ... salam untuk sobat semua ...

kali ini saya akan memposting bagaimana cara memasang  "Read more" pada setiap postingan kita ...
pasti sobat" udah pada tau akan Fungsi dari "Read More" ini .. Read more sendiri pada bahasa kita biasanya di sebut "Baca selanjutnya atau Baca seterusnya" dan ini sangat berfungsi pada kerapian di halaman Blog kita  ..
langkah awal :
1. login ke blogger sobat ==> dasbor ==> Pilih Edit HTML ==>Lanjutkan ==> Centang expand widget template
2. Cari code </head> (gunakan Ctrl+F untuk memudahkan pencarian)
3. copy paste Code di bawah ini tepat di atas Code </head>

Untuk melihat file Click Spoiler

<script type='text/javascript'>
var thumbnail_mode = &quot;float&quot; ;
summary_noimg = 235;
summary_img = 140;
img_thumb_height = 150;
img_thumb_width = 150;
</script>
<script src='http://sundaboy.googlecode.com/files/sundaboy_readmore.js' type='text/javascript'/>

4. Selanjut cari code <data:post.body/> .. bila sudah letemu hapus Code tersebut dan ganti dengan code di bawah ini ...

Untuk melihat file Click Spoiler

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<data:post.body/>
<b:else/>
<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>
<div style='clear: both;'/><span style='padding-top:5px;;float:right;text-align:right;'><a expr:href='data:post.url' rel='bookmark'><b>Read More >></b></a></span>
</b:if>

Ket : setiap angka atau huruf yg bertanda merah .. bisa sobat ubah/ganti menurut selera sobat ...

5. simpan dan lihat di Halaman Posting sobat .......

sekian tutor dari saya , smoga bermanfaat untuk kita semua ..
Like, join this site atau Follow yach ..

Sumber : http://eltelu.blogspot.com/

Semoga Rahmat serta Hidayah-NYA ,selalu tercurah untuk kita semua ..





Share this article :

Post a Comment

 
Support : Creating Website | Johny Template | Mas Template
Copyright © 2011. Turorial Grapich Design and Blog Design - All Rights Reserved
Template Created by Creating Website Published by Mas Template
Proudly powered by Blogger