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!

 


    Blogger  da Kullandığınız temaya göreb menü  eklemek blogunuzun ki Makale blogunuzda ettik blogunuza Gelen Kullanıcıların bulunduğu Blogunuzu KOLAY kullanabilmesi ettik Konuları rahatlıkla görebilmelerini sağlayan yöntemlerinden biridir.Bu Yatay menü Basit Bir menüden Ziyade ettik  css  Ile oluşturulmuş alt Açılır menülere de sahip.Bu menüyü blogunuza ekleyerek isterseniz blogunuzda ki etiketlere Bagli Olarak da kullanabilirsiniz.
Css Ile oluşturulmuş met  css Açılan Menü İstiyorsanız 'nün nasıL göründüğünü testi Etmek  Önizleme Butonuna Tıklayın. (Menü görüntüsü yaratınca tr Başında ki yeşil renkli menüdür.)
         Css menü nün renklerini de kendinize gore, zevkinize GÖRE ayarlamak da mümkün.Gelelim Bu css Ile oluşturulmuş menü ' yü blogunuza nasıL ekleyeceğiniz. Css Ile menü Kullanımı  for:
  • Blogger hesabınıza Giriş yapınız.
  • Kumanda Paneli> Sablon> HTML düzenle yolunu konumundadır Ediniz.
  • Ctrl + F Logged Tuşları ]]> </ b: skin> Kodunu aradın.
  • Bulduğunuz ]> </ b: skin> kodunun HEMEN recorder satırına aşağıda ki CSS kodlarını ekleyeniz kaydediniz şablonunuzu ettik.
