BAYRAĞIM


Ey mavi göklerin beyaz ve kızıl süsü

Kızkardeşimin gelinliği, şehidimin son örtüsü.

Işık ışık, dalga dalga bayrağım,

Senin destanını okudum, senin destanını yazacağım.



Sana benim gözümle bakmayanın

Mezarını kazacağım.

Seni selamlamadan uçan kuşun

Yuvasını bozacağım.



Dalgalandığın yerde ne korku ne keder...

Gölgende bana da, bana da yer ver!

Sabah olmasın, günler doğmasın ne çıkar!

Yurda, ay-yıldızının ışığı yeter.



Savaş bizi karlı dağlara götürdüğü gün

Kızıllığında ısındık;

Dağlardan çöllere düşürdüğü gün

Gölgene sığındık.



Ey şimdi süzgün, rüzgarlarda dalgalı;

Barışın güvercini, savaşın kartalı...

Yüksek yerlerde açan çiçeğim;

Senin altında doğdum,

Senin dibinde öleceğim.


Tarihim, şerefim, şiirim, herşeyim;

Yer yüzünde yer beğen:

Nereye dikilmek istersen

Söyle seni oraya dikeyim!

 


   Blog Sitenizde kullanabileceginiz HTML kodları Ile oluşturulmuş slayt animasyonlu resim galerisi Sayesinde Resimlerinizi Sitenizde rahatlıkla sunabilirsiniz.Aşağıda ki demo görüntüsünü incelerseniz nasıL oldugunu göreceksiniz.Ayrıca Html Kodları ile resim galerisini blogunuza Gadget ekleme Yöntemi Ile Blog Sitenize ekleyebilirsiniz blog.
 
   Html Kodları ile resim galerisini Gadget Olarak ekledik den sonra isterseniz de yazınızı İÇERİSİNDE de kullanabilirsiniz.
Html resim galesini blogunuza Eklemek Click;

Kumanda Paneli & gt; Residential & gt; Gadget Ekle & gt; HTML / Javascript Ekle yolunu konumundadır edin.
ACMIS Olduğunuz gadget içerisine aşağıda ki kodları ekleyın A.Ş. belirttiğim yerlere ekleyecek Olduğunuz resim linklerini ekleyerek kaydedin.
& Lt; stil & gt;
{#broder
genişliği: 580px; 
height: 440px; 
background: # 333; 
border: 3px solid # 666; 
position: relative; 
margin: 30px 20px oto auto;}
{#slide
genişliği: 480 piksel; 
height: 360px; 
taşma: hidden; 
position: absolute; 
Sol: 49px; top: 29px;
arka plan: #fff; 
border: 1px solid # 698639; 
border-color: # 698639 # e0ebcb # e0ebcb # 698639;}
#slide bir {
text-decoration: none; 
display: block; 
genişliği: 480 piksel; 
height: 360px; 
position: absolute; 
Sol: 480px;}
{bir img #slide
display: block; 
Sınır: 0;}
#title {
genişliği: 131px; 
height: 132px; 
position: absolute; 
Sol: 5px; 
top: -30px;}
#previous b {display: none;}
#previous {width: 74px; height: 74px; position: absolute; Sol: 5px; top: 175px; imleç: işaretçi;}
#next b {display: none;}
#next {width: 74px; height: 74px; position: absolute; Sol: 510px; top: 175px; imleç: işaretçi;}
#Buttons {position: absolute; Sol: 50px; top: 405px;}
#Buttons div {width: 20px; height: 20px; yüzer: sol; margin-right: 5px; display: inline;}
#Buttons div b {display: block; genişliği: 20px; height: 20px; line-height: 19px; font-family: Arial, sans-serif; font-size: 11px; color: # 16a; text-align: center; imleç: işaretçi;}
img # yükleme {position: absolute; Sol: 240px; top: 170px;}
& Lt; / style & gt;
& Lt; script src = "http://social medya-dosyalari.googlecode.com/files/jquery-slider.js" type = "text / javascript" & gt; & lt; / script & gt;
& Lt; script type = "text / javascript" & gt;
$ (Document) .ready (function () {
akımı = 1;
düğmeye = 1;
görüntüler = 10;
width = 480;
. $ ('# P1') ({"sol": "0px"}, 400, "swing") canlandırın;
$ ('# B1'). Css ("backgroundPosition", "sol alt")
$ ('# B1 b') css ("renk", "# fff").;
$ ("# Sonraki"). {) ((Function tıklayın
        düğmeye = akım;
        Geçerli ++
    (Eğer mevcut == (fotoğraf + 1)) {akımı = 1}
animateLeft (akım, düğme)
});
$ ("# Önceki"). {) ((Function tıklayın
        düğmeye = akım;
        current--
    (Eğer mevcut == 0) {akımı = görüntüleri}
animateRight (akım, düğme)
});
$ ("# Düğmeleri div"). {) ((Function tıklayın
    düğmeye = akım;
    clickButton = $ (this) .attr ('id');
    akım = parseInt (clickButton.slice (1));
    (Eğer mevcut & gt; düğmesi) {animateLeft (cari, düğme)}
    (Eğer mevcut ve lt düğmesi) {animateRight (cari, düğme)}
});
$ ("# Tuşlarını div b"). Mouseover (function () {
    if (($ (this) .css ("renk")) == "# 16a" || ($ (this) .css ("renk")) == "rgb (17, 102, 170)") { $ (this) .css ("renk", "# 000");}
});
$ ("# Tuşlarını div B"). Mouseout (function () {
    if (($ (this) .css ("renk")) == "# 000" || ($ (this) .css ("renk")) == "rgb (0, 0, 0)") { $ (this) .css ("renk", "# 16a");}
});
fonksiyonu animateLeft (cari, düğme) {
    $ ('# S' + akım) .css (genişlik + "px", "sol");
    $ ('# S' + akım) .animate ({"sol": "0px"}, 400, "swing");
    ({"Sol": -width + "px"}, 400, "swing") $ ('# s' + düğmesi) .animate;
    setbutton ()
}
fonksiyonu animateRight (cari, düğme) {
    $ ('# S' + akım) .css ("sol", - genişliği + "px");
    $ ('# S' + akım) .animate ({"sol": "0px"}, 400, "swing");
    $ ('# S' + düğmesi) .animate ({"sol": genişlik + "px"}, 400, "swing");
    setbutton ()
}
fonksiyonu setbutton () {
    $ ('# B' + düğmesi) .css ("backgroundPosition", "üst sol")
    $ ('# B' + düğmesine 'b' +) css ("renk", "# 16a.");
    $ ('# B' + akım) .css ("backgroundPosition", "sol alt")
    $ ('# B' + 'b' + akım) css ("renk", "# fff");}.});
