Cara Membuat Buku Tamu Dengan Shoutmix Box
Shoutmix Box Chatt
Bismillah.... Melihat judul diatas Cara Membuat Buku Tamu Dengan Shoutmix Box mungkin sobat agak rancu membacanya,, he he saya juga pusing mau apa judulnya. tapi maksud nya adalah cara memasang box shoutmix gitu aja lah..

Untuk membuat box shoutmix ini mudah sekali, langkah pertama sobat kunjungi situs shoutmix di alamat http://www.shoutmix.com/ jika sobat belum punya akun silahkan sobat daftar dulu. sobat tinggal mengisi user name, password dan alamat email.

Jika sudah sobat langsung login. dan dapatkan kode shoutmixnya di bawah tulisan shoutmix overview, lalu copy code tersebut.

tutorial Membuat Buku Tamu Dengan Shoutmix Box
Code Shoutmix Book

  • Setelah di copy sobat login ke blogger dan masuk ke area Rancangan/Design Blog
  • Tambahkan Gadget HTML/JavaScript
  • Dan paste Kode tadi area HTML/JavaScript
  • langkah terakhir Save dan lihat hasilnya

Jika sobat mau meletakan gadget tersebut di pinggir dengan posisi float, sobat tinggal tambahkan kode di bawah 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/_NSa8I94a3wg/TJHDAQiJqSI/AAAAAAAAAGo/0LukH8E000Y/s800/tabs_asep.png') no-repeat;}
.gbcontent{float:left;border:2px solid #cd8c3d;background:#050505;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">

Kode Shoutmix Disini

<div style="text-align:right">
<a href=""></a>|<a href="javascript:showHideGB()"></a></div></div>
<a href="http://lutfietutor.blogspot.com/" target="_blank" title="Lutfi Tutorial Blog">GADGET</a>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>
Gaanti tulisan yang berwarna merah dengan code shoutmix yang tadi sobat copy. semoga berhasil. Good Luck Happy Blooging
Axact

Z-PLATE

Terima Kasih Telah Berkunjung dan Berkanan Membaca artikel dari Blog Kami, Silahkan Masukan Komentar Untuk menambah Motivasi Kami.

Post A Comment:

11 comments:

  1. wah udah ane praktekan nih :D thanks ya bro btw ane ada postingan terbaru nih :) jika berkenan di baca :)

    BalasHapus
  2. wah ane mau coba ni..
    mari mampir y gan. :)

    BalasHapus
  3. makasiihh :D
    join juga d blog ku yahh :D salam kenal :)

    BalasHapus
  4. sy akan coba gan semoga sukses

    BalasHapus
  5. desain blognya rame namun cukup menarik....
    salam kenal bang.........

    BalasHapus
  6. Blog ente sangat menarin nih. TOP!
    Kunjungi juga blog ane gan
    rangkuman-pengetahuan.blogspot.com

    BalasHapus
  7. Kabar Baik dan gembira
    Kami marketing dari beberapa Bank bergabung
    untuk membantu Anda mendapatkan dana. dengan
    membangun beberapa situs untuk memudahkan anda
    menghubunggi kami adapun situs tersebut adalah:


    http://butuhpinjamanuang.weebly.com/
    http://pinjamantanpaanggunan.weebly.com/
    http://pinjamanrenovasirumah.weebly.com/
    http://kreditbank.weebly.com/
    http://kreditrenovasirumah.weebly.com/
    http://kredittanpaanggunan.weebly.com/
    http://pinjamuangtanpajaminan.weebly.com/
    http://pinjamanbankindonesia.weebly.com/
    http://pinjamantunaicepat.weebly.com/
    http://pinjamanuangonline.weebly.com/
    http://kreditonline.weebly.com/


    Semoga informasi ini bermanfaat dan membantu rekan
    sekalian, yang membutuhkan dana dan modal untuk
    memperbesar usaha anda.


    Hormat kami


    Team Kredit Tanpa Anggunan
    Pin:22D31950 HP: 087888011156

    BalasHapus