Tips Cara Mengatur Postingan Pada Halaman Blog
Tips Cara Mengatur Postingan Pada Halaman Blog, Kali ini saya akan share tentang Tips Cara Mengatur Postingan Pada Halaman Blog. Mungkin sobat Blogger semua bingung bagaimana sich cara Mempersingkat atau Memperpanjang serta Memperpendek Postingan Pada Halaman awal Blogger? Nah caranya dengan memasang ReadMore pada Blog disini juga Anda bisa mengatur Tinggi dan pendeknya Postingan anda Pada halaman awal Blog anda. Langsung saja ini saya akan beri Tips Cara Mengatur Postingan Pada Halaman Blog :
1. Login Pada Blogger Anda
2.Pilih Design lanjut ke Edit HTML
3.Centang Expand Template Widget
4.Tekan CTRL + F dan kemudian Cari kode </head>
5.Copy script dibawah ini diatas kode </head>
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 250;
summary_img = 250;
img_thumb_height = 120;
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>
6.Kemudian cari lagi kode <data:post.body/>
7.Kemudian ganti 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:left'><a expr:href='data:post.url'>READ MORE - <data:post.title/></a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
8.Selesai dah..
var thumbnail_mode = "float"; (kita dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail)
summary_img = 250; (Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail)
img_thumb_height = 120; (Thumbnail 'tinggi dalam piksel)
img_thumb_width = 120; (Thumbnail 'lebar dalam piksel)
Sekedar tambahan untuk memudahkan anda bereksperimen menggunakan Tips Cara Mengatur Postingan Pada Halaman Blog ini sebaiknya anda Download Template anda terlebih dahulu untuk menetralisir kesalahan.Terkadang anda yang sudah menggunakan ReadMore Pada Blog anda menemukan kode <data:post.body/> ini banyak, jadi harus pintar-pintarnya anda bisa mengatur. Sekian artikel mengenai Tips Cara Mengatur Postingan Pada Halaman Blog. Semoga berhasil dan Selamat Bereksperimen. :)
Terimakasih anda telah membaca artikel Tips Cara Mengatur Postingan Pada Halaman Blog Silahkan baca artikel Yepi Share Everything Tentang
Blogger
|
Tutorial Blog
Yang lainnya. Dan saya ucapkan juga terimakasih atas kunjungan Anda serta kesediaan Anda membaca artikel ini. Kritik dan saran dapat anda sampaikan melalui kotak komentar. Semoga Bermanfaat untuk anda.
Jangan Lupa Gabung Bersama Kami Dengan Like Facebook Di Bawah Ini :
6 komentar:
perlu di coba nih tips nya sob, moga sukses selalu
@rudy dan @radar post , cob terapkan dulu baru anda koment. ~x(
tnks gan ,tips nya :))
Thanks infonya :)
penting ne sob dicoba
visit back yo strainers.tk
Posting Komentar
Jangan lupa tinggalkan komentar anda disini dan gunakan kata-kata yang bijak dalam berkomentar. Dilarang keras memasukkan segala bentuk link dalam komentar, karena itu dianggap SPAM