<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/AVvXsEjO_9yC9IAdY6hv76XArtptYqAylgWXXNgAxkcwZiAfyE9M2J8Av-8G7nJvFIJ1EtJeGj_0LPmRkm87z9YBm72yEboqI7ggwOcWarqeeNtbk_sJsqaB1thixX8d7UW99jKyutYgvErqp9nW/') 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">
<iframe frameborder="0" src="http://kumpulblogger.com/mac.php?b=47663" width="160px" height="400px" marginwidth=0 marginheight=0 ></iframe>
<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="akubsaputra" src="http://www5.shoutmix.com/?akubsaputra" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www5.shoutmix.com/?akubsaputra">View shoutbox</a>
</iframe>
<br /><a href="http://www.shoutmix.com" title="Get your own free shoutbox chat widget at ShoutMix!">ShoutMix chat widget</a><br />
<!-- End ShoutMix -->
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Hurup yang tercetak warna biru adalah scrift iklan kumpul blogger yang berukuran 160x400 dan yang berwarna merah adalah kode Shoutmix.. sebaiknya ukuran shoutmix sama iklan harus disamakan supaya enak dipandangnya Cukup mudah bukan? segitu aja ya sob tipnya mudah mudahan bisa bermanfaat...
24 comments:
mantap kang harus langsung dicoba nih=))
wah..manthb mz ;))
mantap kang info-nya, jadi tertarik untuk buat ne
keren dah!!!!
salam kenal om
post yg menarik
this is a good practical guide. thanks
Kindly Related My Post :
Opera 9.64 - Final Release
Safari 4 - Full Version
Mozilla Firefox 3.5.2 - Full Version
Google Chrome 3.0.195.1 - Installer
Offline
Mozilla Firefox 3.5.1
Design Mozilla Firefox 4
Dangerous Rift in Firefox 3.5
Firefox 3 Spectacular, 8 Million Downloads in 24
Hours
Google Chrome 3.0.195.1 Juli 2009
Safari 4, The Faster Browser
Mantap banget nie.. om, lam kenal. tapi ngomong2 bisa untuk semua template ga ya? soalnya aku cari kode ini div class="gbcontent" di template blog ku ga ada, knp ya?
@Ipoen Sob bukan dicari template tapi di kode buku tamu tersembunyi itu... coba sobat bikin dulu buku tamu tersembunyi copas kode 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">
<!-- Ganti ini dengan kode buku tamu kamu -->
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Nah yang ada tulisan seperti ini <!-- Ganti ini dengan kode buku tamu kamu --> ganti dengan kode shoutmix nya punya sobat dan kode iklan bisa di letakan di atas kode shoutmix tersebut,dan jika sobat mau mengganti image contohnya ini http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png itu bisa diganti dengan kode image punya sobat seperti image buatan nya sobat erge nih http://i629.photobucket.com/albums/uu13/akubsaputra/guestbook.png
good info kek nya temuan baru nih ya hihi mantap sob semangat ....
Bagus juga penempatannya tapi buat aku malah bikin risih ajah. Buku tamu sebagai sarana interaktif pengunjung blog. Kalo dikasih seperti itu, malah bikin gak nyaman.
hebbbat banget pak... trik rahasia nee.. ane sedot dolo ah..!!!
kerenn nih tips nya :) sy coba yaaa
htr nuhun
makasih tipsnya bisa dicoba nich...
Mau di coba ne sob...
mantap infonya makasih...
still wish comment back..hihihi :D
trik bagus sob..
thanks infonya...
My XDA Blogspot
Wah keren juga nih broo!!!!
di coba dulu brader
Emang bisa to, walah baru tau aku, makasih infonya
Maksudnya apa sih,,, ??
gua gak ngerti..
Mnatap malah jd tempat Trik N Tip...
wah keren nih, hahaha.. bisa aja idenya.. :P
sangat bermanfaat ilmunya, saya simpan dulu linknya, makasih atas sharenya. sukses yaaa
nambah ilmu disini,..salam sabirinnet
Post a Comment