Blogger‘da en çok aradığım eklentilerden birisi buydu. Yani eklentinin benzerleri vardı fakat tarayıcı sorunu oluyordu. Fakat, bu eklenti de tarayıcı sorunu yok. Dolayısı ile rahat bir şekilde eklentiyi kullanabilirsiniz. Ayrınca, eklentiyi istediğiniz şekilde de özelleştirebilirsiniz. Aşağıdaki adımları uyguladığınız zaman, blogunuzda bir nokta uçacak. Fakat belirttiğim gibi, bu noktayı başka bir şekilde değiştirebilme imkânınız da var. Eklentinin ne kadar yararlı olduğunu bilemem ama güzel bir eklenti diyebilirim. En azından blogunuza farklı birşeyler yapmak istiyorsanız, bu eklenti tam size göre. Eğer isterseniz, eklentinin yapım aşamasına geçelim;
Öncelikle <head> kodundan sonra aşağıdaki JavaScript kodlarını yapıştıralım;
<script type="text/javascript" src="http://teknobeyin.googlecode.com/files/moveobj.js"></script>
<script type="text/javascript">
/***********************************************
* Floating image script- By Virtual_Max (http://www.geocities.com/siliconvalley/lakes/8620)
* Modified by Dynamic Drive for various improvements
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
//Step 1: Define unique variable names depending on number of flying images (ie:3):
var flyimage1, flyimage2, flyimage3
function pagestart(){
//Step 2: Using the same variable names as 1), add or delete more of the below lines (60=width, height=80 of image):
flyimage1=new Chip("flyimage1",47,68);
flyimage2=new Chip("flyimage2",47,68);
flyimage3=new Chip("flyimage3",47,68);
//Step 3: Using the same variable names as 1), add or delete more of the below lines:
movechip("flyimage1");
movechip("flyimage2");
movechip("flyimage3");
}
if (window.addEventListener)
window.addEventListener("load", pagestart, false)
else if (window.attachEvent)
window.attachEvent("onload", pagestart)
else if (document.getElementById)
window.onload=pagestart
</script>
Daha sonra ise, <body> etiketinden sonra aşağıdaki kodları ekleyelim;
<div id='flyimage1' style='position:absolute; left: -500px; width:47; height:68;'><img src='http://i53.tinypic.com/2laeyw6.jpg' style=' border=0'/></div>
Not: İsterseniz eğer yukarıda yer alan kırmızı renkli linki, blogunuzda uçmasını istediğiniz nesnenin linki ile değiştirebilirsiniz. Ayrıca değiştirdiğiniz nesnenin resmine ait olan width ve height değerini, yukarıda kırmızı renkli linkin yer aldığı kodlardaki width ve height değerleri ile değiştirmenzi gereklidir.
Kaynak: Dynamic Drive
0 yorum:
Yorum Gönder