kini admin teoringeblog juga menyediakan beberapa button buku tamu untuk kamu…..yang di sertai dengan ukurannya…agar kamu bisa dengan mudah memodifikasi buku tamu kamu…….dan di jamin deh…button-button yang aku postingin di sini asli buatan admin teoringeblog…….
Dan buat teman-teman yang tertarik silahkan di copy aja….untuk di jadikan button buku tamu kamu……
Dan jika kamu belum tau…gimana caranya uat ganti button buku tamu yang kamu sembunyikan…….silahkan baca dulu postingan saya.
Nah pasti udah pada penasaran kan…..???
Gimana cara bikinnya….???
Kalau kamu tertarik buat ngerubah penampilan shoutmixmu menjadi lebih keren……ikuti aja tutorial di bawah ini :
masuk ke blog kamu
1. Klik tata letak
2. Klik tambah gadget
3. Klik html/java script
4. Masukkan kode-kode di bawah ini :
<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">
kode buku tamu kamu
<br/>
[ Click aja disini ]
/><br/>
</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></div></div>
Keterangan :
• Pada kode di atas, cari kode yang bertuliskan
kode buku tamu kamu
dan ganti kode tersebut dengan kode buku tamu yang telah kamu peroleh dari situsnya,baik itu cbox,shoutbox,shoutmix,oggix, dll
Code
'http://lh4.ggpht.com/_jn57XA2jLxY/SmCHl1YEsxI/AAAAAAAAAXQ/HshHClEVcvY/tabs.png
Yang ada di atas……merupakan code dari button standart buku tamu kamu, yang akan tampak dan mewakili buku tamu kamu…..dan ketika butto ini di klik maka semua bagian dari buku tamu kamu akan muncul…karena itu banyak blogger yang merubah ta,pilan buttonnya menjadi menarik…agar para pengunjung tidak malas untuk berkomentar melalui buku tamu kamu…….dan kamu bisa mengantinya dengan gambar semau kamu…dan sesuai kreatifitasmu……namun bagi kamu yang memang gak punya banyak waktu buat bikin button buku tamu yang menarik…atau mungkin emang malas buat bikin….he…he…he…..Tapi gak usah khawatir…seperti biasa…admin teori ngeblog punya solusinya…karena admin teoringeblog juga menyediakan beberapa button yang di jamin keren kalau di jadikan button buku tamu kamu……
Kalau emang kamu pingin lihat..
• Ganti code
height:100px;
width:30px;
dengan ukuran button kamu…jika kamu mengunakan button selain button standart, maka kamu cukup menganti code alamat button kamu beserta dengan ukuran tinggi dan lebar dari button kamu
• Kode top:50px; merupakan kode posisi dari buku tamu kamu…kamu bisa menaikkannya lebih atas dengan mengubah angkanya menjadi top:40px; atau top:30px;
Tapi kalau kamu ingin meletakkannya lebih ke bawah…..ganti kode top:50px; menjadi top:60px; atau top:70px;
dan gak usah sungkan-sungkan untuk meninggalkan komentar bila kamu ingin memberi masukan tentang button buku tamu yang saya posting di sini…
Langsung aja deh…gak usah basa basi lagi..…..
Monggo di lihat – lihat, dulu kumpulan button buku tamu di bawah ini :
Ukuran : 78 pixels x 190 pixels
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7Lt2RXf_HuAwzBWphQWXWU-jnN7_SAIzDqWeP48Uh2T_Oq43yxHVqsgIDZEfmfGlL-7NodDrdU8sKsHZgvtp7KcC4LjFLuOh7Y8ibpvRVWZ9X6ofKlNhSM-KzIFPvdwoO2cL0Wloo6hM/s1600/Teoringeblog-buku+tamu+1+(78+x+190).gif
Ukuran : 63 pixels x 152 pixels
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgc9jMfikDgZtRUnMwmuHtoLN9gPRssZZTstr76MXQkhWTBDrnfYxprnxOn7je6Dw2eE7kYATKii59Cq3KHttWu6JfG_01YwRh1ld1FpwNaZZN-PE_UQlwt50PrdkQzj9kWY9TyzIq-4Hw/s1600/Teoringeblog-buku+tamu+2++(+63+x+152+).gif
Ukuran : 64 pixels x 244 pixels
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlbObL0Ksszz1L4e1ZvbA5sfVo9kDGlv7Uu-Wt2pjrBE0ZsY71ZNXXfxo2dg2Q9Rg619Ir4uX6jRuu9beA8MoSbB8fuwyzkN6hnUvegHzT9SkhnnhudaxvuHJbuHZPYF6MY40SWnZ5xak/s1600/Teoringeblog-buku+tamu+3+(+64+x+244+).gif
Ukuran : 87 pixels x 127 pixels
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAnveKV2H-SUAtL5JipDwPy0jSq1BJSMExAmDVRfw28bO6E52QshVRy6JfGr59wtYHNbDWoDuUpgyuFCM4SiGF2taIFt29Y_YtcqRJdch8TuzwpABND1KsWsp5Zr3cdl5oTVuWK6jze-o/s1600/Teoringeblog-buku+tamu+4+(+87+x+127+).gif
Ukuran : 67 pixels x 185 pixels
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhj3B0OpyK-WHajSYC9nRfbiWu8lnFjzEBtQNbcLNfppojJfau2URCIYNo9WeBKIHngmaP0y-k-LKupymBznEIyZa0mQYf2v8Va-fVQd1VikILLuUDj281cy6wKD_9aACeqOgkwEN7x3Lo/s1600/Teoringeblog-buku+tamu+5+(+67+x+185+).gif
Ukuran : 65 pixels x 202 pixels
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgp0Lr9B7QDqC4FNIoQ6IXKSmLmUllcWy6QCB4UpgS5YQcc45f5c7nFxI5tQGERQDgbjmfHgnkk5og2gYeqTo914IGvxG3H06HyweV7fcoH4epU8KwrPMGiNVg6aHQEYv3eeelZ9-wWlXk/s1600/Teoringeblog-buku+tamu+6+(+65+x+202+).gif
Ukuran : 122 pixels x 147 pixels
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggEywoTgD6Xqf-gLIVKb6dV_QS5Vtd23yzEg0A7aItw6AgGORptKj1gIcpJNajLKrJXtZ-uPZ3W7JzKMVKwp_mFgDHBwxF1NhGCcfdDd61vG6LrKSSa0dxBxNW5Lqs6uqd4jLgXstM6Qo/s1600/Teoringeblog-buku+tamu+7+(122+x+147+).gif
Ukuran : 81 pixels x 147 pixels
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPTTXXErlfyCA97c722CY23Rp3MGnGK8KgvmGpseKBEYkd-lqt2tP8GBeHQaSI62-B7-R_gTHZu4E2VKEOIFk3eDlt8QtXW30ACmT39qg4TVGNEvj5au5wRwUYqAyp34E04lsfcL7hLCA/s1600/Teoringeblog-buku+tamu+8+(+81+x+147+).gif
Ukuran : 89 pixels x 100 pixels
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg6DI6ztP0gf_ogkOITx8h-QywoZzE9cjz1ba44QKtUVNcLuSxwJkfkLUGc84aDeYY57OeOxsVBUpbFVHvCpvgsB5-TxShgXMMtwABfZNYF_T-zUCVcUOv6VkgYUee_xoYXWAlXK0zkNG0/s1600/Teoringeblog-buku+tamu+9+(+89+x+100+).gif
Gimana…..udah puas lihat-lihat…..
Semoga kumpulan button untuk buku tamu yang tersembunyi ini…bisa bermanfaat buat kamu
kalau masih bingung meletakkannya di mana..baca dulu postingan saya.
Selamat mencoba semoga berhasil