Tips dan Trik Nge-Blog

Minggu, 27 Maret 2011

Buka link di new Window

Hhe, Maaf sebelumnya jarang jalan-jalan lagi di blog ini.

langsung aja yah
Tutor :

Login Blog
Rancangan - Edit Html
Taro script dibawah ini DIATAS </head>

Langsung Buka aja :

Kalau sudah buat link dengan HTML seperti dibawah ini
Dan coba klik linknya
Hhe, good luck !

Lengkapnya...

Rabu, 13 Oktober 2010

Minggu, 22 Agustus 2010

Kirim SMS gratis dari Blog !!

Mungkin kalian pernah kirim SMS di HP, tapi kali ini saya akan mencoba kirim SMS
langsung aja yah..

1. buka elemen halaman
2. copy java script di bawah ini :

3. Tambah Gadget - pilih HTML java Script - paste kode di atas.
4. simpan gadget

silahkan di coba .. jika blum ngerti silahkan COMMENT !!
Lengkapnya...

Sabtu, 14 Agustus 2010

Menambah Home,Refresh,Up,Down Horisontal Di Pojok

Saya mendapatkan Refrensi ini dari Webnya Yudhihame.. kalian pasti sudah baca artikel menu yang sebelummnya ?? jika sudah artikel ini versi horisontalnya.

Go to Tutorial !!

* Masuk ke Tata Letak -> Edit HTML
* Copy CSS berikut dan pastekan di atas ]]></b:skin>

#mangetsu {
position:fixed;_position:absolute;bottom:0px; right:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }
#mangetsu a
{
filter:alpha(opacity=65);
-moz-opacity:0.65;
opacity:0.65;
border:0;
}
#mangetsu img
{
border:0;
}
#mangetsu a:hover
{
filter:alpha(opacity=100);
-moz-opacity:1;
opacity:1;
}

* Kode yang dicetak tebal adalah letak dari widget, "bottom" bisa kamu ganti dengan "top" dan "right" bisa kamu ganti dengan "left" Dan letak nya... kamu bisa ganti angka pixel dengan angka yang lainnya !
* Kalau sudah, cari lagi kode </body> tambahkan kode <a name='ngisor-dhewe'></a> tepat diatasnya.
* Simpan templatenya!

Kemudian Memasang Menunya ...

* Copy kode dibawah ini

<div id='mangetsu'>
<table border='0'>
<tr>
<td><a expr:href='data:blog.homepageUrl' title='Home'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirzhxywq69fyEpHNTDimN-FZrLg8ziCDllUfOpKesjr1gy2Yogdz6-SroKRn-cYJWafI_e-E510ykEtteEQ5AMGS3JDbMVYnHnB74qzbpfo06VwLG8Es145rad8JauVspj70BcftANCaQ/s320/home-icon2.png'/></a></td>
<td><a href='#' title='back to top'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikyTTwnY1OWOSVGJx1E7i-SYBTitUQwib66SzscUNxYslYGmwvAkeGcdxWBkIokxGLVRahnjFg0j13JYrw91FkyCSIzr2yYdzhu5ZKQNTsUSH9iecWXPadkFMPLF1j9I7EwJUVTlE6FY0/s320/pre-icon1.png'/></a></td>
<td><a href='#ngisor-dhewe' title='back to bottom'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF2eZ9Nux-KkmAcM2oTppRj0IFIdyo493sK7ITPylU3NXeDNjS-0VhvvGFWTszazPQA8r5BYF43h8X0fq30pBpjFjKga-QDaOhHw8jYDqdNP8W3C0Z-1-T8MUiLgwE3mIM7ppviKdgR6k/s320/next-icon2.png'/></a></td>
<td><a href='#' onClick='window.location.reload()' title='Refresh'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7l7MJa1lCinxfWdmb3Rivw6Yw-3-rtK2sop9bz6QCuBqX5Jifi-oxahsSD0tzvFTcqJvIxwxhpYa_E7R77rr7pZSFvGRNC3_4cIsU8TN4muJS5fTrIwY-MKrnUQrGVO09Pdm2-ffRdsw/s320/refresh-icon1.png'/></a></td>
<td><a href='http://www.emailmeform.com/builder/form/rBbDnjLea2T2' title='Mail me'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLwd7zQ5xdfLrECW92QvAV-FVVcPs6myC11-UO5aEz6g0B8f78uck9ZOdhF63X8eR4ivu46csy5C8gRZ3aLTPE7WIPGhNok2Dq9rB_gRizOCCWQY8aSXZ6XHwORKZK4F-rxXL-xkuQjQM/s320/mail-icon2.png'/></a></td>
</tr>
</table>
</div>

* Kodenya bisa paste dibawah <body> atau bisa juga ke Tata Letak -> Elemen Halaman -> Tambah Gadget -> HTML/Javascript, Paste dan simpan.
Lengkapnya...

Kamis, 08 Juli 2010

Membuat Buku Tamu di samping Blog

kamu lihat Buku Tamu di samping kanan blog saya ? mau tau cara membuatnya ? ayo kita keturoialnya ! pertama apa gunanya Buku Tamu ? Buku Tamu berguna untuk komunuikasi antara pengunjung web dengan pemilik web tersebut. jadi pengunjung bisa menanyakan hal yang belum di mengerti. nah sekarang ke tutorialnya.

1. login BLOGGER
2. buka rancangan-tambah gadget
3. copi paster kode dibawah ini dan letakan di 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1b6-wbrWpuqMzA9jxAOVD3hFvWq-NAq7sJ5zYVZw6BGXh2CiHoQWEVLAAHHPrJAm4trjSbUXhnPCQdJFleQt8kzEWH9hVym1Hr1WYMugOREnCP0aV53u754dlMrqRQAnFyYGpJp6W4WHo/') 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">

===||||| ISI CHAT BOX DISINI |||||===

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

4. Setelah dimasukan Chat Boxnya
5. Simpan

selamat mencoba

Lengkapnya...