Cara Memasang Shoutmix Chat Melayang di Blogspot. Bagi Teman-teman yang hobi BW (blog walking) mungkin widget shoutmix merupakan salah satu widget wajib bagi anda. Kenapa? karena dengan menggunakan widget ini kita bisa meninggalkan jejak satu sama lain yang mempermudah kita untuk melacak siapa saja yang sudah singgah ke dalam blog kita.

Yang jadi masalah adalah dengan penempatan shoutmix ini akan memenuhi sidebar blog kita. Tapi ini bisa kita akali dengan menggunakan shoutmix chat melayang di blogspot. Tetap eksis tanpa mengurangi fungsionalitas. Walaupun saya sendiri memiliki pengalaman yang kurang baik dengan shoutmix chat tapi apa salahnya jika saya berbagi tutorial cara memasang shoutmix chat melayang di blogspot.

Berikut beberapa cara simple yang bisa digunakan.

• Langsung ke TKP dashbord =>> rancangan
• Klik tambah gadget.
• Selanjutnya pilih HTML/Java Script.
• Masukkan kode script di bawah ini

<script type=”text/javascript”>// <![CDATA[
<br  />function showHideGB(){<br  />var gb = document.getElementById("gb");<br  />var w = gb.offsetWidth;<br  />gb.opened ? moveGB(0, 30-w) : moveGB(20-w, 0);<br  />gb.opened = !gb.opened;<br  />}<br  />function moveGB(x0, xf){<br  />var gb = document.getElementById("gb");<br  />var dx = Math.abs(x0-xf) > 10 ? 5 : 1;<br  />var dir = xf>x0 ? 1 : -1;<br  />var x = x0 + dx * dir;<br  />gb.style.right = x.toString() + "px";<br  />if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}<br  />}<br  />
// ]]></script>
<div id=”gb”>
<div onclick=”showHideGB()”></div>
<div>

MASUKAN KODE CHATBOX ANDA DI SINI

&nbsp;

</div>
</div>
<script type=”text/javascript”>// <![CDATA[
<br  />var gb = document.getElementById("gb");<br  />gb.style.right = (30-gb.offsetWidth).toString() + "px";<br  />
// ]]></script>

• Simpan pekerjaan anda dan lihat hasilnya

Edit yuk:

• kode url (yang berwarna biru) dapat dirubah dengan gambar milik anda sendiri.
• height:100px; (ganti nominal 100 untuk menentukan panjang widget bukan panjang shoutmixnya. Lebih baik disesuaikan)
  width:30px; (ganti nominal 30 untuk menentukan lebar)
  float:left; (left untuk pemasangan di kiri, right untuk kanan)
• Jangan lupa masukan kode shoutmix  anda.

Selamat mencoba dan salam sukses. (bisa juga diterapkan di wordpress)

Pernah menuliskan salah satunya?

kode shoutmix (3), shoutmix (3), menambah chatbox pada blogspot (3), cara memasang chat (2), cara memasang shoutbox pada blog (2), memasang shout box tersembunyi pada blogspot (1), memasang shout mix di blog (1), memasang shoutmix di blog (1), penempatan shoutmix blog paling keren (1), shoutbox melayang (1), shoutbox melayang untuk blog (1), bagaimana memasukan kode shoutmix untuk chatbox (1), kode shoutbox pada blog (1), code shout mix pada blogspot (1), bagaimana script shoutmix nya (1), cara memasang shoutbox di blog (1), cara memasang shoutbox widget pada wordpress (1), cara memasang shoutbox widget untuk wordpress (1), cara membuat chat box melayang pada blog (1), cara menambah shoutbox melayang pada blog (1), cara pasang shoutbox (1), cara pasang shoutbox di blog (1), widget chat melayang (1),