Minggu, 15 April 2012

Cara letak gambar dipojok kanan blogger

0 komentar


embuat 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

Leave a Reply