membuat kotak scroll

membuat kotak scroll.
di bawah ini beberapa kode untuk membuat kotak scroll
1.
<div style="overflow:auto;width:350px;height:150px;padding:10px;border:1px solid #eee">LETAKKAN KODE ISI SCROLL BAR DI SINI</div>

2.

<div style="overflow:auto;width:300px;height:200px;padding:10px;border:1px solid #eee">
tulisan anda anda</div>

3.

<div align="center">
<table width="190" border="1">
<tr> <th colspan="90%" scope="col">JUDUL KOTAK</th></tr><tr><td><div style="font-family:arial;font-size:12px; overflow: scroll; width: 400px; height: 150px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">DISINI TULISAN ANDA</div></div></td></tr>
</table>
</div>

semoga bermanfaat wassalamualaikum.wr.wb.
read more

agar blog lebih seo friendly

agar blog lebih seo friendly banyak cara yang bisa kita lakukan,begitu menurut para mester.
disini saya hanya sharing sekedar yang sudah saya terapkan saja.
pertama agar blog lebih seo friendly gunakanlah meta tag seperti dibawah ini:
login ke www.blogger.com
pada Dashboard, pilih Rancangan (Design)
klik Edit HTML
untuk keamanan klik Download Template lengkap
centang expand widget untuk memunculkan script yang ada
cari kode:
<title><data:blog.title/></title>
atau:
<title><data:blog.pagetitle/></title>
hapus kode di atas, lalu ganti dengan kode di bawah ini:


<b:if cond='data:blog.pageType == "index"'><title><data:blog.title/></title><b:else/>
<title><data:blog.pageName/> | <data:blog.title/></title></b:if>

lalu save.
setelah itu pakailah read more.
karna read more itu juga bisa memperringan lodingnya blog.
menurut para master,loding blog itu juga pengaruh.
cara membuat read more seperti berikut:
login,lalu klik edit html.lalu cawang Expand Widget Templates,terus cari <data:post.body/> lalu ganti dengan kode ini:

<b:if cond='data:blog.pageType == &quot;static_page&quot;'><br/><data:post.body/><b:else/>
<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'>read more</a></span></b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if></b:if>

lalu cari </head> dan taruh kode dibawah ini dibawahnya:

<script type='text/javascript'>var thumbnail_mode = "no-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>


lalu simpan deh.
nah ini sedikit ilmu yang saya tahu,semoga sedikit ilmu ini bermanfaat amin.
read more

mesin pencariku

Loading







dibawah ini adalah kode mesin pencariku:



<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.co.id/jsapi" type="text/javascript"></script>
<script type="text/javascript">
  google.load('search', '1', {language : 'id'});
  google.setOnLoadCallback(function() {
    var customSearchOptions = {};  var customSearchControl = new google.search.CustomSearchControl(
      '002166867400720146002:blhfinobdb8', customSearchOptions);
    customSearchControl.setResultSetSize(google.search.Search.FILTERED_CSE_RESULTSET);
    customSearchControl.draw('cse');
  }, true);
</script>
<link rel="stylesheet" href="http://www.google.com/cse/style/look/default.css" type="text/css" />
     
read more