Home » , » Cara Bikin Float Gambar Pada Blog

Cara Bikin Float Gambar Pada Blog

Hello Pengunjung Oktri Blogger,Pada tutorial Blogg kali ini saya berbgai tips Cara Bikin Float Gambar Pada Blog,Pada Aeal nya Saya tertarik dengan dengan float image yang pernah saya lihat di blog-blog atau forum untuk di pasang di blog saya. setelah mencari di google saya menemukan script floating dari dynamic drive, dan  Sebelum nya saya Ucapkan kepada teman Blogger saya Mas Arifin yang telah berbagi Tutorial ini ,

Saya Akan Langsung Memulai Topik Kita..Baiklah Sobat Hanya Mengikuti Langkah Berikut :


1. Login Ke Akun Blog Sobat
2. Klik Tab Tata Letak
3. Klik Tab Elemen Halaman
4. Klik Tambah Gadget
5. Klik pilhan HTML/JavaScript
6. Pastekan script di bawah ini ke kolom Konten
<style type="text/css">

#topbar{
background-color:#61380B;
position:absolute;
visibility:hidden;
z-index:100;
border:2px
#FFFFFF groove;
-moz-border-radius:8px;
padding-top:6px;
padding-left:1px;
padding-bottom:3px;
padding-right:1px;
-moz-opacity:0.63;
filter:alpha(opacity=63);opacity:0.63;
}
#topbar a img{
color:transparent;text-decoration:none;border:none;
}
</style>

<script language="javascript">

/***************************************************************
* Floating Top Bar script - Dynamic Drive (http://www.dynamicdrive.com)
* Sliding routine by Roy Whittle (http://www.javascript-fx.com/)
* Simplified Floating by !CrazyDavinci! (http://crazydavinci.net)
* This notice must stay intact for legal use.
* Visit http://www.dynamicdrive.com/ for full source code
***************************************************************/
startX = parseInt(screen.width/2)+500;startY = parseInt(screen.height/2)-110
function iecompattest(){return (document.compatMode && document.compatMode!="BackCompat")? document.documentElement : document.body}
function staticbar(){
ns = (navigator.appName.indexOf("Netscape") != -1) || window.opera;
d = document;
el= d.getElementById("topbar");
barheight= el.offsetHeight;
function ml(id){
el.style.cssText="visibility:visible;width:75px";if(d.layers)el.style=el;
el.sP=function(x,y){this.style.right=x+"px";this.style.top=y+"px";};
el.y = ns ? pageYOffset + innerHeight : iecompattest().scrollTop + iecompattest().clientHeight;
el.x = startX;el.y -= startY;return el;
}
window.stayTopright=function(){
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("stayTopright()", 10);
}
ftlObj = ml("topbar");stayTopright();
}
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" align="center">
<a href="KASIH ALAMAT  BLOG YANG ANDA INGINKAN" target="_blank">
<img src="KASIH ALAMAT GAMBAR YANG DI INGINKAN " width="70px" /></a><blink><font face="Times New Roman" size="2,8" color="#FF0000"><br />About Me<br /></font></blink></div>


 Ket :
Url Ini KASIH ALAMAT  BLOG YANG ANDA INGINKAN, merupakan letak dimana ABOUT ME diletakkan silahkan isi alamat  URL yang sobat inginkan
untuk yg ini KASIH ALAMAT GAMBAR YANG DI INGINKAN merupakan URL gambar jadi isikan URL gambar yang sobat inginkan
 
7. Klik Simpan
8. Selesai


Selamat Mencoba 






Artikel Terkait:

23 komentar:

  1. Terimakasih kang, infonya sangat berguna .
    :D
    izin copas
    :)
    kunjungi saya ya kang http://dedem-it.blogspot.com

    BalasHapus
  2. @rangga semoga membatu ...
    terima kasih sudah berkunjung dan berkomentar...!!!

    tinggal sedot az br0...

    BalasHapus
  3. mas.. blogx pke apa ni..?? blogspot atau wordpress??

    BalasHapus
  4. @randy thanks....silahkan

    @Herry ni dr blogspot bro...hhehhe

    BalasHapus
  5. maap gan ko sa belom bisa juga yah?? potonya sih muncul yapi gak melyang kayak punya agan,.

    BalasHapus
  6. @anaknegerisendir, hehheheh saya jg sebelumnya menhadapi masalah seperti thu...!!!
    coba dicek gi mungkin ad yg slh...

    BalasHapus
  7. bro low bikin google di pojok kanan kyk di blog kamu itu gimana seh..thanks seblumna

    BalasHapus
  8. Makasih Kak infonya.

    Dipersilahkan Kak Kunjungannya di
    http://www.ahmadlukmannulhakim.co.cc/
    Mohon Maaf Bila Ada Salah Kata.

    BalasHapus
  9. ini yang aku cari makasih ya atas bantuannya mumet nyari di google taunya ketemu disini .
    terimakasih.

    BalasHapus
  10. @Ahmad Lukman Nulhakim

    terima kasih sudah berkunjung ,,,ditunggu kunjungan nya lagi

    BalasHapus
  11. sob kok susah banget bikin blog kaya sob brgini ?

    BalasHapus
  12. bang tolong donk saya, saya kurng ngety coz pemula....
    mohon bantuannya....
    thx b4...

    BalasHapus
  13. keren sob terima kasi telah d beri ide yg yahuud

    BalasHapus
  14. wahh..
    makasih banget nihh..buat trik nya.. :)
    ane juga minta izin copas gan,hehehe

    BalasHapus
  15. ko ga bisa ya kang?
    jadi bingung,.
    kang, yang membuat background sidebar dengan animasi, ada animasi yang lebih keren ga kang?
    low ada, minta url nya dong,.
    :)
    akng kan baik..
    hehe

    BalasHapus
  16. KAsih alamat FB d situ bisa gk..?

    BalasHapus
  17. TERIMAKASIH ATAS SEMUA INFONYA.. AND MANTAP BLOGNYA..

    BalasHapus
  18. Assalamualaikum.
    Kak blog yang di msukin it blog kita sndri kan??

    BalasHapus
  19. KANG
    SAYA MW NNYA
    cara buat about me melayang" kayak gitu dmna cara nya y..???
    pakek gadget atau edit html..?????
    please dijawab y kang....

    coba lyat blog saya kang
    dmna nya yg salah...???
    http://belajar-indodesign.blogspot.com

    BalasHapus

Fivers

Selamat Datang Di OKTRI BLOG

Selamat datang di Blog saya, semoga saja kalian bisa mendapatkan apa yang kalian butuhkan diblog saya ini. Terima kasih Telah Berkunjung Di Blog saya,apabila berkenan silahkan berkomentar dan follow blog saya,mari kita saling berbagi ilmu tentang apa saja...Selengkapnya tentang Tutorial Ini

Sekilas tentang penulis

Nama saya Oktri darmadi,saya seorang Mahasiswa S1 Teknik Informatika Di IBI DARMAJAYA Bandar Lampung.

Social Stuff

  • RSS
  • Twitter
  • Facebook
  • HOME
Oktri