Membuat Buku Tamu yang Buka Tutup
Kali ini rasanya saya membuat judul yang unik dech :D Membuat Buku Tamu yang Buka Tutup Namanya juga buku ya bisa dibuka dan ditutup donk. Yang sudah berkunjung mengisi buku tamu menuliskan namanya, alamatnya dan pesannya. Buku tamu ini dipasang di blog kita. Buku tamu ini lebih populer dengan sebutan shoutbox
Yang banyak diguanakan untuk buku tamu yang kita buat ini akan bisa di buka dan ditutup, jadi terus tampil di halaman blog secara tidak utuh, jika ingin buka tinggal ngeklik dan jika ingin tutup buku tamunya juga diklik aja. Ada tulisan BUKU TAMU yang nempel dipinggir halaman dan tinggal klik untuk buka tutupnya. Untuk membuat buku tamu yang bisa buka tutup ini, silahkan Anda buat widget shoutbox yang bisa didapatkan di shoutmix atau cbox. Di sana kita registrasi dan buat widgetnya lalu ambil kodenya.
Cara Membuat Buku Tamu yang Buka Tutup
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:
Kita taruh kode yang sudah peroleh dari shoutmix atau cbox ditempatnya (TARUH KODE WIDGET SHOUTOXMU DI SINI). Dan Simpan jika sudah selesai.
Yang banyak diguanakan untuk buku tamu yang kita buat ini akan bisa di buka dan ditutup, jadi terus tampil di halaman blog secara tidak utuh, jika ingin buka tinggal ngeklik dan jika ingin tutup buku tamunya juga diklik aja. Ada tulisan BUKU TAMU yang nempel dipinggir halaman dan tinggal klik untuk buka tutupnya. Untuk membuat buku tamu yang bisa buka tutup ini, silahkan Anda buat widget shoutbox yang bisa didapatkan di shoutmix atau cbox. Di sana kita registrasi dan buat widgetnya lalu ambil kodenya.
Cara Membuat Buku Tamu yang Buka Tutup
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:
<style type="text/css">
#gb{
position:fixed;
top:100px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:2px;
}
</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">
TARUH KODE WIDGET SHOUTOXMU DI SINI
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
#gb{
position:fixed;
top:100px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:2px;
}
</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">
TARUH KODE WIDGET SHOUTOXMU DI SINI
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
Kita taruh kode yang sudah peroleh dari shoutmix atau cbox ditempatnya (TARUH KODE WIDGET SHOUTOXMU DI SINI). Dan Simpan jika sudah selesai.
chatnya bakalan hilang ga tuh, soalnya kmren pnya saya cuma ganti warna saja hilang semua chatnya
BalasHapuscoba dulu ahhhh..... :D
BalasHapusasyik bos.......;) thnx yah?????ada yang baru gak yah.....
BalasHapuskalau flexinet lemod di coba aja di tambahin antena kaleng. postingan nya seperti disini http://www.budiutomo.com/2010/11/antena-kaleng-susu-appeton-weight-gain.html
BalasHapusSip Gan pas nyari2 nyangkut disini izin copas Gan!
BalasHapusboleh ya!(=))
Meletakkanya dimana ya Om :D
BalasHapusposisinya bisa lebih diturunkan lagi ga'? terlalu ke atas. mohon batuannya. makasih
BalasHapuswow mantapz gan
BalasHapustrims yach...
kunjungi www.alternatenation.tk
gan klau top dganti 800 bsa gaq :D
BalasHapusThanks Gan...
BalasHapusThx bgt gan..! :D
BalasHapusVisit My Blog : http://figothamyiz.blogspot.com
BalasHapusKlo kita copy paste Link tersebut apa shoutbox yg sudah ada jadi berpindah tempat? :0
BalasHapusMakasih : )
gan sudah saya coba,,,, bagus banget.... saya baru banget bikin blog,, masih bingung arah tujuanya,,,, mohon bantuanya ya gan,,,, izin copas maturnuwun,,,
BalasHapusizin make bro..
BalasHapusmakasih tipsnya Bro
BalasHapusgan tau cara bua Chat ROOm di blog gg...??? ;;)
BalasHapusmakasih sekali mas.. sangat bermafaat bagi saya yang baru belajar bikin blog,
BalasHapusijin pake gan...udah di terapin di blog ane...and its work properly. Thanks ya gan...:D
BalasHapus:)) keren gan..
BalasHapusmakasih yah....
BalasHapusgan tau nggak caranya membuat latar belakang kita berubah ubah gambarnya tanpa menggunakan format GIF ;))
BalasHapusthanx gan infonya....!!
BalasHapusmantap kali.....
saya sudah memasangx di blog saya gan...
BalasHapusterimakasih gan atas tutorialx ...
lw sempat gan berkunjung juga blog saya
http://lpunrt.blogspot.com
makasih ya
BalasHapusplus nitip blogspot
tukerlink yu www.sfversionindonesia.blogspot.com
ijin kopas sob...
BalasHapuslangsung ke TKP nie gan!!
BalasHapussekali lagi thx sob tipsnya, sdh saya coba dan hasil nya bagus.. :D tips disini keren2.. :)
BalasHapustanks ya sob atas infonya, sesekali bkunjungla k blog awak ne .....;;)
BalasHapusTerima kasih Mbah,Arung angka yg diberikan sma Mbah,tembus lagi ahirnya saya sudah buktikan 3x kemenangan main togel,jika anda sering kala main togel hub:Mbah,Arung No.0853/8438/4484 ATAU KLIK>> http://arungtogel.blogspot.com/ 100% pasti terbukti..,,,,
BalasHapusTerima kasih Mbah,Arung angka yg diberikan sma Mbah,tembus lagi ahirnya saya sudah buktikan 3x kemenangan main togel,jika anda sering kala main togel hub:Mbah,Arung No.0853/8438/4484 ATAU KLIK>> http://arungtogel.blogspot.com/ 100% pasti terbukti..,,,,,..
BalasHapusMantabbss bro.. thanks..
BalasHapusQuality аrticles ог гevіeωs is the іmportant to
BalasHapusinvіte thе pеople to pаy a visit thе ωеbѕіte, that's what this web page is providing.
Review my web page: software Development companies
Ηey Ӏ κnοω this iѕ off topic but
BalasHapusI was wondеring if yοu kneω of аny widgets I could add to
my blοg that automatically tweet my newest tωitteг updates.
I've been looking for a plug-in like this for quite some time and was hoping maybe you would have some experience with something like this. Please let me know if you run into anything. I truly enjoy reading your blog and I look forward to your new updates.
Also visit my webpage; webs.com
Post writing is also a fun, if уou be acquainteԁ with afterωard уou саn ωгite оtherwise іt is сomplicated to wгite.
BalasHapusAlso vіsit mу web site; Charter Internet Cable
Fаѕtidious resρonԁ in гeturn of this querу
BalasHapuswith solіd aгguments and desсгіbing the whole
thіng conсеrning that.
Reνiew my webpage; la crosse technology weather stations
I do agreе wіth аll the іdeаs yοu've offered in your post. They'гe
BalasHapusvery convincing аnd cаn dеfіnitely wοrk.
Still, thе poѕts aгe veгy short for bеginneгs.
Ϻaу yоu ρleasе pгοlοng them a littlе
from next time? Thank you for the post.
Feеl fгee to viѕit my site .
.. windows xp mode password
Ι trulу loνe уour blog.
BalasHapus. Vеry nicе сolоrs & theme. Diԁ you make this site yourѕelf?
Ρlease rеρly bасκ as I'm trying to create my own personal blog and want to find out where you got this from or exactly what the theme is named. Kudos!
Here is my website :: http://mrbean73.Blog.com/
I wanted to thank you for this great blog! I really enjoy every little bit of it and I have you bookmarked to check out new stuff you post.
BalasHapusminicab in w2
SAYA INGIN BERTERIMAKASIH BANYAK KEPADA MBAH RINGGO YANG SUDAH MEMBANTU ORANG TUA SAYA KARNA SELAMA INI ORANG ORANG TUA SAYA SEDANG TERLILIT HUTANG YANG BANYAK,,BERKAT BANTUAN MBAH SEKARAN ORANG TUA SAYA SUDAH BISA MELUNASI SEMUA HUTAN2NYA DAN SAWAH YANG DULUNYA SEMPAT DIGADAIKAN SEKARAN ALHAMDULILLAH SUDAH BISA DI TEBUS KEMBALI ITU SEMUA ATAS BANTUAN MBAH RINGGO YANG MEMBERIKAN ANKA RITUALNYA KEPADA KAMI DAN TIDAK DISANKA SANKA TERNYATA BERHASIL..BAGI ANDA YANG INGIN DIBANTU SAMA MBAH RINGGO SEPERTI KAMI SILAHKAN HBG 085-205-213-777-JANGAN ANDA RAGU SUDAH MEMBUKTIKANN DALAM 7 KALI PUTARANG
BalasHapusSAYA INGIN BERTERIMAKASIH BANYAK KEPADA MBAH RINGGO YANG SUDAH MEMBANTU ORANG TUA SAYA KARNA SELAMA INI ORANG ORANG TUA SAYA SEDANG TERLILIT HUTANG YANG BANYAK,,BERKAT BANTUAN MBAH SEKARAN ORANG TUA SAYA SUDAH BISA MELUNASI SEMUA HUTAN2NYA DAN SAWAH YANG DULUNYA SEMPAT DIGADAIKAN SEKARAN ALHAMDULILLAH SUDAH BISA DI TEBUS KEMBALI ITU SEMUA ATAS BANTUAN MBAH RINGGO YANG MEMBERIKAN ANKA RITUALNYA KEPADA KAMI DAN TIDAK DISANKA SANKA TERNYATA BERHASIL..BAGI ANDA YANG INGIN DIBANTU SAMA MBAH RINGGO SEPERTI KAMI SILAHKAN HBG 085-205-213-777-JANGAN ANDA RAGU SUDAH MEMBUKTIKANN DALAM 7 KALI PUTARANG
Blog yg menarik dan postingan yg bermanfaaat :)
BalasHapusANGKA JITU DAN AKURAT HASIL RITUAL YANG BISA ANDA MENANGKAN HARI INI HUB NO =085=319=486=059 KY REMBANG PANGANDARANG DENGAN KEMANPUAN SUPRANATURAL YANG DIMILIKINYA BISA MENEMBUS ALAM GHOIB DAN AKAN MEMBERIKAN KEMENANGAN ANDA HARI INI !!
BalasHapus