Sabtu, 31 Maret 2012
Sabtu, Maret 31, 2012
|
Kali ini saya akan menuliskan bagaimana cara pasang buku tamu di blogger, namun pada artikel ini saya akan menuliskan tutorial cara pasang buku tamu Tersembunyi / Hidden.
Buku tamu merupakan salah satu hal yang tidak wajib ada di blog kita, namun buku tamu bisa mempercantik blog kita. Selain itu pengunjung blog kita bisa dengan mudah menyapa kita sebagai admin (atau pengunjung lainnya), walau cuma sebatas kalimat (mampir gan, malam, kunjungi blog saya juga ya, dsb...)
Buku tamu tersembunyi juga baru saya pasang di sidebar blog ini. Setelah niat untuk pasang buku tamu tersembunyi di blog ini akhirnya timbullah niat untuk menuliskan bagaimana cara memasang buku tamu tersembunyi di sidebar blogger.
Ok ga perlu panjang lebar, langsung saja ke topik utama kita.
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. Jika masih bingung bagaimana cara pasang di blogger silakan baca : Panduan Cara Menghias Blog Blogger
Pilih html/javascript dan silakan paste kode di bawah ini
Buku tamu merupakan salah satu hal yang tidak wajib ada di blog kita, namun buku tamu bisa mempercantik blog kita. Selain itu pengunjung blog kita bisa dengan mudah menyapa kita sebagai admin (atau pengunjung lainnya), walau cuma sebatas kalimat (mampir gan, malam, kunjungi blog saya juga ya, dsb...)
Buku tamu tersembunyi juga baru saya pasang di sidebar blog ini. Setelah niat untuk pasang buku tamu tersembunyi di blog ini akhirnya timbullah niat untuk menuliskan bagaimana cara memasang buku tamu tersembunyi di sidebar blogger.
Panduan Cara Pasang Buku Tamu Tersembunyi Di Sidebar Blogger
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. Jika masih bingung bagaimana cara pasang di blogger silakan baca : Panduan Cara Menghias Blog Blogger
Pilih html/javascript dan silakan paste kode di bawah ini
Bagi teman-teman yang faham bahasa css atau html silahkan di atur sendiri tampilannya sesuai selera, jika sudah selesai silakan di Simpan dan Selesai
<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/AVvXsEhHrsGh7E52AYEn77-XPtwA8miQYNCgQbHBKG0LnAirKAmTKyHBvWLbfHcvMmGLOD85kUWWiy5Av18iXFrEwJUZPUxp6BfE5eRwP26v9Zfjt9OnfAEX2YrKwXAvITuVlFiQ50qFfkO9904/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>
Posted by Ahmad Rifai
on 12:56 AM
in
Pasang Buku Tamu Tersembunyi Di Blogger
|
Jangan Lupa Klik Tombol Like dan Shareya ... :-)
Langganan:
Posting Komentar
(Atom)
Blog Archive
-
▼
2012
(25)
- ► 07/29 - 08/05 (3)
- ► 07/22 - 07/29 (1)
- ► 05/27 - 06/03 (1)
-
▼
03/25 - 04/01
(16)
- CARA NANAM CABAI
- Cara Membuat Pupuk Cair Organik
- Cara membuat kotak admin dibawah postingan di blog
- Cara Mendapatkan API Key Facebook
- Cara Mudah Pasang Gadget Buku Tamu di Blog
- Pasang Buku Tamu Tersembunyi Di Blogger
- Kumpulan Hadits Petujuk
- Tips Cara Memotivasi Anak Untuk Giat Belajar Dan ...
- Kumpulan Do’a _ Do'a
- Cara Meningkatkan Motivasi Belajar Anak Didik.
- Sofware Mengajak Anak Belajar Serasa Bermain
- Kumpulan Sofware Islami
- Cara Mengistal Windows Vista lengkap dengan gambarnya
- Cara Instal Windows 7 Lengkap dengan Gambar
- Cara lengkap instalasi windows xp sp2
- Cara Membuat Tulisan berjalan di Blogspot
- ► 03/18 - 03/25 (1)
- ► 03/11 - 03/18 (3)
0 komentar:
Posting Komentar