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!

 


          Değişen tablo menü sayesinde hem alandan tasarruf edersiniz,hemde sitenizin sık bir görünümüne sahip olursunuz.

Görünümü;

Blogger değişen tablo menü yapımı;
  1. Kumanda panelinden Şablon>Html Düzenle yolunu isliyoruz.tabiki her zaman ki gibi şablonunuzun yedeğini alın her ihtimale karşı.Widgetleri genişlet kutucuğunu işaretleyin.
  2. Daha sonra ki işlem Ctrl+F kısa yol tuşları ile ]]></b:skin> kodunu buluyoruz ve aşağıdaki kodu ]]></b:skin> üzerine ekliyoruz.
#tabs { overflow: auto; width:100%; list-style: none; margin: 0; padding: 0; } #tabs li { margin: 0; padding: 0; float: left; } #tabs a { -moz-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); -webkit-box-shadow: -4px 0 0 rgba(0, 0, 0, .2); box-shadow: -4px 0 0 rgba(0, 0, 0, .2); background: #ad1c1c; background: -moz-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -ms-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: -o-linear-gradient(220deg, transparent 10px, #ad1c1c 10px); background: linear-gradient(220deg, transparent 10px, #ad1c1c 10px); text-shadow: 0 1px 0 rgba(0,0,0,.5); color: #fff; float: left; font: bold 12px/35px 'Lucida sans', Arial, Helvetica; height: 35px; padding: 0 30px; text-decoration: none; } #tabs a:hover { background: #c93434; background: -moz-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -ms-linear-gradient(220deg, transparent 10px, #c93434 10px); background: -o-linear-gradient(220deg, transparent 10px, #c93434 10px); background: linear-gradient(220deg, transparent 10px, #c93434 10px); } #tabs a:focus { outline: 0; } #tabs #current a { background: #fff; background: -moz-linear-gradient(220deg, transparent 10px, #fff 10px); background: -webkit-linear-gradient(220deg, transparent 10px, #fff 10px); background: -ms-linear-gradient(220deg, transparent 10px, #fff 10px); background: -o-linear-gradient(220deg, transparent 10px, #fff 10px); background: linear-gradient(220deg, transparent 10px, #fff 10px); text-shadow: none; color: #333; } #content { border:1px solid #000000; background-color: #fff; width:200px; background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ddd)); background-image: -webkit-linear-gradient(top, #fff, #ddd); background-image: -moz-linear-gradient(top, #fff, #ddd); background-image: -ms-linear-gradient(top, #fff, #ddd); background-image: -o-linear-gradient(top, #fff, #ddd); background-image: linear-gradient(top, #fff, #ddd); -moz-border-radius: 0 2px 2px 2px; -webkit-border-radius: 0 2px 2px 2px; border-radius: 0 2px 2px 2px; -moz-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; -webkit-box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; box-shadow: 0 2px 2px #000, 0 -1px 0 #fff inset; padding: 30px; } /* Remove the rule below if you want the content to be "organic" */ #content div { height: 220px; }

Üstte ki kod için düzenleme yapılacak yerler;
Kırmızı yazılı olan yerler yükseklik ve genişlik bölümleridir.Siz bu kısımları kendi isteğinize göre ayarlayabilirsiniz.

Pembe yazılı kodlar ise menülerdeki yazı fontunun çeşiti ve büyüklüğünü belirler,isterseniz siz bunu değiştirebilirsiniz.

Mavi #tabs yazılı olan kodları paragrafı ve menünün renk kodlarını belirtir.İsterseniz sitenize göre bu kısımıda değiştirebilirsiniz.

    3.   Ctrl+F tuş kombinasyonu ile </head> kodunu buluyoruz.</head> hemen üzerine aşağıdaki kodları ekliyoruz,kaydedip çıkıyoruz.


<script type='text/javascript'> $(document).ready(function() { $(&quot;#content div&quot;).hide(); $(&quot;#tabs li:first&quot;).attr(&quot;id&quot;,&quot;current&quot;); $(&quot;#content div:first&quot;).fadeIn(); $(&#39;#tabs a&#39;).click(function(e) { e.preventDefault(); $(&quot;#content div&quot;).hide(); $(&quot;#tabs li&quot;).attr(&quot;id&quot;,&quot;&quot;); $(this).parent().attr(&quot;id&quot;,&quot;current&quot;); $(&#39;#&#39; + $(this).attr(&#39;title&#39;)).fadeIn(); }); })(); </script>

     4.   Değişen Tablo Menü blogunuza isterseniz yayınlarınız arasına ekleyebilirsiniz,veya gadget ekle yöntemi ile ekleyebilirsiniz.

     5.   Kullanmak için aşağıdaki kodları kullanın;


<ul id="tabs"> <li><a href="#" title="Menü 1">Menü 1</a></li> <li><a href="#" title="Menü 2">Menü 2</a></li> <li><a href="#" title="Menü 3">Menü 3</a></li> </ul> <div id="content"> <div id="tab1">İstediğiniz İçeriği Girin <a href="http://etralibela-61.blogspot.com/" title="Bilgi Cafem 61">Blogger Kodları</a> </div> <div id="tab2">İstediğiniz İçeriği Girin</div> <div id="tab3">İstediğiniz İçeriği Girin</div> </div>

        Üstteki tablo menü kodlarında ki yapılacak değişiklikler;
Pembe yazılı olan yerler tablonuza eklicek olduğunuz başlık kısımlarının yeridir.

Kırmızı yazılı olan yer menü başlığına tıklandığında görünecek içerik.

Mavi olan kısıma kendi blogger sitenizi ekleyin. 




Bizi Takip Edin
Pinterest Facebook Twitter
 © by bilgicafem61
Aşağıda Yorum ve Sorularınızı Bırakın.



Yorum Gönder Blogger

 
Top