contact
Test Drive Blog
twitter
rss feed
blog entries
log in

Jumat, 11 Mei 2012

Untuk membuat buku tamu seperti yang saya gunakan sekarang, sobat bisa juga menggunakan alternatif dengan fasilitas cbox. Pertama-tama silakan buat akun di www.cbox.ws atau di situs penyedia script buku tamu gratis yang teman suka.

Kemudian ambil script yang sudah di sediakan (kopi kodenya).

Sekarang mari kita ke blogger. Jika belum login silakan login dulu. Jika sudah login silakan klik Rancangan/Design/Tata Letak dan Klik Tambah Gadget/Add Gadget
Pilih html/javascript dan silakan paste kode di bawah 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEipE4KgAX-4_n3aOoli9stAGixlnXyJ56naVfdaOomGBSCtginJlfr0Z8bJuS6HB3FnQtlVrsPEchOOY69PpGLiPkspNmDBphcYVdkFmMuT645jS7_Ni3mD8a2erl3OjHv2wa0gA2XvLsk/s1600/bukutamu.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">
Silakan Paste Kode Buku Tamu yang sudah di kopi tadi Di Sini

<div style="text-align:right">
<a href="http://blog.ahmadrifai.net/2011/06/pasang-buku-tamu-tersembunyi-di-blogger.html">[Pasang Ini Juga]</a>><a href="javascript:showHideGB()">
[Tutup]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div></div>
Bagi teman-teman yang faham bahasa css atau html silahkan di atur sendiri tampilannya sesuai selera, jika sudah selesai silakan di Simpan dan Selesai.
catatan: untuk buku tamu ning vie blog, sedikit merubah untuk warna background dan border yang sesuai dengan blog saya dengan memakai acuan kode warna HTML.          INI SUMBER INFONYA

1 komentar:

  • Unknown on 2 Maret 2013 pukul 23.01

    Blogmu menginspirasi :D Terus berkarya yaa dek :)

  • Posting Komentar

    Silahkan anda berkomentar, namun tetap jaga kesopanan dengan tidak melakukan komentar spam.

    Cari Blog Ini

    Diberdayakan oleh Blogger.

    MY MUSIK

    >

    Mengenai Saya

    TIME

    My Yahoo Status

    Site Meter

    Followers

    DAFTAR ISI

    1. TUGAS PEMBUATAN BLOG WEB SMAN 1 PACET 2019/2020
    2. TUGAS PEMBUATAN BLOG DAN WEBSITE SMAN 1 PACET
    3. WEBSITE/BLOG HASIL KARYA SISWA KELAS XI IPA/IPS SMA NEGERI 1 TRAWAS 2012-2013
    4. CARA DAFTAR ATAU SUBMIT BLOG KE SEARCH ENGINE
    5. CARA MEMBUAT TEKS MELINGKAR MENGIKUTI GERAKAN MOUSE
    6. CARA MEMBUAT CURSOR DIIKUTI BINTANG
    7. 15 HASIL KARYA WEBSITE/BLOG TERBAIK KELAS XI IPA-IPS SMAN 1 TRAWAS TAHUN PELAJARAN 2012-2013
    8. CARA MEMASANG GAMBAR ANIMASI LUCU (WIDGET ANIMASI BLOG GRA
    9. CARA MEMBUAT EFEK BINTANG JATUH DAN DAUN GUGUR TANPA EDIT HTML TEMPLATE
    10. CARA MENGGANTI ICON BLOG TANPA EDIT HTML TEMPLATE
    11. DAFTAR KODE WARNA HTML UNTUK BLOG
    12. CARA MENGHIAS BLOG
    13. CARA MEMBUAT BUKU TAMU TERSEMBUNYI PADA SIDEBAR BLOG
    14. CARA MEMASANG PET / HEWAN PELIHARAAN, ANIMASI DI BLOG (BAG.2)
    15. CARA MEMASANG MUSIK PADA BLOG VERSI BARU
    16. CARA MEMBUAT PET / HEWAN PELIHARAAN DALAM BLOG
    17. CARA MEMBUAT SHOUTBOX
    18. CARA MEMBUAT SITEMETER
    19. CARA MEMBUAT SCROLLBOX PADA POSTINGAN BLOG
    20. CARA MEMBUAT SCROLL NAIK TURUN UNTUK DAFTAR ISI
    21. CARA MEMBUAT EFEK SALJU DI BLOG VERSI TERBARU
    22. CARA MENGGANTI KURSOR PADA BLOG VERSI TERBARU
    23. CARA MEMBUAT KALENDER DAN JAM PADA BLOG
    24. CARA MEMPOSTING ARTIKEL
    25. CARA MEMBUAT LENCANA FACEBOOK
    26. CARA MERUBAH TEMPLATE BLOG VERSI TERBARU
    27. CARA MENDAFTAR DI GMAIL
    28. CARA MEMBUAT BLOG VERSI TERBARU
    29. Manfaat, Keunggulan dan Kelemahan Browsing Data di Internet