Minggu, 12 Agustus 2012

ass smuanya

langsung aja ya

pertama kamu harus daftar dulu di situs shoutmix / cbox
klo udah daftar langsung ikuti cara di bawah ini
Dan apabila anda ingin shoutmix / shout box anda tampil di bagian kanan / kiri blog.
anda bisa mngikuti trik berikut ini oke langsung aja lihat dengan seksama cara membuat nya:
 Berikut langkah-langkah memasangnya :
1. Login akun blog anda
2. Masuk pada Tata letak (layout)
3. Pilih Elemen halaman (page element)
4. Klik Tambah gadget (add gadget)
5. Pilih HTML/Javascript
6. Masukkan kode berikut ini dalam kolom yang tersedia
 
untuk left (kiri)


Klik show untuk melihat

<!-- left hidden  chatbox by  http://anima-generation.blogspot.com  START  --><style>#hcl    {position:fixed;top:100px;left:0px;z-index:+1000;}* html #hcl    {position:relative;}.hcltab    {height:100px;width:30px;float:left;cursor:pointer;background:url('http://3.bp.blogspot.com/_Z_KyM3IvEFQ/S2Evq5hIpUI/AAAAAAAABAM/3qo6ScKImhw/s400/cbred-LEFT.png')    no-repeat;}.hclcontent {float:left;border:2px solid    #790909;background:#f3f6f7;padding:10px;}.hc-credit    {font-size:9px}.hc-credit a    {text-decoration:none}</style><script    type="text/javascript">function showHidehcl(){var hcl =    document.getElementById("hcl");var w = hcl.offsetWidth;hcl.opened ?    movehcl(0, 30-w) : movehcl(20-w, 0);hcl.opened = !hcl.opened;}function    movehcl(x0, xf){var hcl = document.getElementById("hcl");var dx =    Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 +    dx * dir;hcl.style.left = x.toString() +    "px";if(x0!=xf){setTimeout("movehcl("+x+", "+xf+")",    10);}}</script><div id="hcl"><div    class="hclcontent">
<!-- KODE SHOUTMIX ANDA -->
<br    /><div class="hc-credit"><span style="float:left"><!--    THIS CREDIT MUST STAY INTACT FOR LEGAL USE --><a    href="http://prajuritbatin.blogspot.com"    target="_blank">Get this widget!</a></span><span    style="float:right"><a    href="javascript:showHidehcl()">[close]</a></span></div></div><div    class="hcltab" onclick="showHidehcl()">    </div></div><script type="text/javascript">var hcl =    document.getElementById("hcl");hcl.style.left =    (30-hcl.offsetWidth).toString() + "px";</script><!-- left    hidden chatbox by http://prajuritbatin.blogspot.com/ END -->


untuk right (kanan)

Klik show untuk melihat

 <!-- right hidden  chatbox by  http://www.os-cyber.com START  --><style>#hcr   {position:fixed;top:100px;z-index:+1000;}*  html #hcr   {position:relative;}.hcrtab    {height:100px;width:30px;float:left;cursor:pointer;background:url('http://2.bp.blogspot.com/_Z_KyM3IvEFQ/S2EvgsgQ7nI/AAAAAAAAA_k/gq8QRLZcHFs/s400/cbblue.png')    no-repeat;}.hcrcontent {float:left;border:2px solid    #003e82;background:#f3f6f7;padding:10px;}.hc-credit    {font-size:9px}.hc-credit a    {text-decoration:none}</style><script    type="text/javascript">function showHidehcr(){var hcr =    document.getElementById("hcr");var w = hcr.offsetWidth;hcr.opened ?    movehcr(0, 30-w) : movehcr(20-w, 0);hcr.opened = !hcr.opened;}function    movehcr(x0, xf){var hcr = document.getElementById("hcr");var dx =    Math.abs(x0-xf) > 10 ? 5 : 1;var dir = xf>x0 ? 1 : -1;var x = x0 +    dx * dir;hcr.style.right = x.toString() +    "px";if(x0!=xf){setTimeout("movehcr("+x+", "+xf+")",    10);}}</script><div id="hcr"><div class="hcrtab"    onclick="showHidehcr()"> </div><div    class="hcrcontent">
<!-- KODE SHOUTMIX ANDA DISINI -->
<br    /><div class="hc-credit"><span style="float:left"><!--    THIS CREDIT MUST STAY INTACT FOR LEGAL USE --><a    href="http://prajuritbatin.blogspot.coml"    target="_blank">Get this widget!</a></span><span    style="float:right"><a    href="javascript:showHidehcr()">[close]</a></span></div></div></div><script    type="text/javascript">var hcr =    document.getElementById("hcr");hcr.style.right =    (30-hcr.offsetWidth).toString() + "px";</script><!-- right    hidden chatbox by http://prajuritbatin.blogspot.com END -->


Berikut keterangannya..
<!-- KODE SHOUTMIX ANDA DISINI --> silahkan code yang berwarna merah anda ganti dengan code shoutmix / cbox / chatbox anda


1. top:100px = keterangan jarak icon hidden chatbox dari atas (top) sejauh 100 px
2. height:100px = tinggi (height) tampilan icon hidden chatbox yang sebesar 100 px
3. width:30px = lebar (width) tampilan icon hidden chatbox yang sebesar 30 px
4. border:2px solid #003e82 = warna (solid) dan ukuran border yaitu #003e82 dan border sebesar 2 px
5. background:#f3f6f7 = warna background pada chatbox saat ditampilkan
6.background:url('http://2.bp.blogspot.com/_Z_KyM3IvEFQ/S2EvgsgQ7nI/AAAAAAAAA_k/gq8QRLZcHFs/s400/cbblue.png') no-repeat = icon hidden chatbox yang akan berguna untuk menampilkan chatbox yang disembunyikan

sumber

Tidak ada komentar:

Posting Komentar