Hangs Breaker: blog

Showing posts with label blog. Show all posts

Membuat Buku Tamu di Blog

1. Daftar dulu ke cbox.ws, gratis
2. Seting CBOX sesusai keinginanmu
3. Stelah itu dapatkan kode cbox mu
4. Buka blogmu, tambahkan widged yang html/javacsript
5. Pastekan kode ini di widged tersebut
<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
cursor:pointer;
float:left;
background:url('http://i1107.photobucket.com/albums/h386/hangsbreaker/chating.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:10px;
}
</style>

<script type="text/javascript">
function showHideGB(){
var gb = document.getElementById("gb");
var w = gb.offsetWidth;
gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);
gb.opened = !gb.opened;
}
function moveGB(x0, xf){
var gb = document.getElementById("gb");
var dx = Math.abs(x0-xf) > 10 ? 5 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
gb.style.right = x.toString() + "px";
if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
}
</script>

<div id="gb">

<div class="gbtab" onclick="showHideGB()"> </div>

<div class="gbcontent">


<div id="cboxdiv" style="text-align: center; line-height: 0">
<div><iframe frameborder="0" width="170" height="305" src="http://www2.cbox.ws/box/?boxid=2220981&boxtag=75495s&sec=main" marginheight="2" marginwidth="2" scrolling="auto" allowtransparency="yes" name="cboxmain" style="border:#000000 1px solid;" id="cboxmain"></iframe></div>
<div><iframe frameborder="0" width="170" height="75" src="http://www2.cbox.ws/box/?boxid=2220981&boxtag=75495s&sec=form" marginheight="2" marginwidth="2" scrolling="no" allowtransparency="yes" name="cboxform" style="border:#000000 1px solid;border-top:0px" id="cboxform"></iframe></div>
</div>


<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

6. Pada tag  sampai  atau tulisan yang tercetak tebal ganti dengan kode cbox mu.

Tambahan:
Setelah saya coba, kode tersebut cocokdi taruh di widged sbelah kanan agar dapat menutup dikanan. Silahkan dimodifikasi sendiri sesuai keinginan Anda. Selamat mencoba.

Ubah Warna Background kotak komentar

Untuk memebuat warna bacground kotak komentar pada blogspot seperti gambar di bawah, saya menggunakan warna putih pada background kotak komentar saya.

masuk pada Rancangan>edit HTML>cari #comments {. Pada properti backgroundnya seperti dibawah.
    #comments {
    background: #ffffff;
    padding: 15px;
    }

Untuk background: #ffffff anda bisa mengganti nya dengan warna lain. Selamat mencoba

Cara Mengganti Icon Pada Address Bar

Jika kita membuka suatu website atau blog maka seringkali kita menjumpai ada sebuah gambar atau icon pada address bar (kotak untuk mengetikkan alamat web). Dan jika kita punya blog di Blogspot maka icon default yang akan tampil adalah gambar seperti ini :

Bagi kamu yang tidak puas dengan icon/gambar tersebut, kamu bisa menggantinya dengan gambar sesuai dengan keinginanmu. caranya sangat mudah, yaitu dengan membuat gambar (gif, jpg, ico, dan lain2) dengan ukuran kira2 24x42 pixel sampai 32x32 pixel (sebenarnya ukurannya bebas sih, tapi biar filenya kecil dan proses membukanya cepat). Setelah itu
masuk ke "Layout --> Edit HTML" trus tempatkan script berikut sebelum kode
</head>

<link href='http://kendhin.890m.com/sonictrik.gif' rel='SHORTCUT ICON'/>

ganti huruf yang dicetak tebal dengan lokasi gambar dimana kamu menyimpannya. Kamu bisa menyimpan gambarmu di photobucket dan juga di imageshack atau kalo kamu tidak mau pusing dibawah ini ada beberapa contoh icon/gambar beserta dengan linknya.