PANDUAN,TIPS,TRIK DAN CARA MEMBUAT BLOG DENGAN MUDAH SERTA GRATIS

  • RSS
  • Delicious
  • Digg
  • Facebook
  • Twitter
  • Linkedin
  • Youtube

You need to upgrade your Flash Player to version 10 or newer.

MENU TERSEMBUNYI

  MEMBUAT BUKU TAMU (southbox) TERSEMBUNYI

Kalau anda melihat blog toturial blog ini maka pada pojok kanan blog akan muncul tulisa berwarna hijau yang kalau anda klik akan muncul 'shouthbox' sebuah buku tamu / setiap pengunjung blog anda meninggalkan pesan.

Bagaimana cara membuatnya,,????

1. Login pada blogger dasbor anda
2. Tata letak >>> Elemen Halaman >>> Tambah Gadget
3. Klik (+) HTML/Java script Copy dan pastekan kode 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('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">


< Letakkan disini kode Shoutbox Anda>
<div style="text-align:right">
<a href="http://toturialbkog.blogspot.com">
[Toturial blog]
</a>|<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> 

4. Kalau mau ganti gambar/tulisan silahkan diganti tulisan warna biru
   


height: 130px
width: 35px
background URL: http://i25.tinypic.com/jl5dsg.png
border: 3px solid #003399






height: 100px
width : 30px
background URL: http://i30.tinypic.com/2cqh6yu.png
border: 2px solid #A5BD51



height: 100px
width: 30px
background URL: http://img22.imageshack.us/img22/8941/tabs2.gif
border: 2px solid #FF0033
 


5.Ganti warna merah ini di ganti dengan kode 'southbox' anda
6. Simpan

Jangan lupa tinggalkan coment,,,, Salam blogger, service mobil

  • Share this
  • Sumbit to Digg
  • Sumbit to StumbleUpon
  • Sumbit to Delicious
  • Sumbit to Technorati
  • Sumbit to Reddit
  • Sumbit to Mixx
  • Sumbit to Twitter
  • Sumbit to Furl
  • Sumbit to Design Float
  • Sumbit to Blinklist
  • Sumbit to Yahoo Buzz
  • Sumbit to Google Bookmarks

Artikel Terkait

1 comments:

Tanah sakti said...

mas bisa minta petunjuk membuat Share this seperti yang diatas label ini ga ya...????

Post a Comment

SILAHKAH COMEN DULU...
MAKASIH TELAH MEMBERI COMEN DAN WUKTUNYA....
SALAM PERSAHABATAN.....
edy putra Jl.cik lanang62 Kauman Rt04/05 Jepara-59417

CARI ARTIKEL DISINI By Google

Loading

    COMENTATOR

    CHAT ROOM

    CONTAC Edy putra