Info 2aja - Cara Membuat Buku Tamu Blog - Kumpulan Berita AGC - Hallo semua selamat datang di blog 2 Aja Kumpulan Info unik, Pada Artikel yang anda baca kali ini dengan judul Info 2aja - Cara Membuat Buku Tamu Blog - Kumpulan Berita AGC, telah kami persiapkan dengan baik untuk anda baca dan ambil informasi bermanfaat didalamnya. Mudah-mudahan isi postingan
Artikel Blogger, yang kami sajikan ini dapat anda pahami. Baiklah, selamat membaca.
Judul : Info 2aja - Cara Membuat Buku Tamu Blog - Kumpulan Berita AGC
link : Info 2aja - Cara Membuat Buku Tamu Blog - Kumpulan Berita AGC
Judul : Info 2aja - Cara Membuat Buku Tamu Blog - Kumpulan Berita AGC
link : Info 2aja - Cara Membuat Buku Tamu Blog - Kumpulan Berita AGC
Info 2aja - Cara Membuat Buku Tamu Blog - Kumpulan Berita AGC
Sebenarnya secara default kita sudah memiliki fasilitas ini yaitu dalam bentuk form komentar yang dapat ditemukan oleh pengunjung disetiap akhir posting, tetapi kita juga dapat membuat fasilitas tambahan. Pada kesempatan kali ini kita akan membuat sebuah buku tamu yang akan kita letakkan pada bagian kanan blog tepatnya menempel pada layar monitor sebelah kanan.
Untuk membuat fasilitas ini sangatlah mudah karena dasar kemampuan yang diperlukan adalah standard yaitu memasang widget kedalam blog, dan copy paste kode berikut ini kedalam widget html. Mudahkan!?
Langkah-Langkah Cara Membuat Buku Tamu Blog
1. Buka account blogger
2. Masuk rancangan
3. Tambah widget, pilih HTML/Javascript
4. Copy dan paste kode berikut kedalam widget HTML/Javascript
5. Ganti kode ini " <!-- Letakkan Kode Form Buku Tamu (ShoutMix/ShoutBox) --> " dengan kode yang telah Anda miliki<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/AVvXsEi7rLwmptzWmMEs0oqiD33mznQolkiF9rRstkOv6jMb4hhCN6qu_zy-ewELQEozDVqv1i0Ct6yiowZr94S3s1i7nrOYXhZStVycwGCK1G8wXonc9rCbKq1XMBsDwU80UnDVLLiOPNSwW3ON/') 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 Kode Form Buku Tamu (ShoutMix/ShoutBox) -->
<a href="http://adsloko.blogspot.com"> Cara Membuat Buku Tamu </a>
</a>
<div style="text-align:right">
<a href="javascript:showHideGB()">
[close]
</a>
</div>
</div>
</div>
<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>
6. Kode form buku tamu dapat diperoleh secara gratis dengan mendaftar di penyedia jasa shoutmix seperti http://www.shoutmix.com/ [daftar dulu tentunya ya gan]
7. Simpan
8. Terakhir adalah menikmati hasilnya
9. Selamat mencoba AND GOOD LUCK GAN!!!!
Terimakasih telah berkunjung di blog ini dan semoga anda sukses dengan segala usaha yang sedang dilakukan. Semoga membantu......
[jika ada pertanyaan silahkan disampaikan melalui form komentar yang ada di bawah posting ya gan.....]
Sampai di sini dulu Artikel Info 2aja - Cara Membuat Buku Tamu Blog - Kumpulan Berita AGC
Sekianlah artikel Info 2aja - Cara Membuat Buku Tamu Blog - Kumpulan Berita AGC kali ini, kami berharap bisa memberi manfaat untuk teman-teman semua. Terima kasih, jangan lupa baca postingan lainnya.
Anda saat ini sedang membaca artikel Info 2aja - Cara Membuat Buku Tamu Blog - Kumpulan Berita AGC dengan alamat link https://2aja.blogspot.com/2012/05/info-2aja-cara-membuat-buku-tamu-blog.html