Selasa, 12 Januari 2010

CARA MEMBUAT READ MORE OTOMATIS

* Masuk ke Blogger dengan ID anda.
* pilih Tata Letak.
* Pilih Edit HTML.
* Back up dulu template anda, untuk jaga-jaga jika terjadi kegagalan.
* Kasih contreng pada kotak Expand Template Widget
* Cari kode </head>
* Copy kode dibawah ini kemudian paste tepat diatas kode </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 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>

* Berikutnya cari kode <data:post.body/> kemudian kode tersebut ganti dengan kode dibawah 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'>&#187;&#187;&#160;&#160;read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
</b:if>
* Klik tombol Simpan Template

Ket :

var thumbnail_mode = "float"
dapat memutuskan apakah letak thumbnail berada di (float) kiri atau jika tidak silahkan ganti dengan (no-float)
summary_noimg = 430;
Menetapkan berapa banyak karakter akan ditampilkan di posting tanpa gambar / thumbnail
summary_img = 340
Menetapkan berapa banyak karakter akan ditampilkan di posting dengan gambar / thumbnail
img_thumb_height = 100
Thumbnail 'tinggi dalam piksel
img_thumb_width = 120
Thumbnail 'lebar dalam piksel
READ MORE
Bisa diganti dengan tulusan apa saja contoh Next Read, Baca Selanjutnya dll

* Lihat perubahan pada Blog Anda.

0 komentar:

Posting Komentar

Please enter your username and password to enter your Blogger Dasboard page!


MEMBUAT LATAR BELAKANG MENJADI HITAM PUTIH


buka image anda kemudian tekan Ctrl +J

kemudian klik filter -> render -> clouds
hasilnya seperti ini







opacity rubah menjadi 60
dan hasilnya seperti ini






kemudian gunakan eraser tool untuk menghapus obyek akan tetapi latar belakangnya jangan di hapus setelah itu rubahlah kembali opacitynya menjadi 100 dan rubahlah layernya menjadi saturation dan hasilnya seperti ini