Positng saya kali ini tentang bagaimana cara membuat Radmore di Blogspot, sebelum saya menemukan script untuk membuat Readmore diblogspot. Halaman Berenda blog saya jadi sangat begitu panjang, dan sangat tidak bagus di pandangan oleh mata, melihat blog yang tidak tersusun dan kesannya tidak rapi, untuk itu saya berbagi bagaiman menyusun postingan anda sehingga halaman berenda anda pun tidak jadi panjang.
berikut caranya:
- Login ke blog anda terlebih dahulu, setelah anda sudah login.
- klik desain, seperti pada tanda bulat yang berwarna kuning pada gambar diatas.
- klik Edit HTML, seperti yang di tunjukan tanda panah pada gambar di atas.
- kemudian klik LANJUTKAN, seperti yang ditunjukan tanda panah diatas.
- Jangan lupa centang EXPAND TEMPLET WIDGET, ini akan menampilakan semua script templet anda.
- kemudian cari kode berikut </head> untuk mempermudah pencarian tekan F3 atau Ctrl F
- nanti akan tampil kotak pencarian, kemudian masukan kode </head> kedalam kotak tersebut lalu klik berikutnya.
- setelah kode </head> sudah anda temukan, copy paste kode dibawah ini pas diatas kode </head>
<script type='text/javascript'> var thumbnail_mode = "no-float" ; summary_noimg = 430; summary_img = 340; img_thumb_height = 100; img_thumb_width = 120; </script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = summary_noimg;
if(img.length>=1) {
imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
summ = summary_img;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>
- Setelah kodenya sudah anda paste, kemudian cari lagi kode berikut <data:post.body/> untuk memudahkan pencarian tekan F3 atau Ctrl F.
- Setelah kode <data:post.body/> sudah anda temukan ganti kode tersebut dengan kode dibawah ini
<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'> <b> readmore</b> »»   </a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/>
</b:if>
- kemudian klik SIMPAN TEMPLET
dan lihat hasilnya.
keterangan:
img_thumb_height = 120 adalah untuk ukuran posting gambar, anda bisa menyesuikannya lagi.
<b> readmore</b> adalah tulisan yang bisa anda rubah menjadi READMORE atau BACA SELENGKAPNYA.
jika sudah berhasil sekarang blogspot anda sudah enak dipandang mata yang awalnya begitu berantakan dan tidak tersusun rapi.
Sekian posting saya kali ini semoga bermanfaat bahi pengunjung.
By: A"S
Sekian posting saya kali ini semoga bermanfaat bahi pengunjung.
By: A"S
Tidak ada komentar:
Posting Komentar