Created (c) by Princexells Seyka (Princelling Saki)

Rabu, 06 Maret 2013

Kumpulan Button Buku Tamu !!

Nah buat para blogger yang telah membaca postingan Ane tentang cara membuat buku tamu tersembunyi……dan tidak mau menggunakan button buku tamu tersembunyi  yang standart, lalu mungkin malas untuk membuat button guna menghiasi buku tamu yang di sembunyikan….
kini Ane juga menyediakan beberapa button buku tamu  untuk sobat…..
yang di sertai dengan ukurannya, agar kamu bisa dengan  mudah memodifikasi buku tamu kamu…….
dan di jamin , mantap....
Langsung Aja Sobat copy Script ya...


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.pngYang  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;

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/AVvXsEhV991SEXYQN97MF3rUnMBaGMp3V3Pzx56Udblc-V8YVzxvlRxC-BxH5ttjlQldRL0t6KlFc3lT64goMMvRZ9Pg96-mYHIBhfhhfR6k-Y-bhrWkIT2WdjVZ7zBO6SySJgpIt8Fh_gKCaLE/s1600/Teoringeblog-buku+tamu+1+(78+x+190).gif



Ukuran : 63 pixels x 152 pixels



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWmYcEPOOhzLm-mD7x825WBZlxFX6EIwbEYeCAeMPq5Ku7Ti3Dze3c66o2DR2GlNXEKFcJttje2CkB0kTZKktoSlWMgKPN7f-BLXO57enCcP3OWgEM-GFRW2NgxUgrGRhRSYN3dHsQ-Tg/s1600/Teoringeblog-buku+tamu+2++(+63+x+152+).gif
Ukuran : 64 pixels x 244 pixels



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbpTWXsI1uWumphYQIbZuiaO9bGRBh0Zp5JPKlWuzAB3aUJ2mvXfQqnkJYXVJ5L-A9W_RS0z7bSe-EY65kxGuXHyQw8k-aKTy4D4SiWyPZcek-3v8fZoc7hURwci4cGqo5e3Ldx7MTcZw/s1600/Teoringeblog-buku+tamu+3+(+64+x+244+).gif



Ukuran : 87 pixels x 127 pixels




https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNoxr7GMDDXMFxrm0dvaAGn9O7zz6PBQTKuZhdtFhIwxO5pbs_NcFeRCVY344uwllmJ1eCvfhQDbXgFQnBfeo5bBbnRaOFw16ct_REWpGDt5rUPVztY4IzsSAaLsB4LOEv8ivpJ6WAebY/s1600/Teoringeblog-buku+tamu+4+(+87+x+127+).gif


Ukuran : 67 pixels x 185 pixels
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEivib-ECGHsddfMYPIsgSkcXu0NuWLs2tohz8qZzOIlZQR3bh4Kte7PGKZ4oExZeGGrt-9HtCZVR-HWFp5OeRF7HIgh32TSsYV2lw184IHHCcivhMDopHjCQLjcf-_5D7pSSMpXK2DMs7E/s1600/Teoringeblog-buku+tamu+5+(+67+x+185+).gif


Ukuran : 65 pixels x 202 pixels



https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjASwt4A21RXgri5UKjGeN-0k3JAHUV6R2j5rqQaigy9Qyb3BstmOJK8Hqgf-lkWvQY23I1qftApFTtLq28Jlo-erXIdkYIvioX9KtgTF4FfvFS-crFN5tdx0YjuyVGvqmTZUKuZtLBtB0/s1600/Teoringeblog-buku+tamu+6+(+65+x+202+).gif


Ukuran : 122 pixels x 147 pixels
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsurk00rCaJ0L596X6JlPWXDnnl7d0wLedJNFht97ykquwgEiifxlbjjyNrLmlvvylj8-EWo8FKr4FGAL0E7MELqy_CVVrl06haLpCU2VN_DHfpELPOB0Y04RM9Vh_6Rqugbmk5cx7n-M/s1600/Teoringeblog-buku+tamu+7+(122+x+147+).gif




Ukuran : 81 pixels x 147 pixels
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXMEwfHYU-wxHbgTPPhNzD4BP53w4SKc6A_Cv2opKcY8XeV1ARr1BEBhVK8ZVYFuTZQA70CLna0DExPIkGJCn97WgAH1pedroOKkfRf7uPh6AEG99SJdnb4bhXN7EPwsni6fjXs3afj1A/s1600/Teoringeblog-buku+tamu+8+(+81+x+147+).gif


Ukuran : 89 pixels x 100 pixels
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFYJthu2APPsigfBR10TfMVMbmTkI-8XqPO0Sev6v-8gRre_VbnlUoVzsSS4tq2k_G2PYFSDW_9oJU1jtZWBlQ7RBWcCuoFb4Wh_0Qal8Ql_rk-DmKVijvZ0zjVhopJBGFxqum6fmKCuI/s1600/Teoringeblog-buku+tamu+9+(+89+x+100+).gif

Gimana Udah Puas???

Selamat mencoba semoga berhasil...

Tidak ada komentar:

Posting Komentar

Untuk menyisipkan kode, gunakan tag <i rel="code">KODE ANDA</i>
Kode yang panjang bisa menggunakan tag <i rel="pre">KODE PANJANG ANDA</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">URL GAMBAR</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">JUDUL ANDA DI SINI...</b>
Untuk menciptakan efek tebal gunakan tag <b>TEKS ANDA DI SINI...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>TEKS ANDA DI SINI...</i>

Lagi Perbaikan Blog
Back to Top