Cara Membuat Gambar Melayang Pada Blog

Buat Agan-Agan yang lagi belajar Nge-Blog ( Ane juga sama siii....hee)..terutama yang lagi nyari info atau artikel tentang bagaimana cara membuat gambar melayang ( Float Image...bhs betawinye), tepat sekali...disinilah tempatnya...!!! Sebenarnya ada beberapa script yang bisa  mendukung, tapi ane mau share script yang sederhana penempatannya, kenapa sederhana..?? karena buat kita nih yang para pemula, akan sedikit dimudahkan dalam pembuatannya, kita tidak perlu direpotkan dengan harus membuka script template secara keseluruhan, lalu mencari ( cntrl + f ) kode-kode tertentu, lalu meletakannya diatas / dibawah kode yang kita cari tsb sesuai dengan tutorilanya...

Hmmm...ribet kan... ( buat pemula,,mohon maav buat yang udah ahli maahh...piss )

Okelah...gak banyak cingcong lagi...langsung ja niihh...simak yaa..

Cara Membuat Gambar/Iklan Melayang di Blog

1. Login ke blogger

2. Pilih tata letak kemudian Tambah Gadget

3. Pilih HTML/JavaScript

4. Masukan kode script berikut ini:

<style type="text/css">

#topbar{

position:absolute;

border: 1px solid #666666;

padding: 2px;

background-color: #333333;

width: 300px;

visibility: hidden;

z-index: 100;

}

</style>

<script type="text/javascript">

var persistclose=0 //set to 0 or 1. 1 means once the bar is manually closed, it will remain closed for browser session

var startX = 5 //set x offset of bar in pixels

var startY = 5 //set y offset of bar in pixels

var verticalpos="fromtop" //enter "fromtop" or "frombottom"

function iecompattest(){

return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body

}

function get_cookie(Name) {

var search = Name + "="

var returnvalue = "";

if (document.cookie.length > 0) {

offset = document.cookie.indexOf(search)

if (offset != -1) {

offset += search.length

end = document.cookie.indexOf(";", offset);

if (end == -1) end = document.cookie.length;

returnvalue=unescape(document.cookie.substring(offset, end))

}

}

return returnvalue;

}

function closebar(){

if (persistclose)

document.cookie="remainclosed=1"

document.getElementById("topbar").style.visibility="hidden"

}

function staticbar(){

barheight=document.getElementById("topbar").offsetHeight

var ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;

var d = document;

function ml(id){

var el=d.getElementById(id);

if (!persistclose || persistclose && get_cookie("remainclosed")=="")

el.style.visibility="visible"

if(d.layers)el.style=el;

el.sP=function(x,y){this.style.left=x+"px";this.style.top=y+"px";};

el.x = startX;

if (verticalpos=="fromtop")

el.y = startY;

else{

el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;

el.y -= startY;

}

return el;

}

window.stayTopLeft=function(){

if (verticalpos=="fromtop"){

var pY = ns ? pageYOffset : iecompattest().scrollTop;

ftlObj.y += (pY + startY - ftlObj.y)/8;

}

else{

var pY = ns ? pageYOffset + innerHeight - barheight: iecompattest().scrollTop + iecompattest().clientHeight - barheight;

ftlObj.y += (pY - startY - ftlObj.y)/8;

}

ftlObj.sP(ftlObj.x, ftlObj.y);

setTimeout("stayTopLeft()", 10);

}

ftlObj = ml("topbar");

stayTopLeft();

}

if (window.addEventListener)

window.addEventListener("load", staticbar, false)

else if (window.attachEvent)

window.attachEvent("onload", staticbar)

else if (document.getElementById)

window.onload=staticbar

</script>

<div id="topbar">

<a href="" onclick="closebar(); return false"><span style="float:right">[X]</span></a>

ISI DENGAN SCRIPT ANDA DISINI

contoh : "  <a href='http://adikurniadi1985.blogspot.com/'>

<img border='0' src='http://i23.photobucket.com/albums/b382/soakzzz/gogreenlogo2.gif'/></a> "

note : tanpa tanda petik ( untuk contoh script )

</div>

Perlu diperhatikan, untuk menyesuaikan tampilan (template), ada script-script yang bisa kita ubah  :

border: 1px solid #666666;

padding: 2px;

background-color: #333333;

width: 300px;

var startX = 5 //set x offset of bar in pixels (rubah angka )

var startY = 5 //set y offset of bar in pixels ( rubah angka )

5. Simpan jika sudah selesai, dan lihat hasilnya..apakah berhasil ??

Jika bermanfaat, tinggalkan komentar anda..

Selamat mencoba.