• Home Home
  • Buku Tamu
  • Kontak
  • Fb
  • Download Theme Blogger
  • Versi Mobile

:D

THIS BLOG HAS BEEN HACKED :D


#YOSH24


Thanks for Quest

I WIN


#HackerIndonesia

cara membuat shoutbox melayang berada di samping blog with jquery

"fv aRhy" 12 Apr 2011

Untuk tampilannya mungkin bisa dilihat dan klik gambar disini :

  untuk dara membuatnya yaitu sebagai berikut :
  1. Log in blogger
  2. Masuk ke rancangan
  3. Elemen laman
  4. tambah gadget, html/java script
  5. Kopi pastekan kode di bawah ini :


<style type="text/css">
.gb_fixed{
position:fixed;
top:0px; right:0px;
z-index:+10;
}
* html .gb_fixed {position:relative;}
#hidden_gb2 {
display:none;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxf5J-qcnd4f9UKUaWebYXqGOfvtkLVqYWzBWPdoFt2RZDmnbw-7bz-YAWTtC89UI6QXyn5y-bVJP2We8-pNO1JH6Tl_xof41tYbDCrFLRrIpE-2aBsdQSPSpf47m30RCmetIXWOeAhwjP/s1600/papers.jpg
)repeat;
color:#000;
padding:10px 10px 10px 10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-box-shadow: 2px 2px 4px #8bd268;
-moz-box-shadow: 2px 2px 4px #8bd268;
}
</style>
<div class="gb_fixed">
<table id="hidden_gb2" cellpadding="0" cellspacing="0">
<tr><td>
<div><a href="javascript:void(0)" onclick="gb_showHideGB()"><b style=" background:-moz-linear-gradient(top, #051547, #999, #051547); color:#6cec17;
padding:10px 10px 10px 10px;
-moz-border-radius-topright:10px;
-webkit-border-top-right-radius:10px;
-moz-border-radius-bottomright:10px;
-webkit-border-bottom-right-radius:10px;
-moz-border-radius-topleft:10px;
-webkit-border-top-left-radius:10px;
-moz-border-radius-bottomleft:10px;
-webkit-border-bottom-left-radius:10px;
-webkit-box-shadow: 2px 2px 4px #8bd268;
-moz-box-shadow: 2px 2px 4px #8bd268;"> TUTUP BUKU TAMU </b></a></div>

Masukkan script atau kode buku tamu kawan disini

</td></tr></table>
</div>
<script src="http://kangdadang.googlecode.com/files/shouteffect.js"></script>
<div style="z-index:+5" class="gb_fixed">
<a href="javascript:void(0)" onclick="gb_showHideGB()">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqQkqw5XdwJGODyUKWz3GBR5rF-ZdUwLCmIYDFGgq8XQFp29iNIFOzvt_1_9m2_oi4FGObgRu_HG-rq8u4JXo5Cf3_86BHGRcd9-_5-vRl8kJu7WOldRoNN-oSm0u3rxoKUYJWN9GPM2c/s1600/TabGBcopy.png" />

</a>
</div>


Masukkan script atau kode buku tamu kawan disini silahkan masukkan kode buku tamu nya disitu,
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqQkqw5XdwJGODyUKWz3GBR5rF-ZdUwLCmIYDFGgq8XQFp29iNIFOzvt_1_9m2_oi4FGObgRu_HG-rq8u4JXo5Cf3_86BHGRcd9-_5-vRl8kJu7WOldRoNN-oSm0u3rxoKUYJWN9GPM2c/s1600/TabGBcopy.png adalah link gambar, silahkan ganti sesuai keinginan

Jika sudah langsung Simpan..................

dan lihat hasilnya.

selamat mencoba

Posting Komentar

blogging tidak ubahnya dunia offline, banyak hal yang harus anda pahami. jangan menerima suatu informasi dengan apa adanya. blogger yang maju selalu kritis terhadap apapun,,,salah satu caranya dengan berkomentar..