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!

 

     Blogunuzun sidebarını güzelleştirecek ve işlevsellik katacak, yine BC okuyucularına özel bir eklentiyi sizlerle paylaşmak istiyorum.

     Bu droplink eklentisi bildiğiniz açılır menü mantığıyla çalışıyor ancak görsellik olarak oldukça orijinal ve dikkat çekici.İmaj olarak eklediğim  “Bağlı Kalın” (isterseniz değiştirebilirsiniz) yazısına tıklandığında, ziyaretçilerin sizinle bağlantı kurabileceği sosyal hesaplarla takip kanalların listesi çıkıyor. Her seçeneğin yanında da o kanala ait ikon bulunuyor.Olabildiğince fazla kanal eklemeye çalıştım ancak kullanmadıklarınızı kaldırabilir veya yeni kanallar ekleyebilirsiniz.

     Bu widget'i blogunuza eklemek için Blogger kumanda paneline giriş yaptıktan sonra Yerleşim > Gadget Ekle > HTML/JavaScript Gadget yolunu izleyin ve aşağıdaki kodları kopyalayıp gadgetin içine yapıştırın.

<!--Bilgi Cafem Droplink Widget--> 
<div class="droplink"> 
    <h3><a href="#"><img src="https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/bagli-kal.png"/></a></h3> 
    <ul> 
      <li class="facebook"><a href="Facebook Profil Linki" target="_blank">Facebook</a></li> 
      <li class="twitter"><a href="Twitter Profil Linki" target="_blank">Twitter</a></li> 
      <li class="google"><a href="Google Profil Linki" target="_blank">Google+</a></li> 
      <li class="pinterest"><a href="Pinterest Profil Linki" target="_blank">Pinterest</a></li> 
      <li class="instagram"><a href="http://instagram.com" target="_blank">Instagram</a> 
</li> 
      <li class="linkedin"><a href="http://www.linkedin.com/" target="_blank">LinkedIn</a> 
</li>  
      <li class="youtube"><a href="http://youtube.com" target="_blank">YouTube</a> 
</li> 
      <li class="rss"><a href="RSS Linki" target="_blank">RSS</a></li> 
      <li class="mail"><a href="İletişim Linki" target="_blank">E-Mail</a></li> 
      
    </ul> 
</div> 
<style> 
.droplink { 
    width: 200px; 
    position:absolute; 
    -moz-border-radius-topleft: 5px; 
    -webkit-border-top-left-radius: 5px; 
    -moz-border-radius-topright: 5px; 
    -webkit-border-top-right-radius: 5px; 
    -moz-border-radius-bottomleft: 5px; 
    -webkit-border-bottom-left-radius: 5px; 
    -moz-border-radius-bottomright: 5px; 
    -webkit-border-bottom-right-radius: 5px;} 
.droplink ul, .droplink h3, .droplink h3 a{ 
    padding: 0px; 
    margin: 0px;} 
.droplink:hover { 
    height: auto; 
    background-color: #3E403D; 
    border: solid 1px #3A3C39;} 
.droplink h3 a { 
    text-align: center; 
    width: 100%; 
    display: block; 
    padding: 2px 0px; 
    color: #333; 
    letter-spacing: 3px; 
    text-decoration: none; 
    text-transform: uppercase;} 
.droplink h3 a img{ 
    border: none;} 
.droplink:hover h3 a { 
    color: #FFF; 
    font-weight: bold;} 
.droplink:hover h3 a { 
    position: absolute; 
    left: -1px; 
    top: -1px;} 
.droplink ul{ 
    list-style: none;    
    display: none;} 
.droplink:hover ul{ 
    display: block; 
    margin-top: 40px;} 
.droplink li{ 
    display: block;} 
.droplink li a{ 
    padding: 5px 12px 4px 34px;    
    margin: 1px; 
    background-color: #484A47; 
    display: block; 
    color:#FFF; 
    text-decoration: none; 
    -moz-border-radius-topleft: 5px; 
    -webkit-border-top-left-radius: 5px; 
    -moz-border-radius-topright: 5px; 
    -webkit-border-top-right-radius: 5px; 
    -moz-border-radius-bottomleft: 5px; 
    -webkit-border-bottom-left-radius: 5px; 
    -moz-border-radius-bottomright: 5px; 
    -webkit-border-bottom-right-radius: 5px; 
    background-repeat:no-repeat; 
    background-position: 10px 3px;} 
.droplink li a:hover { 
    background-color: #CC3B1F;} 
.droplink .facebook a { 
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/facebook.png");} 
.droplink .linkedin a { 
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/linkedin.png");} 
.droplink .twitter a { 
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/twitter.png");} 
.droplink .google a { 
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/gplus.png");} 
.droplink .youtube a { 
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/youtube.png");} 
.droplink .rss a { 
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/rss.png");} 
.droplink .pinterest a { 
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/pinterest.png");} 
.droplink .instagram a { 
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/instagram.png");} 
.droplink .mail a { 
    background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/email.png");} 
</style> 
<!--Bilgi Cafem Droplink Widget-->

Düzenlenecek yerler:
     Kodlarda kırmızı renkle gösterdiğim link “Bağlı Kalın”  ikonuna ait link. Buraya kendi hazırlayacağınız “takip et, iletişim kur… vb” şeklindeki ikonların linkini koyabilirsiniz. Mavi renkle gösterdiğim yerlere ise kendi hesap adreslerinizi yazacaksınız.

Listeye yeni öğe eklemek:
      Bunu 2 adımda gerçekleştireceksiniz. Bir örnekle anlatırsam daha anlaşılır olacak sanırım. Flickr hesabımızı listeye eklemek istediğimizi düşünelim.

1. Adım:
      Öncelikle kodların HTML bölümünde </ul> taginin hemen üstüne Flickr’ın HTML kodunu şu şekilde ekleyeceğiz:
<li class="flickr"><a href=http://flickr.com/kullanıcıadı target="_blank">YouTube</a> 
</li>
2. Adım: 
       Şimdi de listedeki Flickr öğesinin yanında gösterilecek ikonu tanıtacağız. Bunun için </style> taginin hemen üzerine şu kodu ekliyoruz:

.droplink .flixkr a { 
    background-image:url(http://flickr.png);}
ÖNİZLEME İÇİN TIKLA


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



Yorum Gönder Blogger

 
Top