English French German Spain Italian Dutch

Russian Portuguese Japanese Korean Arabic Chinese

Cara Menyembunyikan Buku Tamu

Postingan ini adalah lanjutan dari Daftar cBox dimana widget ini sangat berarti sekali buat blog kita.Selain untuk menjalin tali silaturrahmi sesama blogger juga berfungsi memperkenalkan blog kita kepada pengunjung yang lain untuk dengan meninggalkan jejak mereka di blog kita.Dan kali ini saya ingin memberikan variasi buku tamu agar tidak terlalu monoton, yaitu dengan cara menyembunyikannya di samping kanan atas .Untuk menyembunyikan buku tamu tidaklah sulit!



Ikuti Langkah Berikut ini :

1.        Login ke Blogger Account Anda, pilih "Layout" kemudian "Page Elements",
2.       Klik "Add a Gadget" boleh di element manasaja, pilihlah "HTML/JavaScript",
3.       Copy code berikut dan paste Elemens HTML/JavaScript

<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://i.imgur.com/jkh8k.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">

<!-- Ganti ini dengan kode buku tamu Anda -->

<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>

4. Ganti scipt merah dengan scipt shoutmix/cbox Anda.
5. Klik "save".
6. Selesai deh...!!!


Membuat 2 Kolom di Bawah Posting

Beberapa cara untuk membuat blog kita agar tampak lebih indah di pandang mata, Berikut tips cara untuk memasang 2 kolom widget di bawah posting, mudah mudahan ini dapat sedikit membantu untuk para sobat blogger di dunia maya. :)

1. Seperti bisa Login, masuk ke pangaturan dan seterusnya lihat gambar :



2. Masukkan Kode CSS berikut tepat di atas ]]></b:skin> :

 .underpost {
margin:15px 0px 10px 0px;
padding:5px 0;
clear:both;
}
.underleft{
float:left;
width:265px;
margin-right:15px;
}
.underright {
float:right;
width:265px;
}

Selanjutnya temukan kode ini :

 <data:post.body/>

Dan tempatkan kode berikut tepat dibawah kode yang di atas.

 <b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class='underpost'>

<div class='underleft'>

(teks and atau kode iklan)(kiri)

</div>

<div class='underright'>

(teks and atau kode iklan)(kanan)

</div>

</div>

</b:if>

3. Lalu save template.

Selamat mencoba..
 

Pengikut