id='pagemenucontainer'>

  • Go to Puncak Joko Budeg Mountain in Tulungagung.
  • Daftar Link Download Naruto Sub Indo.
  • Replace This Text With Your Featured Post 3 Description.
  • Replace This Text With Your Featured Post 4 Description.
Silakan dinonton dan dinikmati :
Terima Kasih Atas Kunjungannya
By ajie999
Silakan disimak dan dinikmati :

Kamis, 29 Juli 2010

Cara mudah membuat shoutmix (buku tamu) tersembunyi


Salam hangat buat kalian semua...

Mungkin postingan ini sudah banyak di dalam dunia blog.Tapi tak apalah,buat nambah postingan ajie999 gitu...hehehe....!!Disini ajie999 menampilkan tanda buku tamu yang agak berbeda.Maaf kalo tandanya cuma sederhana seperti pada gambar diatas (maklum buatan sendiri).

Bila kalian minat ikuti langkah-langkahnya...
Pertama kalian harus daftar/membuat buku tamunya.ajie999 disini memakai shoutmix.Bagi kalian yang sudah punya lewati langkah ini dan bagi kalian yang belum punya silahkan klik disini
Bila kalian sudah daftar/buat buku tamunya silahkan ikuti langkah selanjutnya...
  • Login dengan ID blog kalian
  • Klik Layout - Page element - Add a gadget - HTML/JavaScript
  • Copy kode HTML di bawah
  • Paste di Content HTML/JavaScript
  • Lalu Save


<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://i822.photobucket.com/albums/zz148/aji999/bukutamu-1-1-1.jpg') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #FE9A2E;
background:#848484;
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="ajie999" src="http://www4.shoutmix.com/?ajie999" width="" height="" frameborder="0" scrolling="auto"><a href="http://www4.shoutmix.com/?ajie999">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 -->

Mau yang seperti ini??
Klik aja <a href="http://ajie999.blogspot.com/2010/07/cara-mudah-membuat-shoutmix-buku-tamu_29.html"target="_blank">disini</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>


Perlu diperhatikan !!
_Paragraf yang tebal kalian ganti dengan kode yang kalian dapat dari shoutmix.
_Untuk gambar tanda buku tamu diatas warnanya adalah warna hijau seperti yang dipasang di blog ajie999 sebelah kanan atas.
_Untuk yang ingin mengganti warna yang lain yang sesuai dengan template kalian,ajie999 sudah menyiapkan warna-warna yang lain.Diantaranya :

Ungu
http://i822.photobucket.com/albums/zz148/aji999/bukutamu-1-1-1-2.jpg

Merah
http://i822.photobucket.com/albums/zz148/aji999/bukutamu-1-1-1-2-1.jpg

Biru
http://i822.photobucket.com/albums/zz148/aji999/bukutamu-1-1-1-1.jpg

Hitam
http://i822.photobucket.com/albums/zz148/aji999/bukutamu-1-1-1-2-1-1.jpg

Cara menggantinya,pilih salah satu kode warna pilihan kalian lalu copy dan paste-kan/ganti kode yang berwarna biru
*Note :
Bila kalian ingin merubah posisi tanda buku tamunya keatas ato kebawah,kalian tinggal ganti angka yang berwarna merah

Misal : bila mau lebih keatas ganti angka 30 dan bila lebih kebawah ganti angka 70 atau sesuka kalian,sesuai dengan kebutuhan kalian


Dan lihat!!! Mudahkan....

Semoga bisa bermanfaat bagi kalin semua....
Dan jangan lupa untuk komentarnya!!






Tidak ada komentar:

Posting Komentar

powered by aJie999 | WordPress by Newwpthemes