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
Tuliskan Komentar facebook
Posting Komentar