Efek Buble Pada Blog

Cara membuat efek kursor di blok BUBLE atau efek gelembumg.....Tips ini aku dapet dari blog teman yang dah berpengalaman di blogger ...[^_^]

Ok deh buat sobat" yang dah kepengen ma ini tips, Langsung aja ke TKP. hehehehe
1.Login ke Blogger
2.Rancangan --> Elemen Laman --> klik Tambah Gadget --> HTML/Javascript
3.Lalu Copy dan Paste Kode Bubble Kursor Efek di bawah ini di kotak HTML/Javascript....



NB :

* Kode yang berwarna merah adalah warna Bubble silahkan sobat ganti dengan warna kesukaan sobat, untuk bantuan kode warna silahkan klik disini.
* Kode yang berwarna biru adalah jumlah Bubble yang akan kita pasang. Sobat boleh menggantinya mau seberapa banyak Bubble yang akan di tampilkan

4. Simpan dan coba lihat hasilnya.....

Good Luck

Cara Membuat Daftar Isi Blogspot

Berikut Adalah Cara Membuat daftar isi blogspot keren yang telah saya modifikasi. Cara nya sangat Mudah. Tinggal Copy Code Di Bawah Ini.. Dan pastekan di postingan atau gadget anda. Jangan Lupa ganti tulisan berwarna merah dengan alamat URL blog anda :

<div style="text-align: center;"><span style="font-weight: bold; color: rgb(204, 0, 0);" >Navigasi</span>
</div>
<div class="fullpost"><div id="cl_option"> Loading... </div>
<div id="cl_content_list"> </div>
<script type="text/javascript">var jumlah_kata_dalam_ringkasan = 200;</script>
<script src="http://unduhfileku.co.cc/download/daftarisiblog.js"> </script>
<script src="http://www.contoh.blogspot.com/feeds/posts/default?alt=json-in-script&amp;callback=onLoadFeed&amp;max-results=500"> </script></div>

Cara membuat buku tamu tersembunyi

bagi yang ingin membuat buku tamu tersembunyi disamping, caranya adalah sebagai berikut :
1. Masuk ke blogger.
2. Masuk ke design/rancangan.
3. Di bagian elemen laman pilih "Tambah Gadget/Add a Gadget"
4. Copy Code Di Bawah ini :

<style type="text/css">
#gb{
position:fixed;
top:50px;
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL2TpvrZtj27R93x-L5faIllADa6JKeO_KqzlyFHZk9FItef-f4vQz8-nADYUUl8l9fvl553s2ZPTN7unraJPIDaui-rFgnXphhXo-rAIj-DmgrCRyHfj1Uwd_1aO5Qr4dJa6-JBNrRGSq/') 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">

<!-- Ganti ini dengan kode buku tamu kamu -->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://www.fahkry.tk/2011/10/cara-membuat-buku-tamu-tersembunyi.html">
sini (www.fahkry.tk)
</a>

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

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
 
5. Ganti Kode Yang berwarna merah dengan kode buku tamu / chatting yang 
telah anda    dapatkan dari situsnya. Misal cbox.ws atau shoutmix.
6. Selamat mencoba