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!

 



CSS3 kodlama dilinin yaygınlaşması ile eskiden kabusa dönen bir çok tasarım konusu artık kolayca yapılabilir hale geldi. Çoğu kişinin eklenti olarak sunduğu kodlar aslında basitleştirilmiş birer CSS3 kod dizini. Ben sizlere bir çok yerde widget yada Blogger eklentisi olarak sunulan kodları bir nebze olsun farklı şekilde kullanabilin diye açıklayarak anlatmaya çalışacağım. CSS3 ile ufak satır renklendirmeleri yaparak duyuru kutuları yada dikkat edilmesini istediğiniz paragraflar hazırlayabilirsiniz.

Table kodları ile rahatla yapılabilecek olan örneği css ile yapacağız. Unutmayın ki <table> kodları eski ve geliştirilemeyen bir kod dizinidir ve Google gelecekte kalmış olan bu kod dizini pek sevmez. CSS ise Google'ın favorisidir.

Blogger İçin CSS3 ile Uyarı Satırı Nasıl Tasarlarız;

Her ne kadar Blogger için desem de farklı platformlarda da işe yarar bir kod dizilimidir. CSS kullanırken basitçe bilmeniz gereken iki kod dizilimi vardır. Birincisi oluşturucu kod dizini, ikincisi çağırıcı kod dizini. 

]]></b:skin> üzerine yapıştırmanız gerekli denilen tüm kodlar oluşturucu niteliktedir. Kullanmak için HTML/JavaScrip Gadget'ı açtığımız yada yazı içerisinde kullandığınız kodlar ise çağırıcı kodlardır. Blogger temalarınıza işlem yaparken ]]></b:skin>  üzerine oluşturucuları yapıştırırız ve bu kodları kullanmak istediğimizde ise çağırıcı kodları devreye sokarız. 

Şimdi konumuza dönelim ve uygulamaya geçelim,

Öncelikle Kumanda Paneli>Şablon>Html Düzenle Yolunu izliyoruz.
***Unutmamak lazım her ihtimale karşı blogger şablonunuzun yedeğini almayı unutmayın.
Daha sonra Ctrl+F ile  ]]></b:skin> kodunu aradıyoruz.]]></b:skin> kodunu hemen üstüne altta ki kodları ekliyoruz.
.Bilgicafem-duyuru, .Bilgicafem-duyuru2, .Bilgicafem-duyuru3, .Bilgicafem-duyuru4 { background:#F3F3F3; border:1px solid #C1C1C1; text-align:center; margin:0 auto 10px; padding:5px 10px; -moz-box-shadow:inset 0 0 1px #fff; -webkit-box-shadow:inset 0 0 1px #fff; box-shadow:inset 0 0 1px #fff; text-shadow:0 -1px rgba(255,255,255,0.5); font-size:12px; } 
.Bilgicafem-duyuru { background: #FFF6BF; border-color:#FFD324; } 
.Bilgicafem-duyuru2 { background: #ADCBE7; border-color:#0F5C8E; } 
.Bilgicafem-duyuru3 { background: #D6ECA6; border-color:#8DC93E; } 
.Bilgicafem-duyuru4 { background: #cccccc; border-color:#4c4c4c; }



Oluşturucu kodlarda tanımlama işlemi vardır. Kırmızı ile yazılmış olan : .Bilgicafem duyuru  kısmı ikinci Bilgicafem kısmında tanımlanmıştır. Background rengi #FFF6BF ,  olsun çerçeve #FFD324; renginde olsun. Tabi siz renkleri değiştirebilirsiniz bu size kalmış.
Bu kodları eklemek istediğimizde ise aşağıda ki kodları kullanmak istediğimiz yere ekleriz.
<p class="Bilgicafem-duyuru"> <strong>Duyuru: </strong> http://etralibela-61.blogspot.com/ Yazıyı Buraya Yazabilirsiniz </p> 




 Kodlar üzerinde kendinize göre değişiklikler yaparak çerçeveleri kalınlaştırabilir,  kaldırabilir,  uzunlukları ayarlaya bilir,  yazı stili değiştirebilirsiniz. 
Kullanım mantığı oldukça basittir  ]]></b:skin>  üzerine yapıştırmanız gereken kodları yapıştırın ve hangi şekilde kullanmak istiyorsanız aşağıda ki kodlardan dilediğinizi yada hepsini seçin ve yazmak istediklerinizi ekleyin. 


<p class="Bilgicafem-duyuru"> <strong>Duyuru: </strong> http://etralibela-61.blogspot.com Yazıyı Buraya Yazabilirsiniz </p> 
<p class="Bilgicafem-duyuru2"> <strong>Duyuru: </strong> http://etralibela-61.blogspot.com Yazıyı Buraya Yazabilirsiniz </p> 
<p class="Bilgicafem-duyuru3"> <strong>Duyuru: </strong> http://etralibela-61.blogspot.com Yazıyı Buraya Yazabilirsiniz </p> 
<p class="Bilgicafem-duyuru4"> <strong>Duyuru: </strong> http://etralibela-61.blogspot.com Yazıyı Buraya Yazabilirsiniz </p>


Bu işlemimizde bu kadar.
Şimdi bunları blogger sitenize eklediğinizde link vermek için;duyuruları html kısmından  ekledikten sonra sayfada oluştur bölümüne dönün, normal şekilde yazılarınıza link verdiğiniz gibi duyuruların içindede link verebilirsiniz.



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



Yorum Gönder Blogger

 
Top