Assalamu'alaikum sobat wawasanfadhitya..
Kembali kali ini saya akan sharing tentang tutorial blog, yaitu cara membuat buku tamu/guest book muncul dari atas jika tombolnya diklik. Widget ini merupakan variasi dari kebanyakan buku tamu yg hanya menetap di bagian samping halaman blog yang sangat membosankan.
Widget buku tamu ini juga sedikit berbeda dari yang biasanya. Apabila yang biasa antara tombol tulisan "Buku Tamu" dan bagian buku tamunya menyatu, kalau yang ini tidak menyatu..(Lihat Contoh)
Nah jadi kalok sobat penasaran mau bikin jenis buku tamu yang satu ini, saya telah menyediakan tutorialnya.Ayo langsung aja ke TKP!!
Langkah Pertama anda harus membuat buku tamu dulu, misal:CBOX!!
Langkah Kedua:
1.Login Blogger
2.Pilih Rancangan
3.Tambah Gadget ->HTML/JavaScript
4.Copy Pastekan kode dibawah ini:
<style type="text/css">
#at{
position:fixed;
left:0px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px solid #999;
background: #000;
-moz-border-radius-topleft:15px;
-moz-border-radius-topright:15px;
-moz-border-radius-bottomleft:15px;
-moz-border-radius-bottomright:15px;
padding:10px;
-moz-box-shadow: 0px 2px 5px 0px #f8f9b9;
}
</style>
<script type="text/javascript">
function showHideAT(){
var at = document.getElementById("at");
var w = at.offsetWidth;
at.opened ? moveAT(0, -200-w) : moveAT(20-w, 0);
at.opened = !at.opened;
}
function moveAT(x0, xf){
var at = document.getElementById("at");
var dx = Math.abs(x0-xf) > 25 ? 35 : 1;
var dir = xf>x0 ? 1 : -1;
var x = x0 + dx * dir;
at.style.top = x.toString() + "px";
if(x0!=xf){setTimeout("moveAT("+x+", "+xf+")", 10);}
}
</script>
<div id="at">
<div class="attab" onclick="showHideAT()"> </div>
<div class="atcontent">
<div align="center">
<div style="background:#000;">
LETAKKAN KODE BUKU TAMU SOBAT DISINI
</div>
</div>
<br />
<div align="right"><a href="javascript:void(0);"
onclick="showHideAT()"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgN3JnT3J0Swu4-bGuzpJc02cbTGPg3-USaDxo-cjhnaBTnyTEjZ9zCuNWI_Jsx51OOwnuczyC1xKDzQfgP_UUWCGMaqlqj80o-o5bzySbTRtU7ckH02BQFFwTg6bmm6h7f6UaQQDPH5VQ/s1600/CLOSE.png"
alt="close" title="Click here to Close Cbox" /></a></div>
</div></div>
<script type="text/javascript">
var at = document.getElementById("at");
at.style.top = (-200-at.offsetWidth).toString() + "px";
</script>
<center><a href="javascript:void(0);"onclick="showHideAT()"/><imgborder="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiIvv7alIZKbv39YCsv4M5EMdT_r6M97gQtH4o7wMJJdO1SGrcKo422wrpHgXOEzH3e8-Y7teQvrdFQBzSJEAoy3rFRViw8KtsEY9R70I8Jq5Rd5mzbRXV5gm5S1aAdMp5ng0BWhQTNhdk/s1600/guestbook.png"alt="Guest Book" title="Click here to open Guest Book" /></imgborder="0"></a></center>
5.Ganti tulisan berwarna merah dengan kode buku tamu sobat.
6.Save
nah sekian dulu ya tutorial dari saya..
Wassalam..
|
|
14
comments
14 comments:
wah sepertinya menarik, sayang inet saya lagi lemot nie. jadi ga maksimal melihat contohnya. tapi ntar boleh di coba ah klo ud pengen. tenkyu ya.
oke gan..
sob,..saya nyoba klik punya kamu,tp ko' ga muncul???
@planktoon: muncul kok gan, yang diklik tuh tulisan guest book diatas arsip blog gan!
A very well-written post. I read and liked the post and have also bookmarked you. All the best for future endeavors.
Hire PHP Developer
thanks guy
wah boleh dicoba juga nih kang brooo, ane masih standar sih hehehe
silahkan gan :)
yang buku tamunya muncul ketika mouse melintas ada ga, gan.? biar ga perlu diklik.
ada gan..silahkan ketik di google..kalau saya blm pernah post yg itu
makasih sekali informasinya sangat membantu untuk yang masih belum memasang, nice share
sama2 gan
Saya sangat berterimakasih banyak kepada EYANG WORO MANGGOLO atas bantuannya saya bisa menang togel 4D nya..saya ingin berbagi cerita kepada semuanya bahwa saya ini cuma seorang TKI dari malaysia dan saya cuma bekerja sebagai pembantu,tentunya anda tau kalau pembantu itu gajinya tidak seberapa dan saya kepengen pulang kampung tapi gaji saya tidak cukup akhirnya saya coba pinjam keteman saya,dia pun juga tidak punya uang dan saya pindah lagi keteman yang lain dia pun juga tidak punya,,akhirnya teman saya memberikan nomor telpon EYANG WORO MANGGOLO dan katanya ini paranormal sangat terkenal yang banyak membantu orang dalam mengatasi masalah,dengan penuh semangat saya langsun menghubungi EYANG WORO MANGGOLO dan ALHAMDULILLAH saya diberikan anka yang benar-benar tembus dan berkat bantuan EYANG WORO MANGGOLO saya sudah bisa berkumpul kembali dengan keluarga saya dikampung,,jika anda sangat membutuhkan bantuan..jangan anda ragu silahkan hubungi saja EYANG WORO MANGGOLO di 082=391=772=208 karna beliau meman benar-benar paranormal yang bisa dipercaya dan yang punya room terimah kasih banyak atas tumpangannya.
Stevia is a sugar substitute produced from the stevia plant's leaves. It's 100 to 300 times sweeter than regular sugar, but it's free of carbs, calories, and artificial ingredients.
Which sugar substitute is best for weight loss?
Komentar di: Cara Membuat Buku Tamu Muncul Dari Atas Jika Diklik
Berkomentarlah dengan sopan dan pastikan komentar anda bukan spam. Komentar spam akan dihapus.