9

Cara Membuat Buku Tamu Melayang (Hide Shoutbox)

Cara Membuat Buku Tamu Melayang (Hide Shoutbox) – Waktu buka facebook pagi ini saya mendapatkan pesan dari salah seorang teman yang bergabung di group Info Seputar Internet.   Isi pesan tersebut menanyakan bagaimana cara membuat hide shoutbox yang ada pada beberapa blogger. Oleh karena itu saya berinisiatif untuk menerbitkan artikelnya pada blog ini, hitung-hitung buat catatan pribadi saya. Untuk shoutbox sendiri ada berbagai macam pendapat dari kalangan blogger, ada yang menganggap perlu dan ada juga yang menganggap tidak perlu. Bagi saya semua tergantung kebutuhan dan untuk seorang newbie seperti saya shoutbox masih saya butuhkan.
Kelebihan shoutbox dengan tampilan hide shoutbox yaitu meminimalkan penggunaan widget pada blog apalagi untuk tampilan blog 2 kolom. Sayang sekali hide shoutbox ini tidak bekerja otomatis pada browser ponsel.

Untuk menerapakam pada blog seperti biasa anda login dulu ke blogger pilih => rancangan => elemen halaman => tambah gadget (terserah pada posisi gadget yang mana).

Selanjutnya copy kode dibawah ini dan ganti tulisan “Masukkan kod Shout Box di sini” dengan kode shoubox anda lalu paste pada halaman penempatan gadget.

(Kode Dibawah Ini Hanya Untuk Script HIDE, Belum termasuk kode shoutboxnya)

<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/_LZtXSNcp76A/SzzN08B1K5I/AAAAAAAAA0U/QT4rY6-FhI8/s320/tabs.png’) no-repeat;
}
.gbcontent{
float:left;
border:2px solid #666666;
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 onclick=”showHideGB()”> </div>
<div>

Masukkan kod Shout Box di sini
<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>

Setelah itu silahkan klik “simpan
Apabila tidak ada kesalahan maka hasilnya akan seperti ini :

Pada posisi hide seperti ini :

Silahkan dicoba !!!

Salam : Basri Tamang

Filed in: Tips Dan Trik Blogspot Tags: , ,

Recent Posts

Bookmark and Promote!

9 Responses to "Cara Membuat Buku Tamu Melayang (Hide Shoutbox)"

  1. Selamat sore,,, berkunjung sebentar jalan2 di blog ini,mn tau ada postingan menarik.. Salam :)

  2. oppogue says:

    After seeing a near pal going trough a tough time because of a disease caused through using tobacco I made it my own quest to save as many other individuals as is possible from the same exact experience, but soon I realized that it doesn’t matter how great your arguments are it’s usually very hard to make a smoker give up smoking, not necessarily because your arguments aren’t sufficiently good and not because the smoker is not happy to stop but simply due to the fact nicotine is really a even more addicting drug than heroin and also cocaine (scientifically proven).

    Then I realised there is actually a method to stop smoking without quitting smoking, therefore give the smoker his / her pleasure as well as habit yet save them from the dangerous effects of cigarettes.

    The Things I am speaking about are e cigarettes. Read regarding all the side effects connected with smoking and the way a electronic cigarette could help you quite cigarettes or just allow you to follow your current habit and obtain your kick with no damaging negative effects of smoking cigarettes on my web page http://electroniccigarette0.com

    P.S. I am hoping this will not be deleted because of having a hyperlink to my site as I only attempt to inform and help.

    God bless you

    Chrissy M.

  3. It’s really a nice and helpful piece of information. I’m glad that you shared this helpful info with us. Please keep us informed like this. Thanks for sharing.

  4. kehidupan says:

    mantab,, nivh,, postingnya keren,,, dan bermanfaat

  5. irfan says:

    kok tidak bisa ya? alasannya apa? padahal uda di pindahkan…

  6. nasmoco says:

    walaupun agak sulit tapi akhirnya bisa juga saya pasang pada blog saya

  7. Around my quest on the web, We seen this blog publish, It is rather comprehensive but you ought to acknowledge this kind of remark. I need money too

  8. Hi, Neat post. There’s an issue with your website in internet explorer, may check this¡K IE still is the market chief and a huge element of other people will leave out your fantastic writing due to this problem.

Leave a Reply

Submit Comment

© 2016 Info Seputar Internet | Acai Berry Murah. All rights reserved. XHTML / CSS Valid.
Redesain By chapila.