Tuesday, February 1, 2011

Cara Membuat Shoutmix (Buku Tamu)Tersembunyi Di Blog

1. Login terlebih dahulu

2. Lalu Tata Letak

3. Terus Element Halaman => Tambah Gadget

4. Pilih HTML/Script

5. Kemudian Anda masukkan Kode di bawah ini ke dalam Gadget HTML/Script

<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">

<!-- Begin ShoutMix - http://www.shoutmix.com -->
<iframe title="aatmtns" src="http://www1.shoutmix.com/?aatmtns" width="160" height="400" frameborder="0" scrolling="auto">
<a href="http://www1.shoutmix.com/?aatmtns">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 style="text-align:right">
<a href="http://goo.gl/6E7s1G">
[Pasang Widget]
</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></div>

7. Terus ganti Kode yang berwana merah dengan Kode Shoutmix Anda

8. Selesai Dech dan lihat hasilnya.


catatan:
apabila anda belum punya kode shoutmix nya silahkan baca artikel tentang
cara membuat shout box (buku tamu) atau kotak pesan

7 comments

Nice Info gan, kebetulan lewat.. liat info nya.. saya tempel dulu shoutmix nya di blog ane..

Infonya sangat bermanfaat gan. saya rasa artikel ini membuat saya lebih tahu dan lebih paham.
oh iya gan perkenalkan saya seorang blogger pemula yang masih belajar tentang blog.
makanya saya semangat cari info-info lain yang mungkin saja bermanfaat buat saya peribadi.
Oh iya berikut ini artikel yang saya bangga-banggakan gan. dibaca ya.
Cara Membuat Blog dengan Blogger
Cara Memasang Animasi Burung Twitter Melayang di Blog
Cara Memasang Widget Alexa Rank di Blog
Cara Membuat About Me Di Blog
Cara Membuat Buku Tamu Tersembunyi Pada Blogger

Semoga semua yang saya tulis bermanfaat buan agan pribadi termasuk pengunjung blog ini.
Kao mw buat buku tamu agan bisa baca di artikel Cara Membuat Buku Tamu Tersembunyi di Blog

Ok gan. terimakasih lagi atas infonya, semoga agan rajin updatenya dan sukses selalu.
salam kenal dari saya.

Terimakasih gan.. semoga bermanfaat semua ya...
salam kenal juga dari saya, salam blogger...

Bisnis Online

Sangat bermanfaat, terimakasih Min, di tunggu artikel selanjutnya, yang lebih cetar Membahana .. :)

kunjungi balik ya gan klo ingin dapatkan rebate trading hingga 90% : http://ibrebateoctaforex.blogspot.com/

Pendownload yang baik itu yang meninggalkan komentar, biarpun itu hanya ucapan " Terima Kasih "
EmoticonEmoticon