05.08
media pelajar
Petunjuk
- Klik “Rancangan” kemudian masuk ke ”Edit HTML”
- Jangan lupa centang “Expand Widget Templates” untuk bisa mengedit template secara keseluruhan.
- Cari tulisan </head> dengan find atau F3 untuk pencarian.
- Masukkan kode skrip berikut sesudah tag <head> dan sebelum tag </head> seperti dibawah ini:
<script type='text/javascript'>
var thumbnail_mode = "float" ;
summary_noimg = 430;
summary_img = 340;
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>
- Selanjutnya masukkan di bawah <data: post.body>, skrip html 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'>»»  BACA SELENGKAPNYA</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>
- Hapus <data: post.body>
- Jangan lupa simpan edit html
- Contoh hasil seperti di bawah ini:
Simpan Gambar di Picasa dan buat album
Upload photo buka http://picasaweb.google.com/ log in dengan gmail setiap insert image di blogger, maka image secara otomatis tersimpan di picasa coba buka alamat di atas dan coba tekan UPLOAD cari file image lalu klik ok. File bisa dikelompokkan dalam album-album Untuk ngambil image dari picasa masuk ke edit posting caranya: Klik icon insert...
Posted in: Pembelajaran Blog
Buka Semua
Tutup Semua
0 komentar:
Posting Komentar