Pasang Buku Tamu Di Blog

- bazComp share -

Bagaimana caranya memasang sebuah buku tamu di blog.
Berikut cara membuatnya :
1. Login blog Anda
2. Masuk dashbord design page elements
3. Dan add gadget
4. Masukan kode scrip 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">

<!--buku tamu-->

<br/>
Mau punya buku tamu seperti ini?<br/>
Klik di
<a href="http://aculwaid.blogspot.com/2011/05/pasang-buku-tamu-di-blog.htmll">
[sini]
</a>

<div style="text-align:right">
<a href="javascript:showHideGB()">
[tutup]
</a>
</div>

</div>

</div>

<script type="text/javascript">
var gb = document.getElementById("gb");
gb.style.right = (30-gb.offsetWidth).toString() + "px";
</script>

5. Untuk pengaturan posisinya, ganti atribut top-nya. Kalau mau lebih ke atas ubah menjadi 30px.silakan berkreasi sendiri.

6. Selesai

salam bazComp..

readmore »»  

Membuat Scrollbar di blog

- bazComp share -

Scroll bar adalah kotak yang bisa kita gulung atas-bawah atau kiri-kanan untuk menemukan text yang tersembunyi. Scrollbar ini berguna untuk menghemat ruang dalam blog kita, terutama untuk widget-widget dengan isian yang panjang.

Cara membuatnya dengan bermain scrips. Di bawah ini merupakan scrips untuk membuat scrollbar di blog.

<div style="overflow:auto; padding:5px; width:200px; height:80px; background-color: rgb(255, 255, 255); border:1px solid #ccc;">

Tambahkan teks yang panjang atau kode script yang panjang untuk menghemat tempat dan menjadi rapi disini.

 Contoh di atas bila dilihat separti di bawah ini :

Tambahkan teks yang panjang atau kode script yang panjang untuk menghemat tempat dan menjadi rapi disini


Note : Ganti warna  merah sesuai dengan keinginan Anda.

readmore »»  

Buat Menu Dropdown Dengan CSS3 Menu

- bazComp share -

Ternyata membuat dropdown dengan CSS3 menu mudah sekali. tinggal sedikit utak-atik di linknya. Untuk aplikasinya bisa di downlad langsung di sini. Download CSS3 MENU v1.2 Win&Mac.zip
Salam bazComp...

readmore »»  

Cara Pasang Jam Pada Blogspot

- bazComp share -

         Memasang jam di blog ini untuk menunjukkan jam di blog, yang bila di lihat oleh akan pengunjung mengetahui waktu saat ini. Dan jam juga bisa menambah tampilan blog menjadi lebih cantik dan menarik.

         Untuk membuat jam sebetulnya gampang, mudah, cepat asal dengan koneksi dan otak yang cepat juga.

Langkah-langkahnya adalah :

    * Anda cari jam dulu di clocklink
    * Pilih jam yang ingin Anda tempelkan di blog anda
    * Pilih get HTML tag
    * Atur warna dll
    * Copy kode yang ada di sana ( yang atas )
    * ( langkah selanjutnya )
    * Masuk akun Blog ► Tata Letak / Rancangan/Layout ► Element Laman
    * Klik Tambah Gadget ► Pilih HTML/Javascript
    * Anda Letakkan code yang sudah  di copy ( dari clockLink )
    * Selesai dan lihat blog Anda

Selamat Mencoba
GOOD LUCK!

Salam bazComp..

readmore »»