Langsung ke konten utama

Membuat Buku Tamu (Shoutbox) Buka Tutup/Hide Di Blog


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

Membuat Buku Tamu yang Buka Tutup

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>


Kita taruh kode yang sudah peroleh dari shoutmix atau cbox ditempatnya (TARUH KODE WIDGET SHOUTOXMU DI SINI). Dan Simpan jika sudah selesai. 

Komentar

Postingan populer dari blog ini

Tips Latihan Memperbaiki Tulang Punggung Belakang Bungkuk

Beberapa kebiasaan yang tanpa Anda sadari bisa menjadi faktor seseorang memiliki postur tubuh yang kurang cantik. Sehingga ini membuat penampilan Anda menjadi kurang cantik dan terkadang membuat Anda menjadi malu dan tidak percaya diri.
Postur tubuh yang buruk ini biasanya disebabkan oleh cara duduk yang salah, sering membawa tas berat, tidur dengan bantal tinggi, sering menggunakan sepatu hak tinggi atau kelebihan berat badan. Dengan postur tubuh yang buruk akan menimbulkan beberapa efek seperti sakit pinggang, nyeri pada punggung dan juga mudah lelah.
Ini semua bisa Anda perbaiki dengan latihan ringan untuk menjadikan penampilan kembali menarik dan membuat Anda percaya diri, sbb tips-tipsnya:

Pertama. Melakukan beberapa latihan peregangan (streching) secara teratur untuk membantu melebarkan bahu sehingga tidak condong ke depan dan dapat meningkatkan fleksibilitas.

Kedua. Latihlah berdiri dan duduk dengan posisi tulang belakang lurus serta letak pundak dan bahu yang tegak dengan kedua tela…

Menambah Font Style pada MS Office

Menambah Font Style pada MS Office | Font-font pada Ms Office, misalnya Word, Powerpoint, dan Excel memiliki berbagai macam Font Style. Namun, font style bawaan mereka terlalu sedikit dan monoton atau terlalu simpel. Jadi, jika ingin membuat dokumen dengan font style yang lebih stylish kita harus menambahkannya sendiri. Bagaimana caranya? Caranya cukup mudah.



Pertama download dulu font style nyadisini.
Karena file nya berbentuk .RAR maka harus di ekstrak terlebih dahulu.Buka foldernya, kemudian Select all dengan cara menekan tombol CTRL+A pada keyboard, lalu copySelanjutnya, klik start pada windows>Control Panel>Paapearence and Personalization>FontLalu paste file tadi di situ. SELESAI!!! Anda dapat mengeceknya dengan membuka MS Offici. Font ini akan otomatis tersimpan pada windows, jadi sebenarnya tidak hanya menambah font style pada Ms Office saja, namun juga akan menambah font style pada setiap program yang menggunakan teks. Misalnya Photoshop. Corel, dan lain-lain...

Cara Melacak Nomor Handphone (No. HP) Seseorang

Jika kamu sering dimisscall orang, di isengin orang MARAH! Kamu bisa mengecek lokasi mereka, mendeteksi di daerah mereka tinggal, kota penelpon kita . .
Silahkan pakai HLR Lookup Search

Nah disitu kita tinggal memasukkan no telepon yang mau kita lacak lalu klik search.
Berikut Daftar Operator yang dapat dideteksi : 1. Telekomunikasi Selular [Kartu Halo, Simpati, Kartu AS] 2. Indosat (Cellular) [IM3, Mentari, Matrix] 3. Indosat (Fixed) [Starone] 4. Excelcomindo Pratama [XL] 5. Hutchison CP Telecommunications [Three] 6. Natrindo Telepon Seluler [Axis] 7. Bakrie Telecom [Esia] 8. Telekomunikasi Indonesia [PSTN, Flexi] 9. Mobile-8 Telecom (Cellular) [Fren] 10. Mobile-8 Telecom (Fixed) [Hepi] 11. Smart Telecom [Smart] 12. Sampoerna Telekomunikasi Indonesia [Ceria] 13. Pasifik Satelit Nusantara [Byru]
NB: Kelemahan HLR Lookup yaitu : lokasi yang dapat dilacak hanya lokasi pendaftarannya saja. Jadi kalo pemilik HP uda lari ke tempat lain ya nda bekal ketemu deh
Hasil deteksinya pun Sangat Akurat.

Ini adalah has…