Cara Buat Buku Tamu
GuestBook Unik
Mempercantik blog menjadi wajib untuk dilakukan guna untuk menambah minat
dan kenyamanan pengunjung atau visitor. Berbagai cara dan upaya yang dilakukan
oleh para blogger untuk menjadikan blognya menarik dan yang pasti desain yang
baik yakni desain yang tidak terlalu memakan banyak memori atau bisa diartikan
load blog yang cepat sebagai patokannya.
Nah disini saya coba membahas bagaimana cara membuat Buku tamu
atau Guestbook yang unik guna menunjang
penampilan blog kita. Tanpa perlu lama- lama lagi kita langsung menuju ke
tutorial
1. Masuk ke Blogger
=> Rancangan => tambah gadget
2. Pilih HTML/ JavaScript => copy pastekan kode di bawah ini kedalamnya
2. Pilih HTML/ JavaScript => copy pastekan kode di bawah ini kedalamnya
<style type="text/css">
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px dotted #ff0000;
background: #222222 repeat-y center;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
padding:10px;
}
</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:url() no-repeat;">
MASUKAN KODE CBOX/ BUKU TAMU DISINI
</div>
</div>
<br />
<div align="center"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i1188.photobucket.com/albums/z403/pattah121/exitcoment.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>
<br/>
<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="http://i1188.photobucket.com/albums/z403/pattah121/pattahsguestbook.png" alt="cbox" title="Click here to open Guest Book" /></a></center>
#at{
position:fixed;
right:450px;
z-index:+1000;
}
* html #at{position:relative;}
.attab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url();
}
.atcontent{
float:left;
border:2px dotted #ff0000;
background: #222222 repeat-y center;
-webkit-border-bottom-right-radius: 25px;
-webkit-border-bottom-left-radius: 25px;
-moz-border-radius-bottomright: 25px;
-moz-border-radius-bottomleft: 25px;
border-bottom-right-radius: 25px;
border-bottom-left-radius: 25px;
padding:10px;
}
</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:url() no-repeat;">
MASUKAN KODE CBOX/ BUKU TAMU DISINI
</div>
</div>
<br />
<div align="center"><a href="javascript:void(0);" onclick="showHideAT()"><img border="0" src="http://i1188.photobucket.com/albums/z403/pattah121/exitcoment.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>
<br/>
<center><a href="javascript:void(0);"onclick="showHideAT()"/><img border="0" src="http://i1188.photobucket.com/albums/z403/pattah121/pattahsguestbook.png" alt="cbox" title="Click here to open Guest Book" /></a></center>
3. Terakhir klik simpan.
dan lihat hasilnya
NB:
- Ganti tulisan warna merah dengan kode cbox atau buku tamu sobat
- Ganti tulisan berwarna biru dengan gambar icon cbox atau buku tamu sobat
NB:
- Ganti tulisan warna merah dengan kode cbox atau buku tamu sobat
- Ganti tulisan berwarna biru dengan gambar icon cbox atau buku tamu sobat
Cukup sekian postingan saya tentang Cara Buat Buku Tamu atau GuestBook Unik semoga bisa membantu dan bermanfaat.
yVRFRHREW [b]Very nice post,ty[/b] ERHHHERGH
BalasHapus[b]this article really helps to me,thank u[/b] [b]My name is [/b]:liena. Please pay attention to my, my favorite is [url=http://www.buyslouisvuittonbags.com/][b]louis vuitton handbags[/b][/url] SRHTjGWER
http://www.genf20x.com/
BalasHapusHarnessing The Power of Goal-Setting in Life and Online Business
gen f20
[http://www.genf20x.com/ genf20]
[url=http://www.genf20x.com/]genf20[/url]
vimax pills testimonials http://komunitas.jualzeolit.com/blog/view/3705/a-guide-to-significant-elements-for-vimax ;
BalasHapuspill vimax http://www.mmarecruiter.com/index.php?do=/vqangelinaqmkristeent/blog/simple-vimax-secrets-for-2012/ ;
[url=http://lifeisromance.com//index.php?p=blogs/viewstory/10053]does vimax pills work[/url]
Another technique in order to graft bloodstream to the penis improve the circulation of blood and help in a harder erection. Do women like a big penis Something men have been wondering since way back when. However, they are painful, expensive and sometimes require the usage of additional accessories any penile extender for prolonged span does vimax pills work http://www.tricornwall.co.uk/vmbrianabmlashonr/blog/root-details-for-vimax-explained/. For the latest research thus far to create the penis size bigger naturally I highly recommend and urge for you to please visit the website below. The average gain in size for Vimax patients taking the pill once daily was 3 inches in 6-7 month period pill vimax http://seenem.com/index.php?do=/pfcherrisfsophiar/blog/clear-cut-systems-in-vimax/.
free vimax
vimax penis extender http://techiesdesk.com//blog/view/2957/clearcut-vimax-secrets-across-the-usa ;
vimax price http://sharehometips.com/index.php?do=/fqaliseybtelmau/blog/the-options-for-vimax-plans/ ;
Cheap Air Jordan for Sale! New Air Jordan for Cheap! Air Jordan 2012 for Cheap! new jordans! Free Shipping! Cheap Air Jordan 2012 for Sale!
BalasHapusCoach Factory Outlet, Duty Free, Up to 60% Off! Professional coach outlet sale designer coach bags, coach shoes and coach sunglasses online. Enjoy shopping fashioncoachbags online!
Louis Vuitton Outlet Online Shop,Louis Vuitton bags outlet sale,http://www.louisvuitton-outletsonlines.com,all Louis Vuitton Outlet Sale,Free Shipping!
http://www.cheapnewairjordans2012.com/air-jordan-shoes-13-c-35.html
http://www.louisvuitton-outletsonlines.com/category-9-monogram-vernis.html
http://www.fashioncoachbags.com/coach-colette-bags-c-106.html
Cheap Air Jordan for Sale! New Air Jordan for Cheap! Air Jordan 2012 for Cheap! http://www.cheapnewairjordans2012.com! Free Shipping! Cheap Air Jordan 2012 for Sale!
BalasHapusLouis Vuitton online for sale, cheap LV bags and shoes in louis vuitton online, buy excellent LV bags for cheap from louis vuitton shop! Free shipping!
Louis Vuitton Outlet Online Shop,Louis Vuitton bags outlet sale,louis vuitton outlet online,all Louis Vuitton Outlet Sale,Free Shipping!
http://www.cheapnewairjordans2012.com
http://www.louisvuitton-outletsonlines.com/category-28-monogram-idylle.html
http://www.myloveforlouis.com/louis-vuitton-wallets-c-47.html
Walkfit orthotic insoles are readily readily available off-the-shelf as shoe extras
BalasHapusand do not have to have a prescription. Find
out all about pure homemade pores and skin care! Many individuals also state that the soreness could be unbearable at moments.
My web site - foot detox machine