Posted by : Karta_Jaya

Bagi sobat blogger yang ingin buku tamunya tersembuyi, silahkan ikuti tips yang ini nih..!
Buku tamu ini akan disembunyikan dengan cara rolling. Selain membuat tampilan blog ;ebih keren, kita juga menghemat sidebar blog kita.
Nah pada penasaran kan gimana cara membuatnya?
Untuk lebih jelasnya, ikuti tips ini dengan hati-hati, dengan anda hati-hati, maka apa yang anda kerjakan akan berhasil dengan baik.

Berikut Cara Untuk Membuat Buku Tamu Tersembunyi.


Cara Pertama

1. Pertama Login ke blogger.com dengan ID anda
2. Pada Dasbor, pilih Rancangan
3. Kemudian Tata Letak>>>Elemen Laman
4. Kemudian Tambah Gadget>>>HTML/JavaScript
5. Letakkan kode berikut ini pada kotak Scriptnya
6. Setelah anda meletakkan kode di bawah ini, "LAKUKAN PENGEDITAN TERAHADAP KODE YANG BERWARNA MERAH DAN HIJAU SESUAI DENGAN KEBUTUHAN"

<!-- Mulai Rolling Widget -->
<style type="text/css">
#gb{
position:fixed;
top:10px; /*jarak dari atas*/
z-index:+1000;
}
* html #gb{position:relative;}

.gbtab{
height:100px; /*tinggi gambar*/
width:30px; /*lebar gambar*/
float:left;
cursor:pointer;
background:url("http://sites.google.com/site/ruangsc/imgsb/GB1.png") no-repeat; /*gambar*/
}
.gbcontent{
float:left;
border:2px solid #A5BD51; /*ketebalan dan warna kotak*/
background:#F0F0F0; /*warna latar*/
padding:10px 10px 0px 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">

Kode Shoutbox atau Buku Tamu

<script type="text/javascript" src="http://enes-sc.googlecode.com/files/rollingwidget.js"></script>
</div></div>
<!-- Selesai Rolling Widget -->

6. Save, kemudian pilih Edit HTML

Cara Kedua

1. Cari kode </head> pada script HTML blog kamu
2. Lalu letakkan kode script yang tadi di bawah kode </head>
3. Lakukan Pratinjau, jika anda merasa kurang yakin.
4. Jika merasa sudah yakin, silahkan klik Simpam Template.

Keterangan:

  • Pada widget di atas disetting menggunakan gambar Buku Tamu hijau, seperti ini:
    tinggi gambar dengan 100px
    lebar gambar dengan 30px
    URL gambar dengan
    http://sites.google.com/site/ruangsc/imgsb/GB1.png
    ketebalan dan warna kotak dengan 2px solid #A5BD51

    Tapi jika kamu mengginginkan yang biru (gambar Gueestbook), gantilah tinggi gambar, lebar gambar, gambar, ketebalan dan warna kotak dengan kode-kode di bawah ini:

    tinggi gambar dengan 130px
    lebar gambar dengan 35px
    URL gambar dengan
    http://sites.google.com/site/ruangsc/imgsb/GB2.png
    ketebalan dan warna kotak dengan 3px solid #003399



  • Setelah memilih salah satu gambar tersebut, lalu gantilah kalimat Kode Shoutbox atau Buku Tamu dengan script Shoubox Chat yang kamu miliki.
  • Ubahlah ukuran tinggi (height) Shoutbox sehingga tidak melebihi tinggi halaman blog kamu.
  • Selanjutnya kamu lakukan salah satu langkah atau cara berikut:

{ 3 komentar... read them below or Comment }

  1. @Wenda: Terima kasih wenda, semoha tipsnya bermanfaat.
    Mohon maaf jika ada kesalahan, dan mohon maaf juga komentarnya lama di balas.

    BalasHapus

Tukaran Link Yooo...Silahkan Masukkan Nama dan URL Blog Kamu di Dalam Kotak di Bawah Ini. Silahkan Konfirmasi Saya di HUBUNGI KAMI untuk Melakukan Link Balik ke Blog Anda. Terima Kasih

Terima Kasih Telah Bertukaran Link Dengan Kami. Secepatnya Akan Kami Link Balik

Welcome to My Blog

Blog Archive

Tips Blog


Silahkan Anda Baca Artikel Kami, Jangan Lupa Tinggalkan Jejak Anda di Kolom Komentar.





Page Rank Checker Logo Forantum I Blogging Is My Life Photobucket Blogger Help Templates Widgets SEO Tips aRvaNs Site's WAHYOKU BLOG

Jika Sobat Menghapus Link TTB dari blog sobat, maka TTB-pun akan Berbuat hal yang sama. Adil kan?




Silahkan Anda Klik Salah Satu Link Iklan Di Atas


Widget Blog


Silahkan Anda Baca Artikel Kami, Jangan Lupa Tinggalkan Jejak Anda di Kolom Komentar.


- Copyright © TIPS dan TRIK BLOG -Robotic Notes- Powered by Blogger - Designed by Johanes Djogan -