Sabtu, 05 Maret 2011

Menambah /memasang widget Google Translate ke blog

Contohnya bisa di lihat di bawah ini

1. Anda langsung ke google translate, http://translate.google.com/ atau klik disini2. Ubah bahasa yang digunakan menjadi bahasa Indonesia (lihat ujung panah)

3. Copy script html yang ada di atas, kemudian masukkan ke gadget html, di blog anda.

atau bisa pakai script berikut:
a. Jika blog anda berbahasa Indonesia, copy script berikut ke gadget html anda

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=id&w=160&h=60&title=&border=&output=js"></script>

a. Jika blog anda berbahasa Inggris, copy script berikut ke gadget html anda

<script src="http://www.gmodules.com/ig/ifr?url=http://www.google.com/ig/modules/translatemypage.xml&up_source_language=en&w=160&h=60&title=&border=&output=js"></script>

Cara Membuat Jump Menu atau Dropdown Menu

1. Login ke blogger
2. Pilih tata letak kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode HTML berikut ini:
<select onchange="javascript:window.open(this.options[this.selectedIndex].value);">
<option value="0" selected>Teman-Teman</option>
<option value="http://trueblueind.blogspot.com/"> Blogspot</option>
<option value="http://trueblueind.blogspot.com/"> Blogdetik</option>
<option value="http://trueblueind.blogspot.com/"> Wordpress</option>
.... dst ....
</select>

Perhatian :)
Teman-Teman adalah judul 
http://trueblueind.blogspot.com/ adalah alamat URL
Blogspot adalah judul blog teman kita
Kamu bisa menambakannya sendiri, sebanyak teman kamu (...dst...)

5. Simpan Kalau sudah yakin.


Nanti kalau sudah berhasil hasilnya seperti ini

Membuat Buku Tamu yang Buka Tutup

Cara Membuat Buku Tamu yang Buka Tutup
1. Login ke blogger
2. Pilih Rancangan kemudian Tambah Gadget
3. Pilih HTML/JavaScript
4. Masukan kode script berikut ini:


<style type="text/css">
#gb{
position:fixed;
top:100px;
z-index:+1000;
}
* html #gb{position:relative;}
.gbtab{
height:100px;
width:30px;
float:left;
cursor:pointer;
background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRpeVy8iZllLgGtghrdK01c15tDBcE_NMaK9cf5SLjMa91s6RCDmPPWNP3yTW670p9y24CHsFH3HkuKYr0Iu93CgmnH8yDltc1k9l0H1oUYJOT1orBSXH5ZG0CqSoRPgW1ajFecMvXkXeo/') no-repeat;
}
.gbcontent{
float:left;
border:2px solid #A5BD51;
background:#F5F5F5;
padding:2px;
}
</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">

TARUH KODE WIDGET SHOUTOXMU DI SINI

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

Kita taruh kode yang sudah peroleh dari shoutmix atau cboxditempatnya (TARUH KODE WIDGET SHOUTOXMU DI SINI). DanSimpan jika sudah selesai.