CSS KODLARI:
. Btrix-greenymenu {width: 950px; background: # 7cae15; color: # eee; text-shadow: 1px 1px # 495505 1px; display: inline-block;-moz-box-shadow: 3px 3px 4px # 007308; 
-webkit -box-shadow: 3px 3px 4px # 007308; box-shadow: 3px 3px 4px # 007308,-moz-border-radius-topleft: 
ul {width: 950px; padding: 0; margin: 0 auto} 
btrix-greenymenu li: first-child a {padding: 10px 7PX 3px}. 
btrix-greenymenu li {list-style: none; görüntü:. inline-block; float: left} 
. btrix-greenymenu li sağ no-repeat; color: # fff; display: block; font: 16px Oswald; position: relative; text-decoration: none; padding: 15px 8px;-moz-border-radius-topleft: 
li a: hover {background: # 333; color: # fff; text-shadow: 1px 1px 1px # 000;-moz-border-radius-topleft: 
. li bir sf-alt göstergesi {taşma: gizli; position: absolute; text-indent:-9999px} 
... btrix-greenymenu li li bir, btrix-greenymenu li li a: link, btrix-greenymenu li li a: border-bottom; # 439700: 1px solid # 000; border-right: none; color: # fff; font: 12px Arial; position: relative; text-transform: Arka plan visited {none; width: 138px; padding: 10px 10px , text-shadow: none; opacity: 0.8} 
btrix-greenymenu li li a: active {background: # 444} btrix-greenymenu li li bir hover.. 
btrix-greenymenu li ul {height: auto; sol:. - 9999px; position: absolute; width: 160px; z-index: 9999; margin: 0} 
. 140px}: btrix-greenymenu li a {genişliği ul 
. btrix-greenymenu li ul ul {margin:-33px 0 0 157px} 
. btrix . greenymenu-li: hover> ul, btrix-greenymenu li.sfHover ul {left: auto} 
. {width: 200px; şamandıra: sağ; margin: 0 auto; padding: 5px 10px 0} menusearch 
. searchform {margin-top: 0px; display: inline-block; * display: inline; padding: 0; background: # fff; width: 200px; height: 23px; taşma: hidden;-webkit-border-radius: 3px;-moz-border-radius: 3px; border-radius: 3px; border: 1px solid # 5c820d;} 
searchform girdi {font:. italik 12px Arial; color: # 222; line-height: 23px; height: 23px; padding: 0; margin: 0;} 
.. searchform searchfield {background: transparent; padding: 0 0 0 6px; margin: 0; width: 160px; height: 23px; border: 0px; anahat: none; line-height: 23px;} 
.. searchform searchbutton {border: none; font-size: 12px; height: 23px; width: 23px; margin: 0; padding: 0}

  • Herhangi Bir Sorun YOKSA Şablonu kaydedin.
  • Daha sonra tekrar Kumanda Paneli> residential> Gadget EKLE> HTML / JavaScript yolunu konumundadır Ediniz. 
  • Açtığınız gadgetin içerisine aşağıda ki HTML kodlarını ekledikden SONRA düzenleyin kaydedin ettik.
HTML KODLARI:
<div class="btrix-greenymenu"> 
<ul class="sf-menu"> 
<li> <a href="http://www.blogger.com/"> <img alt = "ev" src = " http://1.bp.blogspot.com/-wqzYVSTa638/UQrc7C0UP3I/AAAAAAAABgU/TgbAOmzXLAs/s1600/home.gif "style =" padding: 0px; "/> </ a> </ li> 
<li> <a href = " # "> Menü 1 </ a> </ li> 
<li> <a href = " # "> Menü 2 </ a> 
<ul> 
<li> <a href = " # "> alt Menü 1 </ a> </ li> 
<li> <a href = " # "> alt menü 2 </ a> </ li> 
<li> <a href = " # "> alt Menü 3 </ a> 
<ul > 
<li> <a href = " # "> alt Menü 3.1 </ a> </ li> 
<li> <a href = " # "> alt Menü 3.2 </ a> </ li> 
</ ul> 
< / li> 
</ ul> 
</ li> 
<li> <a href = " # "> Menü 3 </ a> 
<ul> 
<li> <a href = " # "> alt Menü 1 </ a> < / li> 
<li> <a href = " # "> alt menü 2 </ a> </ li> 
<li> <a href = " # "> alt Menü 3 </ a> </ li> 
</ ul > 
</ li> 
<li> <a href = " # "> Menü 4 </ a> </ li> 
<li> <a href = " # "> Menü 5 </ a> </ li> 
</ ul > 
<div class="menusearch"> 
<form action="/search" class="searchform" method="get"> 
<input class = "searchfield" id = "q" name = "q" onblur = "if ( this.value =='') this.value = this.defaultValue; "onfocus =" (this.value == this.defaultValue) this.value ='' ise "type =" text "value =" Buraya Ara .. .. "/> 
    <input class = "searchbutton" src = "http://1.bp.blogspot.com/-N_4TWVUmXv4/UDdKJf5NwCI/AAAAAAAAIgY/AGrKXgwkrTo/s1600/tombolcari.gif" style = "cursor: pointer; dikey -align: top; "type =" image "value =" Git "/> 
</ form> 
</ div> 
</ div>

  • İşlem Bu Kadar.
         Html Kodları İçerisinde duzenlenecek Yerler:
     Kırmızı  # isaret Yerine buton linklerinizi ekleyecek income yerdir.
      Mavi Olan yerlere menü isimlerini yazin.
ÖRNEK:
<li> <a href="#"> Kategori </ a> 
<ul> 
<li> <a href = " http://etralibela-61.blogspot.com.tr/search/label/Bilgisayar # "> Bilgisayar </ a> </ li> 
<li> <a href = " http://etralibela-61.blogspot.com.tr/search/label/% C4% B0nternet # "> İnternet </ a> </ li> 
<li> <a href = " http://etralibela-61.blogspot.com.tr/search/label/Modem% 20Bilgi # "> Modem Bilgisi </ a> </ li>


Aşağıda Yorum Toplam Sorularinizi Yazabilirsiniz ettik ...


 
Top