& Lt; / script & gt;
& Lt; div id = "broder" & gt;
& Lt; div id = "slayt" & gt;
& Lt; img alt = "" id = "yükleniyor" src = "http://2.bp.blogspot.com/-BLReN523CAY/UT6Mlea2VhI/AAAAAAAAAQg/PVNrzTjOz5A/s1600/loading.gif" / & gt;
         Her ortaya çıkışta, id = "p1" & gt; & lt; img height = "360" src = " http://1.bp.blogspot.com/-oHfNBctQ-D8/UyiV-qPfsFI/AAAAAAAAFqs/fThd-1EnTEg/s1600/images+(7 ) .jpg "width =" 480 "/ & gt; & lt; / a & gt;
         Her ortaya çıkışta, id = "P2" & gt; & lt; img height = "360" width = "480" / & gt; & lt; / a & gt;
         Her ortaya çıkışta, id = "P3" & gt; & lt; img height = "360" width = "480" / & gt; & lt; / a & gt;
         Her ortaya çıkışta, id = "p4" & gt; & lt; img height = "360" width = "480" / & gt; & lt; / a & gt;
         Her ortaya çıkışta, id = "p5" & gt; & lt; img height = "360" src = " http://4.bp.blogspot.com/-7bfguzcCFVo/UyiSzoh7qbI/AAAAAAAAFqE/OD1fYkjIVmc/s1600/images+(5).jpg "width = "480" / & gt; & lt; / a & gt;
         Her ortaya çıkışta, id = "P6" & gt; & lt; img height = "360" src = " http://4.bp.blogspot.com/-JIAQTbY69e0/UyiSMDAFtmI/AAAAAAAAFp8/iihtyV4XTJc/s1600/images+(2).jpg "width = "480" / & gt; & lt; / a & gt;
         Her ortaya çıkışta, id = "syf7" & gt; & lt; img height = "360" src = " http://4.bp.blogspot.com/-S779UUXAUYg/UyiRzZ9USII/AAAAAAAAFp0/K08w_1RLuyE/s1600/images+(3).jpg "width = "480" / & gt; & lt; / a & gt;
         Her ortaya çıkışta, id = "p8" & gt; & lt; img height = "360" src = " http://3.bp.blogspot.com/-aLHBIoChq2Q/UyiQwmDpMSI/AAAAAAAAFps/YxGWD9fnT2g/s1600/images+(4).jpg "width = "480" / & gt; & lt; / a & gt;
      & Lt; / div & gt;
& Lt; div id = "önceki" & gt;
& Lt; b & gt; Onceki & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "next" & gt;
& Lt; b & gt; Sonraki & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "düğmeler" & gt;
& Lt; div id = "b1" & gt;
& Lt; b & gt; 1 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b2" & gt;
& Lt; b & gt; 2 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b3" & gt;
& Lt; b & gt; 3 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b4" & gt;
& Lt; b ^ 4 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b5" & gt;
& Lt; b & gt; 5 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b6" & gt;
& Lt; b & gt; 6 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b7" & gt;
& Lt; b & gt; 7 & lt; / b & gt; & lt; / div & gt;
& Lt; div id = "b8" & gt;
& Lt; b & gt; 8 & lt; / b & gt; & lt; / div & gt;
& Lt; / div & gt;
& Lt; / div & gt;
   Kırmızı renkle Yazılı Olan resim linkleri satın aldılar Kendiniz ekleyecek Olduğunuz resim linklerini ekleyın.
NOT: Her resime AIT Iki resim linki Eklenecek kodu İyice inceledik den sonra işleminizi yapın.Örnek Olarak yukarıda ki mavi işaretlediğim resim linkleri Gibi,
Önizleme İçin BURAYA TIKLAYIN



1
2
3
4
5
6
7
8

Yorum Gönder Blogger

 
Top