Pengaberen

Tampilkan postingan dengan label arsipku. Tampilkan semua postingan

Kamis, 02 Februari 2012

mesin pencari pintar blog ini

mesin pencari yang lain,ini kodenya:

<div id="cse" style="width: 100%;">Loading</div>
<script src="http://www.google.com/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(
'013945384075173674929:ee4pgdpcrm4', 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" /> <style type="text/css">
.gsc-control-cse {
font-family: Arial, sans-serif;
border-color: #FFFFFF;
background-color: #FFFFFF;
}
input.gsc-input {
border-color: #BCCDF0;
}
input.gsc-search-button {
border-color: #666666;
background-color: #CECECE;
}
.gsc-tabHeader.gsc-tabhInactive {
border-color: #E9E9E9;
background-color: #E9E9E9;
}
.gsc-tabHeader.gsc-tabhActive {
border-top-color: #FF9900;
border-left-color: #E9E9E9;
border-right-color: #E9E9E9;
background-color: #FFFFFF;
}
.gsc-tabsArea {
border-color: #E9E9E9;
}
.gsc-webResult.gsc-result,
.gsc-results .gsc-imageResult {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gsc-webResult.gsc-result:hover,
.gsc-webResult.gsc-result.gsc-promotion:hover,
.gsc-imageResult:hover {
border-color: #FFFFFF;
background-color: #FFFFFF;
}
.gs-webResult.gs-result a.gs-title:link,
.gs-webResult.gs-result a.gs-title:link b,
.gs-imageResult a.gs-title:link,
.gs-imageResult a.gs-title:link b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:visited,
.gs-webResult.gs-result a.gs-title:visited b,
.gs-imageResult a.gs-title:visited,
.gs-imageResult a.gs-title:visited b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:hover,
.gs-webResult.gs-result a.gs-title:hover b,
.gs-imageResult a.gs-title:hover,
.gs-imageResult a.gs-title:hover b {
color: #0000CC;
}
.gs-webResult.gs-result a.gs-title:active,
.gs-webResult.gs-result a.gs-title:active b,
.gs-imageResult a.gs-title:active,
.gs-imageResult a.gs-title:active b {
color: #0000CC;
}
.gsc-cursor-page {
color: #0000CC;
}
a.gsc-trailing-more-results:link {
color: #0000CC;
}
.gs-webResult .gs-snippet,
.gs-imageResult .gs-snippet,
.gs-fileFormatType {
color: #000000;
}
.gs-webResult div.gs-visibleUrl,
.gs-imageResult div.gs-visibleUrl {
color: #008000;
}
.gs-webResult div.gs-visibleUrl-short {
color: #008000;
}
.gs-webResult div.gs-visibleUrl-short {
display: none;
}
.gs-webResult div.gs-visibleUrl-long {
display: block;
}
.gs-promotion div.gs-visibleUrl-short {
display: none;
}
.gs-promotion div.gs-visibleUrl-long {
display: block;
}
.gsc-cursor-box {
border-color: #FFFFFF;
}
.gsc-results .gsc-cursor-box .gsc-cursor-page {
border-color: #E9E9E9;
background-color: #FFFFFF;
color: #0000CC;
}
.gsc-results .gsc-cursor-box .gsc-cursor-current-page {
border-color: #FF9900;
background-color: #FFFFFF;
color: #0000CC;
}
.gsc-webResult.gsc-result.gsc-promotion {
border-color: #336699;
background-color: #FFFFFF;
}
.gs-promotion a.gs-title:link,
.gs-promotion a.gs-title:link *,
.gs-promotion .gs-snippet a:link {
color: #0000CC;
}
.gs-promotion a.gs-title:visited,
.gs-promotion a.gs-title:visited *,
.gs-promotion .gs-snippet a:visited {
color: #0000CC;
}
.gs-promotion a.gs-title:hover,
.gs-promotion a.gs-title:hover *,
.gs-promotion .gs-snippet a:hover {
color: #0000CC;
}
.gs-promotion a.gs-title:active,
.gs-promotion a.gs-title:active *,
.gs-promotion .gs-snippet a:active {
color: #0000CC;
}
.gs-promotion .gs-snippet,
.gs-promotion .gs-title .gs-promotion-title-right,
.gs-promotion .gs-title .gs-promotion-title-right * {
color: #000000;
}
.gs-promotion .gs-visibleUrl,
.gs-promotion .gs-visibleUrl-short {
color: #008000;
}
</style>

hasilnya seperti ini:

membuat kotak scroll

<div style="overflow:auto; padding:5px; width:170px; height:70px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">Tambahkan teks atau kode script disini</div>
hasilnya seperti ini:

Tambahkan teks atau kode script disini

kode scroll yang lain:

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

hasilnya seperti ini:

isi halaman

atau kode yang ini:

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

hasilnya:

tulisan anda

sumber: editor

mesin pencari pintar

ini kode mesin pencari berbagai artikel:

hasilnya seperti ini:

silahkan anda ketik kata yang hendak anda cari:

membuat read more

*Login ke Blog anda
*Buka halaman design > Edit HTML > centang Expand template widget
*Cari kode </head> gunakan CTRL + F untuk mempermudah pencarian
*Paste kode berikut tepat dibawah </head>

<script type='text/javascript'>var thumbnail_mode="no-float" ;summary_noimg = 250; summary_img =250; img_thumb_height = 150; img_thumb_width = 150; </script><script src='http://script-bamz-us.googlecode.com/files/read-moreotomatis.js' type='text/javascript'/>

*Selanjutnya cari kode <data:post.body/> atau <p><data:post.body/></p> ( seperti biasan gunakan CTRL + F untuk mempermudah pencarian. Jika ditemukan 2 kode yang sama, gunakan atau ganti yang pertama.
*Jika sudah ketemu silahkan anda 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'>read more</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

*Finish simpan template dan lihat hasilnya
selamat mencoba semoga sukses
sumber: surat saktiku
http://suratsaktiku.blogspot.com/2012/01/read-more.html

membuat scroll box

<div align="center">
<table width="250" border="1">
<tr> <th colspan="100%" scope="col">hubungi saya</th></tr><tr><td><div style="font-family:arial;font-size:12px; overflow: scroll; width: 250px; height: 150px;"><div style="text-align: center; width: 100%; padding: 0 px; overflow: hidden;">assalamu'alaikum wr.wb.
silahkan anda tinggalkan pesan anda dipost komentar dibawah atau bisa lewat email (bedehbeih@bedehbeih.co.cc)
namun saya agak jarang buka email jadi lebih baik tinggalkan pesan anda dipost komentar dibawah ini saja.
terima kasih banyak
wassalamu'alaikum wr.wb.</div></div></td></tr>
</table>
</div>

hubungi saya
assalamu'alaikum wr.wb. silahkan anda tinggalkan pesan anda dipost komentar dibawah atau bisa lewat email (bedehbeih@bedehbeih.co.cc) namun saya agak jarang buka email jadi lebih baik tinggalkan pesan anda dipost komentar dibawah ini saja. terima kasih banyak wassalamu'alaikum wr.wb.

sumber: editor

Pengaberen

Cari Blog Ini

Kamis, 02 Februari 2012

mesin pencari pintar blog ini

Minggu, 01 Januari 2012

membuat kotak scroll

Kamis, 29 Desember 2011

mesin pencari pintar

Selasa, 13 Desember 2011

membuat read more

membuat scroll box

Labels

Daftar Blog pilihan