Info Mayata

Menyajikan segala informasi yang dijumpainya di dunia maya dengan ringkas

Membuat Buku Tamu "Tersembunyi" Di Blog


Hallo semuanya kita jumpa lagi,sebelumnya saya mau mengucapkan semoga sahabat semua dalam keadaan baik-baik saja,baiklah tidak usah basa-basi lagi,kita langsung saja pada pokok masalah.sebenarnya saya bingung dengan judul kali ini yaitu “Membuat Buku Tamu Tersembunyi”,apa maksudnya ya,Untuk lebih memudahkan pemahaman anda coba klik link berikut dan terlihat di pojok kanan ada widget Buku tamu jika anda klik tab warna hijau tersebut,maka Buku Tamunya akan tertarik keluar,lebih baik anda artikan sendiri apa maksudnya deh ya sob.Untuk Membuat hal seperti itu sebenarnya caranya sangat mudah kok,untuk lebih ngerti lebih baik ikuti aja trik berikut ini sampai akhir,dan tolong berikan komentar anda.OK

Berikut langkah-langkahnya

1. Login di blogger dengan ID anda

2. Klik menu Layout

3. Klik Page Elements

4. Klik Add a Page Element

5. Klik ADD TO BLOG pada menu HTML

6.Lalu Copy kode berikut dan Pastekan Pada kotak HTML



<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://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.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">


< Letakkan disini kode Shoutbox Anda >


<div style="text-align:right">
<a href="http://m-tajuddin-ns.blogspot.com/2011/08/membuat-buku-tamu-tersembunyi-di-blog.html"target="_blank"title="Get This Button Share"><img src="http://piczasso.com/i/d5r1d.png"/></a> | <a href="javascript:showHideGB()">
[tutup]
</a>
</div>


</div>


<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script></div>

7.Save Widget tersebut.

Jika langkah tersebut sudah anda lakukan,anda dapat melihat hasilnya pada blog anda masing-masing

Jika ada pertanyaan, Silahkan tanyakan pada komentar Blog ini...




0 komentar:

Post a Comment

1. Berkomentarlah menggunakan kalimat yang baik dan sopan, serta sesuai topik Artikel di atas. Komentar yang tidak sesuai topik akan dihapus.

2. Tidak diperbolehkan menggunakan link hidup atau live link, link akan otomatis terhapus guna mencegah spam.

3. Sebelum bertanya, pastikan sobat sudah membaca seluruh isi Artikel.

4. Jika bertanya sesuatu, jangan lupa untuk memberi tanda centang pada Beri tahu saya atau Notify me agar sobat menerima pemberitahuan balasan melalui email.

5. Follow blog M-TAJUDDIN-NS untuk mendapatkan update Artikel terbaru dan jangan lupa tekan tombol share jika sobat merasa Artikel di atas bermanfaat.

Membuat Buku Tamu "Tersembunyi" Di Blog