Tips dan trick buat tombol Read more( baca selanjutnya ) di posting.
- Labels: Tips dan trick SEO -
Posting kali ini mengenai bagaimana cara buat Tombol Read More pada posting kalian.Ini ane dapat dari kang moehamed, trims ilmunya kang moehamed yang udah share scriptnya ke ane coba share lagi ke rekan-rekan yang belon tau masalah ini.
Pada posting sebelumnya ane udah share babagan cara buat gambar bergerak di posting nah kali ini ganti bab lagi dengan bikin tombol redmore pada posting, fungsinya biar posting kamu lebih rapi lagi.
Oke wanabro to njep phoind aje ....
Ada beberapa langkah sebenarnya dalam pembuatan read more tapi kali ini ane kasih satu contoh aja yang sudah di posting ama rekan bloger lainnya juga.
1 . wanabro masuk dulu ke account bloger wanabro masuk ke menu template - edit template.
2. wanabro cari " </head> "ini kode dengan menggunakan ctrl+f seperti biasa :
3. masukkan kode sript berikut di atasnya tepat :
(catatan code angka diatas bisa wanabro sesuaikan sesuai anjuran dokter )sampai sini paham tow ??
4. Langkah selanjutnya adalah cari kode <data:post.body/> seperti biasa cari menggunakan ctrl+f ,kemudian ganti aja kode tersebut dengan kode berikut ;
3. masukkan kode sript berikut di atasnya tepat :
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 440; summary_img = 350; img_thumb_height = 100; img_thumb_width = 120; </script> <script src='http://rizqi.moehamed.googlepages.com/read-moreotomatis.js' type='text/javascript'/>
</ div>
</ div>
(catatan code angka diatas bisa wanabro sesuaikan sesuai anjuran dokter )sampai sini paham tow ??
4. Langkah selanjutnya adalah cari kode <data:post.body/> seperti biasa cari menggunakan ctrl+f ,kemudian ganti aja kode tersebut dengan kode berikut ;
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</ div>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");
</script>
<span class='rmlink' style='float:right;padding-top:20px;'>
<a expr:href='data:post.url'><img src="http://lh3.ggpht.com/_kTaFrEr_318/SkKGIoU-oPI/AAAAAAAAA9g/5A_nTHvFgiI/readmore_thumb%5B2%5D.gif"></img></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
</ div>
5. langkah terakhir save kodenya..dan coba cek di posting hasilnya........
oke wanabro sekian dulu pertemuan kita kali ini bila ada kurang lebihnya ane mohon maaf segedhe gunung sedalam lautan ....
dan semoga pertemuan kita kali ini bermanfaat bagi rekan rekan semua....amien yarobal alamien....
Wassalamualaikum wr wb....
This entry was posted on 15:21
and is filed under
Tips dan trick SEO
.
You can follow any responses to this entry through
the RSS 2.0 feed.
or trackback from your own site.
View our profile on Indonesia Business Directory