25 Ocak 2007

Hrant Dink'in anisina

Hrant Dink'in anisina kosede gordugunuz kose bandini hazirladim, eger begendiyseniz siz de bir kac adimda bunu kendi blogunuza yerlestirebilirsiniz. Bandin uzerine tiklandiginda Vikipedia'da ki Hrant Dink makalesine ulasabilirsiniz.

(Kod javascript kullanmadan sadece CSS kodlamasi icerir)

Blogger kullananlar icin kodun yerlestirilmesini adim adim gosteriyorum;

Kodu yerlestirmek icin once Blogger'a giris yapin ve blogunuzun Template kismina girin, buradan Edit Html kismina gecin.

Daha sonra kodumuzu CSS satirina ekliycez, bunun icin "Edit HTML" kisminda biraz asagiya iniyoruz, ben Links kismindan hemen once koydum.

(not: net goremiyorsaniz resmin uzerine tiklayarak buyultebilirsiniz)

Buraya asagida verdigim CSS kodunu kopyalayip yapistirin;

/* Corner Banner
----------------------------------------------- */
#topright {
position: absolute;
right: 0;
top: 0;
display: block;
height: 146px;
width: 146px;
background: url(http://img381.imageshack.us/img381/5472/hosgoru8ze.gif) no-repeat;
text-indent: -999em;
text-decoration: none;}
Son olarak biraz daha asagiya iniyoruz ve body> kodunu buluyoruz, body> kodundan hemen sonra da ;

a href='http://tr.wikipedia.org/wiki/Hrant_Dink' id='topright' title='Hrant Dink`in anisina'>Hrant Dink`in anisina/a>

(not bu kodu kopyalarken kodun en basina "<" ve kodun en sonunda "/a>" nin basina "<" karakterini de ekleyin lutfen, blogger bunu yazarken direkt kod olarak algiladigi icin ben koyamadim burada)
bu kodu kopyalayip yapistiriyoruz.

Bundan sonra yapacagimiz tek sey "Save template" demek. Kaydedildikten sonra kontrol etmek icin sitenize bakabilirsiniz. (refresh etmeyi unutmayin)

9 yorum:

  1. teşekkürler çalışma için, ben kendi siteme ekledim.

    YanıtlaSil
  2. @gcg: rica ederim, eklemenize sevindim :)

    @emrex: rica ederim, destek sitene bir baktim da cok faydali olmus bu arada, bende seni kutlarim :)

    YanıtlaSil
  3. ben de koymak iStiorum bugun okuLdan donunce, umarim kodLarLa oyniim derken hepten Sitemi bozmam. :)
    rengini farkLi yapabiLme ihtimaLim var mi? atiorum kirmizi diiL de, ye$iL ya da sariLi bi$i yapabiLir miyim? ne kadar uyuSsum dimi ;p
    eLine saglik..

    ~Serra

    YanıtlaSil
  4. @serra yilmaz: rengini farkli yapman icin resim dosyasini degistirmen, yeniden internete yuklemen ve kodda resmin adresinin bulundugu satiri buna gore degistirmen gerekir, ne yazik ki daha kolay bir yolu yok :(

    YanıtlaSil
  5. ;( tmm, ben beceremem ama bunu benim yerime yapabiLcek bi arkada$im var. muSait oLurSa sorcam... beLki yardimci oLur, ben de koyabiLirim. Saol ;)

    ~Serra

    YanıtlaSil
  6. Çok güzel bir eklenti...

    YanıtlaSil
  7. Genç Kardeşim;
    yazılarını beğeni ile takip ediyorum. Ne zamandır nasıl yapıldığını merak ettiğim bir çalışma. O nedenl mutlu ettin beni. Postlarında kod yayınlamaya gelinceban bir mail gönderirsen sana yöntemi anlatabilirim yada diğer yöntemleri incelemen içinde benim azizname de ki uygulamaları incele. Sevgiyle kal...

    YanıtlaSil
  8. @serra yilmaz: rica ederim :)

    @doktorname: begenmenize sevindim

    @ihtiyarus: Bende sayfa icinde kod nasil yayinlanir onu merak ediyordum, azizname gunlugunuzu inceleyecegim, cok tesekkurler.

    YanıtlaSil