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 ..
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
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
Agan jadi Cuapers ke 0, CONGRATULATE !
Jangan lupa ada emo Kaskus diatas CommentBox Ini. Langsung dicoba gan ? Entar ane kasih cendol dah.