Enable javascript in your browser to view an important message CANDRA VAN JAVA

Kumpulan Button untuk Buku Tamu yang Tersembunyi

Nah buat para blogger yang telah membaca postingan saya 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 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

Cara Membuat Iklan Melayang di Blog

Cara membuat Iklan Melayang, cbox, banner dll bisa dicari lewat google.
Pasti banyak sekali caranya, di sini saya buat posting hanya untuk membuat dokumentasi biar nempel terus di blog saya.
Caranya mudah sekali, tinggal coppy dan pastekan kode berikut dan caranya di tempatkan pada Add Gadget html terserah dimana saja. Kodenya :
<style type="text/css">
    #gb{
    position:fixed;
    top:10px;
    z-index:+1000;
    }
    * html #gb{position:relative;}

    .gbcontent{
    float:right;
    border:0px solid #A5BD51;
    background:#ffffff;
    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.top = x.toString() + "px";
    if(x0!=xf){setTimeout("moveGB("+x+", "+xf+")", 10);}
    }
    </script>

    <div id="gb">

    <div class="gbtab" onclick="showHideGB()"> </div>

    <div class="gbcontent">

    <div style="text-align:right">
    <a href="javascript:showHideGB()">
    .:[Close][Klik 2x]:.
    </a>
    </div>
    <center>
    KODE IKLAN, BANNER, CBOX DLL...........
    </center>

    <script type="text/javascript">
    var gb = document.getElementById("gb");
    gb.style.center = (30-gb.offsetWidth).toString() + "px";
    </script></div></div>
Klik Save, lihat hasilnya....selesai. Selamat mencoba ya? load blog gak berat kok....

Cara Membuat Efek Daun Berguguran di Blogmu

Bagi Blogger yang senang dengan kreasi dan ingin memasang Efek daun berjatuhan dari atas caranya sangat mudah dan simple. Hanya memerlukan coppy paste kode di bawah ini dan taruh di edit Html, selesai.Seperti biasa :
1. Login ke Blog,
2. Klik menu Template,
3. Klik menu Edit Html,
4. Cari kode < / head >,
5. Copy kode di bawah ini dan pastekan persis dibawah kode < / head >

6. Lihat Pratinju--->bagaimana?--->bisa?--->
7. Klik Terakhir Simpan Template.
Lihat pratinju, bisa melihat hasilnya tinggal Simpan Template. Selamat mencoba...

Cara Membuat Efek Hujan Heart di Blogmu

Nih, dapat oleh-oleh lagi dari hasil berkunjung ke blog orang. tapi efek ini cocok Buat Anda yang mempunyai blog bernuansa cinta.gimana tertarik ?? bikin efek heart ini . klo mau liat contoh heart atau hatinya, kayak yang disamping ini lho !
Ok deh.. tertarik bukan? nih, aku punya tipsnya :


1. Login ke blogger kamu tentunya dengan ID kamu
2. Masuk menu TATA LETAK
3. Lalu klik EDIT HTML
4. Jangan lupa beri tanda centang pada expand template widget
5. Cari kode ini dan taruh diatas kode tersebut . kodenya yang ini </body> atau kedalam tag <body>

<script src='http://anas.ku93.googlepages.com/lovingheart.js'>
</script>


6. klo sudah jangan lupa klik simpan template dan lihat hasilnya .

gimana ?? cantik bukan ^_^

sumber : http://tutorial-jitu.blogspot.com