Di tulis Oleh:Alinoka Jumat, 13 April 2012


Membuat Gambar Berada di Pojok Blog dengan JQuery mungkin udah pernah kalian lakukan, mungkin juga pas kalian sedang liat tutorial yang mengangkat cara membuat trick tersebut di blog orang laen. Lhah sekarang bagaimana bila tak kasih aja bagaimana membuat gambar berada di pojok nggak menggunakan CSS3. Tapi menggunakan JQuery, hehe sebetulnya ini gabungan aja seh antara Java ama CSS .. langsung aja gimana, soale aku juga susah mo neranginnya. Yang jelas kalian hanya perlu menyiapkan URL gambar misal

http://alamatblog.blogspot.com/01/file/contohgambar.JPEG

Dan alamat blog yang ntar jadi tautan atau link aktif ketika gambar itu disentuh misal

http://alamatblog.blogspot.com

Hanya itu doang kok .. gampang khan
Ini dia codingnya ..
<script>if(typeof jQuery=='undefined'){document.write('<'+'script');document.write(' language="javascript"');document.write(' type="text/javascript"');document.write(' src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js">');document.write('</'+'script'+'>')}</script><script>$(document).ready(function(){var a=$('<img>').attr({'src':'URL image kalian ntar taruh disini','border':0});$('<a></a>').css({position:'fixed',right:'0px',top:'0px','z-index':'90'}).attr({'href':'URL blog kalian taruh disini'}).append(a).appendTo('body')});</script>


Gimana, masih agak bingung?

Kalo yang lama itu khan begini ::

<img src="URL gambar ada disini" style="position:fixed; top:10px; right:10px;"> berarti gambar ini akan berada di kanan pojok atas

<img src="URL gambar ada disini" style="position:fixed; top:10px; left:10px;"> berarti gambar ini akan berada di kiri pojok atas

Contohnya ada diatas kanan dari blog ini yang ada tulisan CSS3 itu hehe
Blogger Yang Baek, Meninggalkan Jejak Berupa Komentar



Post by: Alinoka
jam. 05.20 Jumat, 13 April 2012
1. Nama : Alinoka
2. Alamat: Banjar Patroman
3. No Telphone: Klik di sini
4. Respon: Komentar
5. Menu: Artikel ini

Tuliskan Komentar facebook

Posting Komentar