Senin, 08 Oktober 2012

cara membuat textbox dalam blog

script code membuat textbox sebagai berikut:

<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;">ISI tulisan ada DISINI</textarea>

hasilnya akan seperti dibawah ini


Agar semua isi yang ada didalam textbox terselect (all select / terblok semuanya )
maka code scriptnya seperti
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onclick="this.focus();this.select()" >ISI Tulisan ada disini</textarea>
hasilnya

mm

Jika ingin membuat ketika diarahkan mouse maka otomatis terselect semuanya maka kodenya seperti 
<textarea style="height: 100px; width: 200px; overflow: scroll; background: #8CEFFD;" onmouseover="this.focus()" onfocus="this.select()" >ISI Tulisan ada DISINI</textarea>

hasilnya akan seperti

Minggu, 07 Oktober 2012

Script untuk membuat populer post dalam blog


cari ruangan kode html/javascript
masukkan code berikut

<ul>
<script language='javascript'>
aBold = false;
numposts=1000;
maxshowresult=5;
home_page = "http://kreasi-situsweb.blogspot.com/";
</script>

<script src='https://sites.google.com/site/unwanted86/javascript/unwanted86-popularpost.js' type='text/javascript'></script>

save dan lihat hasilnya


Sabtu, 06 Oktober 2012

Cara merubah kursor mouse pada blog

Buka website http://www.cursors-4u.com/
pilih kursor kesukaan anda


kemudian ambil  code nya
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur1.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur1.png), progress !important;}</style><a href="http://www.cursors-4u.com/cursor/2005/04/21/cur1-11.html" target="_blank" title="Electricity Lightning"><img src="http://cur.cursors-4u.net/cursor.png" border="0" alt="Electricity Lightning" style="position:absolute; top: 0px; right: 0px;" /></a>

masukkan kedalam ruang html/javascript
<style type="text/css">body, a:hover {cursor: url(http://cur.cursors-4u.net/cursors/cur-1/cur1.ani), url(http://cur.cursors-4u.net/cursors/cur-1/cur1.png), progress !important;}</style>
 
save dan lihat hasilnya


Jumat, 05 Oktober 2012

widget untuk mengetahui jumlah isi postingan dan comentar


cari ruang html/javascript
masukkan code berikut

<center><script style="text/javascript">
function totalPosts(json) {
document.write('Total Posts: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function totalComments(json) {
document.write('Total Comments: <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src=" /feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>
<script src=" /feeds/comments/default?alt=json-in-script&callback=totalComments"></script></center>

hasilnya seperti berikut



Kamis, 04 Oktober 2012

script untuk meletakkan button share facebook dalam blog

login dulu untuk masuk akun blogger.com
kemudian masuk ke dashboard >> templates >> edit html

cari kode berikut ini:
<div class='post-header-line-1'/>

kemudian masukkan kode button share fecebook berikut ini , tepat dibawah kode yang anda cari tadi
ini kode untuk button share to facebook
<div style="float:right;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>

hasilnya seperti berikut