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!

 

Şimdi anlatacağım Blogger Yazı İçeriğini Gizle - Göster efarklı şekillerde daha önce anlatmıştım.Şimdi bu eklentinin alternatif ikinci bir yöntemi paylaşacağım sizlerle...Bu eklenti Gadget olarak ekleyip Blogspot Gadgetleriniz için kullanabilirsiniz veyahut yazdığınız içeriğin HTML'yi düzenle kısmına ekleyerek de kullanılabilir...
Şimdi ikinci yöntemin yani yazı içerisinde nasıl kullanılabilir onun anlatımına devam edelim;

İlk kullanacak olduğumuz basit ve sıradan bir kod tablosudur.Bu kodu makale hazırlarken makaleniz içerisinde
gizlemek gerektiğiniz kısımları gerek duyduğunuzda kullanabilirsiniz.

___________________________________1. Yönetem_____________________________
K<script type="text/javascript">
  function showBlock(blockId)
  {
    document.getElementById(blockId).style.display = "block";
  }
  function hideBlock(blockId)
  {
    document.getElementById(blockId).style.display = "none";
  }
</script>
<a href="javascript:showBlock('block1')" _fcksavedurl="javascript:showBlock('block1')">Demo Göster</a>
<div style="display: none;" id="block1">BURAYA İÇERİK EKLE<a href="javascript:hideBlock('block1')" _fcksavedurl="javascript:hideBlock

('block1')"><br />Demo Gizle</a></div>

 Demo Göster,Demo Gizle buton metinlerini kendinize göre değiştirebilirsiniz.Yeşil renkle yazılı metin yerine istediğiniz içeriği ekleyebilirsiniz.
__________________________________2. Yöntem________________________________
Şimdi Üste ki kod çerçevesini ve buton renklerini,arka plan rengini kişileştirebilmemiz için yapılabilecek değişiklere göz atalım ve uygulayalım.
Önce Göster - Gizle buton içerisine eklediğimiz içeriğin arka plan rengini değiştirmek veya arka plan rengi eklemek için aşağıda ki kod şablonunu kullanın.Örnek olarak aşağıda ki butona tıklayın.

Göster
<script type="text/javascript">
  function showBlock(blockId)
  {
    document.getElementById(blockId).style.display = "block";
  }
  function hideBlock(blockId)
  {
    document.getElementById(blockId).style.display = "none";
  }
</script>
<a href="javascript:showBlock('block1')" _fcksavedurl="javascript:showBlock('block1')"> Göster</a>
<div style="display: none;" id="block1"> <span style="background-color: #f5f5f5;">BURAYA İÇERİK EKLEYİN</span>
  <a href="javascript:hideBlock('block1')" _fcksavedurl="javascript:hideBlock('block1')"><br />Gizle</a></div>



___________________________________3. Yöntem_______________________________
Şimdi ise aynı kod ile yalnız sadece kod sonuna eklediğimiz resim ve video kodları sayesinde yazılarınız içerisinde resim veya videolarınızı gizleyip gösterebilirsiniz.Burada yapacak olduğumuz işlem aşağıda ki kod sonunda yer alan resim ve video kodları içerisinde paylaşacak olduğunuz video,resim linklerini eklemeniz olacak...

Demo
<script type="text/javascript">
  function showBlock(blockId)
  {
    document.getElementById(blockId).style.display = "block";
  }
  function hideBlock(blockId)
  {
    document.getElementById(blockId).style.display = "none";
  }
</script>
<a href="javascript:showBlock('block1')" _fcksavedurl="javascript:showBlock('block1')">Demo Göster</a>
<div style="display: none;" id="block1"> <img src="Resim-Video URL'si" > <br /> <img src="Resim-Video URL'si" >
  <a href="javascript:hideBlock('block1')" _fcksavedurl="javascript:hideBlock('block1')"><br />Demo Gizle</a></div>




_______________________________4. Yöntem___________________________________
Göster - Gizle butonları içerisine eklemiş olduğunuz içerikleri vs. bir çerçeve kutu içinde olmasını isterseniz eğer o zaman bu kodu kullanın.

Örnek İçin buraya Tıkla
Kodlar:
<script type="text/javascript">
  function showBlock(blockId)
  {
    document.getElementById(blockId).style.display = "block";
  }
  function hideBlock(blockId)
  {
    document.getElementById(blockId).style.display = "none";
  }
</script>
<a href="javascript:showBlock('block1')" _fcksavedurl="javascript:showBlock('block1')">Demo Göster</a>
<div style="display: none;" id="block1">
<textarea style="background-color:#transparent; width: 630px; height: 135px;" >Gizlemek İstediğiniz Yazı, Resim, Video 

vb</textarea>
  <a href="javascript:hideBlock('block1')" _fcksavedurl="javascript:hideBlock('block1')"><br />Demo Gizle</a></div>



_________________________________5. Yöntem__________________________________
Bu adımda ise yukarıda vermiş olduğum farklı kullanım amaçlı kodları şimdi Göster - Gizle metin yerine buton olarak göstermektir.Örnek için altta ki gibi;



Kodlar:
<script type="text/javascript">
  function showBlock(blockId)
  {
    document.getElementById(blockId).style.display = "block";
  }
  function hideBlock(blockId)
  {
    document.getElementById(blockId).style.display = "none";
  }
</script>
<a href="javascript:showBlock('block1')" _fcksavedurl="javascript:showBlock('block1')"><button>İçeriği Göster</button></a>
<div style="display: none;" id="block1">Buraya metin,video,resim veya kodlarınızı ekleyin<a href="javascript:hideBlock('block1')" _fcksavedurl="javascript:hideBlock

('block1')"><br /><button>İçeriği Gizle</button></a>




ÖNEMLİ NOT:
Bu kodu blog makaleniz içerisinde birden fazla kullanacaksanız kod içerisinde her zaman değiştirecek olduğunuz kısım id="block1" kısmıdır.Örneğin bir makale hazırlıyorsunuz ve bu makale fazla uzun ayrıca her başlık altında başka bir ek bilgi eklemeniz gerekiyor.Makaleniz içerisinde bir kez bu göster - gizle kodunu kullanmış iseniz eğer ikinci kullandığınızda kodlarda çakışma olacağından ikinci butona tıklanıldığında birinci buton çalışacaktır.Bunu düzeltmeniz ve kod içerisinde birden fazla göster - gizle kodunu eklediğinizde yukarıda ki kodlar içerisinde turuncu işaretlediğim kodların sonunda ki rakamı her kullanmada bir değiştirerek uygulayın.(Örneğin block1,block2,bloc3 gibi)

Bu kadar açıklayıcı ve öz anlatımdan sonra anlamayanlar veya yapamayanlar için aşağıdan yorum bölümünden sorunlarınızı iletişim bölümünden de mesajlarınızı gönderebilirsiniz.Kısa zamanda size geri dönüş yapılacaktır.
Kolay Gelsin...

Yorum Gönder Blogger

  1. bunu reklama tıkladığında kodu göstersin olarak yapabilir miyiz?

    YanıtlaSil
  2. bunu reklama tıkladığında kodu göstersin olarak yapabilir miyiz?

    YanıtlaSil

 
Top