Home » » Menampilkan Gambar Allways On Top

Menampilkan Gambar Allways On Top

 


Pertama

► Siapkan dua buah image, satu image utama (yang ingin ditampilkan) dan satunya lagi image untuk tombol close
► Upload kedua image tersebut pada situs yang anda jadikan untuk penyimpanan image, misalnya : Photobucket atau Picture Trail
► Setelah proses upload selesai, copy alamat URL dari kedua image tersebut, kemudian simpan pada notepad
► Siapkan sebuah alamat URL sebagai link target, misalnya http://www.3xploration.co.cc

Kedua

Caranya adalah sebagai berikut :

1. Login ke Akun Blogger anda masing-masing.
2. Klik Design or Rancangan, kemudian pilih Edit HTML
3. Centang (Expand Widget Template)
4. Untuk keamanan lebih baik kita (Download Template Lengkap)
5. Gunakan (Ctrl+F) or (Alt+E+F) untuk memudahkan pencarian     Masuk ke blogger dengan ID anda
6.Copy seluruh kode dibawah ini kemudian paste tepat diatas kode ]]></b:skin>

    #mta_bar {
    position:fixed;
    _position:absolute;
    bottom:10px;
    right:10px;
    margin:0;
    padding:0
    }
    * html #mta_bar{
    /*IE6 hack*/
    position: absolute;
    width: expression(document.compatMode=="CSS1Compat"? document.documentElement.clientWidth+"px" : body.clientWidth+"px");
    }
    #mta_bar .right { float:right;width:125px;margin:0;padding:0}
    #mta_bar .ads {margin:0;padding:0}
    #mta_bar .close {margin:0;padding:0}

7. Copy seluruh kode dibawah ini kemudian paste dibawah kode </head>
    <script type='text/javascript'>
    //<![CDATA[
    var mta_arr = new Array();
    var mta_clear = new Array();
    function mtaFloat(mta) {
    mta_arr[mta_arr.length] = this;
    var mtapointer = eval(mta_arr.length-1);
    this.pagetop = 0;
    this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;
    this.mtasrc = document.all? document.all[mta] : document.getElementById(mta);
    this.mtasrc.height = this.mtasrc.offsetHeight;
    this.mtaheight = this.cmode.clientHeight;
    this.mtaoffset = mtaGetOffsetY(mta_arr[mtapointer]);
    var mtabar = 'mta_clear['+mtapointer+'] = setInterval("mtaFloatInit(mta_arr['+mtapointer+'])",1);';
    mtabar = mtabar;
    eval(mtabar);
    }
    function mtaGetOffsetY(mta) {
    var mtaTotOffset = parseInt(mta.mtasrc.offsetTop);
    var parentOffset = mta.mtasrc.offsetParent;
    while ( parentOffset != null ) {
    mtaTotOffset += parentOffset.offsetTop;
    parentOffset = parentOffset.offsetParent;
    }
    return mtaTotOffset;
    }
    function mtaFloatInit(mta) {
    mta.pagetop = mta.cmode.scrollTop;
    mta.mtasrc.style.top = mta.pagetop - mta.mtaoffset + "px";
    }
    function closeAds() {
    document.getElementById("mta_bar").style.visibility = "hidden";
    }
    //]]>

    </script>


8. Copy seluruh kode dibawah ini kemudian paste tepat diatas kode </body>

    <div id='mta_bar'>
    <div class='right'>
    <span class='ads'>
    <a href='http://www.3xploration.co.cc' target='_blank'>
    <img border='0' height='125' src='http://1.bp.blogspot.com/_1j80TgNqd_8/Sh1KMSD4III/AAAAAAAAArY/YR-3AK4YEls/S45/PDVD_207.BMP' width='125'/>
    </a>
    </span>

    <span class='close' onmouseout='self.status=&apos;&apos;' onmouseover='self.status=&apos;return true;'>
    <img align='absmiddle' border='0' onClick='closeAds();return false;' src='http://i708.photobucket.com/albums/ww86/andiskapati/tutup.jpg' style='cursor:hand;cursor:pointer;'/>
    </span>

    </div>
    </div>

9. Tulisan berwarna merah ganti dengan alamat kepunyan anda
10.Klik tombol Simpan Template

♂ Good Luck ♀

Semua ini adalah apa yang pernah aku cobain sendiri . . dan aku dapat/mengerti dari teman2 blogger lainnya karena aku hanya seorang blogger pemula yang ingin mengetahui lebih banyak hal lagi . . . . Thank's
Share
Related Post

0 comments:

Archives

Label


ShoutMix chat widget
Guest Book
 

Subscribe Via Email

Enter your email address:

Delivered by FeedBurner

My Blog

Show

Exploration


Show

[Valid Atom 1.0]
Google PageRank Checker Powered by  MyPagerank.Net

Powered by FeedBurner

SEO Stats powered by MyPagerank.Net

Show

Show

Exploration

Welcome To My Blog

I hope you find what you're looking for here . . Thank you for visit to my simple blog . .

Rizky Maulana

This life is a sacrifice and struggle . . and I am just a man who wants to be better than ever . .