nantikan peluncuran tampilan terbaru dari blog ini dalam waktu
Tampilkan postingan dengan label request area. Tampilkan semua postingan
Tampilkan postingan dengan label request area. Tampilkan semua postingan

Jumat, 26 November 2010

Membuat Gambar Melayang Di Pojok

tau maksutnya g nih ?
hahahahha.... kalo g tau, silahkan anda mampir ke blognya Nuria saja.
eits, sebelum mampir kesitu. baca dulu ini.
pada blognya nuria lihat bagian pojok kiri bawah. ada apa itu ?
snoopy melompat-lompat ya ?
dan selanjutnya lihay pojok kanan atas. ada siapa disitu ?
twitty ya ?
sekarang coba kalian scroll kebawah/keatas, pasti mereka tetep berada disitu ya ?
hahhaha, request lagi dari Sinta pembaca setia blog saya ini. heheheh....

langsung saja saia kasih tau caranya.
1. hal yang wajib. (Login blog :D)
2. seperti biasanya (Rancangan > Edit HTML)
3. caro code ini :

]]></b:skin>


4. kemudian letakkan kode berikut ini tepat berada di atasnya code ]]></b:skin> :

#hanif_gambar_pojok {
position:fixed;_position:absolute;bottom:0px; left:0px;
clip:inherit;
_top:expression(document.documentElement.scrollTop+
document.documentElement.clientHeight-this.clientHeight); _left:expression(document.documentElement.scrollLeft+ document.documentElement.clientWidth - offsetWidth); }


5. jangan simpan dulu templatenya. sekarang tugas kamu adalah, cari code

</body>

6. klo udah ketemu taruh code berikut ini tepat berada pada atasnya

<div id="hanif_gambar_pojok">
<img src="URL GAMBAR YANG MAU KAMU TAMPILKAN TARUH DISINI" border="0" /></a>
</div>


ket :
untu yang berkedip silahkan ganti URL gambar yang kamu inginkan
contoh : http://google.com/gambardoraemon.jpg

setelah itu, silahkan di simpan....
bingung mau kasih gambar apa ?
nih saia punya sedikit koleksi.
silahkan di ambil....

ini gambar terkhusus buat Sinta hhehehehe...

Url : http://i.mnpls.com/1031/103123.gif


Url : http://bima.ipb.ac.id/~anita/peanut.gif


Url : http://bima.ipb.ac.id/~anita/images/WinnieThePooh50.gif


Url : http://bima.ipb.ac.id/~anita/Mimicing.gif


Url : http://bima.ipb.ac.id/~anita/butterfly.gif

mau gambar apa lagi ? silahkan request ya.
makasih.
Komentnya ditunggu :D

Cara Membuat Buku Tamu Melayang

Ada request ini dari temen ku si Sinta. kemaren malem dia abis nanya tentang cara bikin buku tamu yg di klik terus muncul itu loh yang ada di pinggir kanan.
rencana mau ane remote biar tau cara bikinnya. eeehhh koneksi tak bersahabat dengan kita. ya g sint ??? heheheh....
terus, mau ane posting tuh tutorial, eee lagi males :D
nonton TiPi deh. terus kagak tidur sampek pagi ini.
mumpung nganggur, plus bete, nulis tutorial deh buat temen-temen dan terkhusus dari yang request.

langsung saja masuk ke dasboard blogspot kalian. baca nih petunjuknya, jangan sampek kelewatan ya.
1. Pilih Rancangan
2. Elemen Halaman
3. Tambah Gadget
4. Pilih HTML/JavaScript
5.Terus untuk Judul g usah diisi, untuk konten silahkan isi sourcecode berikut 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('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgpUuHdBo2s-gqNoC0lEzSw05Qg4E6oR_OI_eyAtyunjF4HSW3-yAozskUvdTe-rwc1R3RStBLm8eFQNXY9ZUba3uyROmDtl0nKhCuZGXdMVtXbyacJT_8AmCO_ZskWWRsiFFop8rab2HY_/') 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">

<center>
<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="350" src="http://www3.cbox.ws/box/?boxid=3031749&amp;boxtag=8848&amp;sec=main" id="cboxmain" style="border: 1px solid rgb(218, 218, 218);" scrolling="auto" width="95%" allowtransparency="yes" name="cboxmain"></iframe></div>
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="95" src="http://www3.cbox.ws/box/?boxid=3031749&amp;boxtag=8848&amp;sec=form" id="cboxform" style="border-style: none solid solid; border-color: -moz-use-text-color rgb(218, 218, 218) rgb(218, 218, 218); border-width: 0px 1px 1px;" scrolling="no" width="95%" allowtransparency="yes" name="cboxform"></iframe></div>
<!-- END CBOX --></center>

<br/>
<font color="00000">
Anda berminat buat Buku Tamu seperti ini?<br/>
Klik di
<a href="http://hanifspd.blogspot.com/2010/11/cara-membuat-buku-tamu-melayang.html">
sini </a></font>

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


Keterangan :
Untuk Kode yang berwarna merah

<!-- BEGIN CBOX - www.cbox.ws - v001 -->
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="350" src="http://www3.cbox.ws/box/?boxid=3031749&amp;boxtag=8848&amp;sec=main" id="cboxmain" style="border: 1px solid rgb(218, 218, 218);" scrolling="auto" width="95%" allowtransparency="yes" name="cboxmain"></iframe></div>
<div><iframe frameborder="0" marginheight="2" marginwidth="2" height="95" src="http://www3.cbox.ws/box/?boxid=3031749&amp;boxtag=8848&amp;sec=form" id="cboxform" style="border-style: none solid solid; border-color: -moz-use-text-color rgb(218, 218, 218) rgb(218, 218, 218); border-width: 0px 1px 1px;" scrolling="no" width="95%" allowtransparency="yes" name="cboxform"></iframe></div>
<!-- END CBOX -->


ganti dengan SourceCode Shoutbox kalian.
untuk daftar shoutbox silahkan baca artikel yang ini.

buat sinta, semoga sukses ya.
kalo masih bingung silahkan tanya lagi.

jangan lupa komentarnya kawan...

Sekedar coretan untuk belajar bersam. disini saya tidak untuk bersaing, namun saya disini untuk melengkapi dan aling belajar bersama

About Me

Diberdayakan oleh Blogger.

Blog Archive

Rubrik

Follower

Shout

Layanan RSS Vivanews.com dapat diakses pada URL-URL berikut:

http://rss.vivanews.com/ Free Download Movie :