November 18, 2011

Memasang Widget Buku Tamu Dengan Slide

Situseo Blog : Pada dasarnya script ini bisa dipergunakan untuk menyembunyikan berbagai widget, yang fungsinya untuk menghemat lembar halaman blog supaya tidak terlalu penuh oleh widget, buku tamu yang dimaksud adalah sebuah widget chat yang dipasang dalam blog, yang biasanya dipergunakan untuk saling menyapa.

Script widget buku tamu biasanya didapat dari layanan cbox atau shoutmix, untuk mendapatkan scriptnya kita harus mempunyai akun dari layanan tersebut, baik itu cbox maupun shoutmix. Pada situs layanan tersebut kita bisa langsung setting tampilan widgetnya, mulai dari warna dan ukurannya dll.

Sebagai contoh saya anggap kalian sudah memiliki script dari layanan situs cbox atau pun shoutmix, untuk menyembunyikan widget tersebut kita perlu tambahan script penyembunyi (slide), coba perhatikan script dibawah ini dan bagaimana cara memasang script cbox atau shoutmix menjadi tersembunyi (slide) :

1. Masuk akun blogger
2. Pilih Design atau Rancangan - Page Element - Add gadget/javascript
3. Sisipkan widget (script cbox atau shoutmix) dan Save

Untuk jelasnya perhatikan script dibawah 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://3.bp.blogspot.com/-gtOqS5WC0HU/TsYpvAWyPgI/AAAAAAAAAMw/ojB9XNxpPb4/s1600/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">

<!-- Simpan Kode Widget (buku tamu) Disini -->

<br/>
<span class="Apple-style-span" style="color: black; font-family: arial, sans-serif; font-size: 10px;"><a href="http://situseo.blogspot.com/2011/11/menyembunyikan-berbagai-widget-buku.html" target="_blank">thank you for visiting</a></span>
<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>

Tentukan ketinggian posisi widgetnya, pada script tersebut pada posisi 50 px dan letakan script   widget pada keterangan yang bertanda merah.

Semoga bermanfaat,

16 Diskusi untuk Memasang Widget Buku Tamu Dengan Slide

29 Januari 2012 15.37  

pas mantab mantab artikelnya broooowwwww...dn blog'y juga bagus alias maknyus... thanks atas info'y wwww.joinusbyajeng.blogspot.com barangkali klo ada waktu mampir y brooowww... untuk pencerahan masud'y biar blog saya lebih optimal lagi :D

29 Januari 2012 21.39  

@JOIN Us : tank's...langsung ke tkp

Anonim
30 Januari 2012 12.42  

SSSSSSIIIIIIIIIP



UDAH muter muter , akhir nya ketemu juga ,, makasih MAS BRO ,, kunjungi blog musik ane www.riz-kisaragi.blogspot.com .

4 Februari 2012 01.43  

berkunjung sob

Anonim
11 Februari 2012 20.09  

keren

4 Maret 2012 07.19  

sip mas

19 Maret 2012 14.32  

bermanfaat banget nih artikelnya,thks

19 Maret 2012 14.41  

@Nafilata Primadia thanks juga, semoga berguna

11 Mei 2012 14.14  

blognya keren bgt dah

14 Mei 2012 13.29  

makasih widgetnya

Anonim
27 Mei 2012 11.07  

I hate to comment, but for your post i am going to give it a try. You've gained a loyal reader my friend

8 November 2012 10.45  

nice info gan...
keep posting...
visit blog saya ya http://aghnieembem.blogspot.com/

9 November 2012 03.36  

mantap bro..walaupun gak mudeng..hehehehe

12 Desember 2012 12.46  

Masih Bingung caranya gan...follow back ya???

claraputrishop.blogspot.com

25 November 2014 22.08  

i like here
http://www.kpopmystars.com/

21 Oktober 2016 19.54  

salam sob, blognya bagus sekali, masih perlu belajar, thanks tutorialnya sob

Posting Komentar

supaya diskusi berjalan baik, gunakan tombol jawab untuk reply. penggunaan tombol jawab, jangan menghapus kode komentar pada kotak komentar, cukup mengetikan komentar disebelah atau dibawah kode komentar. Terima kasih.

rate this post
beri nilai posting ini
Terima kasih,

Template by Dicas Blogger | Modifikasi ulang oleh Mas Dalang

101011  ©Situseo Blog | Powered by Blogger | Back to Top