ile kodlanmıştır.
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="https://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
Yine ben.. Çok güzel bir eklentiye benziyor yalnız galiba bir sorun var.. sayfayı açtığımda;
Düzgün bir şekilde oluşturulmadığından şablonunuz çözümlenemedi. Lütfen tüm XML öğelerinin düzgün biçimde kapatıldığından emin olun. XML hata iletisi: Open quote is expected for attribute "{1}" associated with an element type "border".
Bu yazı geliyor...
Merhaba,
Yazı güncellenmiştir. Acaba eklentiyi tekrar deneyebilir misiniz? Bu sefer herhangi bir problem olmaması gerekmektedir.
İyi Çalışmalar
Teşekkürler, işe yaradı :)
bu kodları yazı ekleden mi yapcaz .bide yazı eklede görseli mi seçecez html mi?
Merhaba,
Yazı içerisinden değil, tema kodları doğrultusunda kodlamalar eklenecek.
İyi Çalışmalar