Blogger'da Widget Düzenle Butonunu Kaldırmak


Blogger'da yerleşim sekmesinde bulunan widgetleri hızlı yoldan düzenlemek için bir buton mevcut. Çarpı şeklinde tornavida ve anahtar çizimli bir butondur.

Kimi zaman işe yarayan ama çoğu zaman sizi yanıltabilecek bir butondur kendisi. Resimlerde, sütunlarda veya site üzerinde bulunan her hangi bir bileşende kayma gibi şeyler söz konusu olabilir bu buton yüzünden. Buton ziyaretçinize gözükmez sadece sizde gözükür ve o butonu göstermek için bileşeni aşağı kaydırabilir, sağa atabilir, sola atabilir görüntüde bozukluk görünebilir.

Tavsiyem o ki butonu kaldırın, blogger panelinden düzenlemelerinizi yapın ve o buton olmadan orjinal görüntüyle inceleyin. Sonuçlarınız daha verimli olacaktır.

Html'yi düzenle diyerek aşağıdaki aratın ve bulduklarınızı silin.

<b:include name='quickedit'/>

Blogger Arşiv Sayfası Oluşturma

arşiv sayfası

Blogger'da bir çok eksik mevcut. Belki yapılması bile düşünülmüyor, belki de az ilgileniliyor bilemeyiz. Fakat bunun bizi durdurmaması için bir çok eklenti yazılıp çiziliyor. Blogger'da özel bir sayfa olarak açılan sitemap veya arşiv olarak adlandırılan kod da bunlardan biri.

Blogger'da tüm yazıların bir sayfada olması yada site haritası tarzı bir sayfa oluşturmak isteyenler bu koddan yararlanabilir. Tek yapmanız gereken, yeni bir sayfa oluşturmak ve alttaki kodu eklemek.
Kırmızı renkli alanı kendinize göre düzenleyin.
<script src="http://yourjavascript.com/9184200431/blogtoc-min.js" type="text/javascript"> 
</script>
<script src="http://berkaltunkilic.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"> 
</script>

Blogger İletişim Sayfası Oluşturma

Merhaba arkadaşlar. Uzun zaman önce Blogger'a iletişim widgeti gelmiştir. Widgeti her hangi bir yere koyarak her sayfanın istenilen bir bölümünde iletişim formu görünmekteydi. Blogger ekibi tarafından yapılmış offical bir eklentidir. Bu yazımda sizlerle bu iletişim widgetini sabit bir sayfada nasıl gösterebiliriz onu anlatacağım. Hazırsanız başlayalım.

1) İlk önce iletişim formu ekleyeceğimiz blogu seçiyoruz, YERLEŞİM > GADGET EKLE > DİĞER GADGETLER > İLETİŞİM FORMU artıya basarak gadgeti ekliyoruz.

İletişim Sayfası Oluşturma

2) Şimdi iletişim formunun kodlarını silmemiz gerekiyor. ŞABLON > HTML'Yİ DÜZENLE > WİDGET ATLA > ContactForm1 diyerek kodlara gidiyoruz. Kodları genişletiyoruz aşağıda taralı boyanmış alandaki kodları seçip siliyoruz. 

İletişim Sayfası Oluşturma

3) Bundan sonra iletişim formunu eklemeye geldik. SAYFALAR > YENİ SAYFA diyerek iletişim sayfamızı oluşturuyoruz. HTML alanını seçerek aşağıdaki kodları kopyalayın ve sayfaya yapıştırıp yayınlayın.

<div class='widget ContactForm' id='ContactForm1'>  <div class='contact-form-widget'> 
    <div class='form'> 
      <form name='contact-form'> 
        <p>İsim<p> 
        <input class='contact-form-name' id='ContactForm1_contact-form-name' name='name' size='30' type='text' value=''/>
        <p>E-Posta *</p> 
        <input class='contact-form-email' id='ContactForm1_contact-form-email' name='email' size='30' type='text' value=''/>
        <p>Mesaj *</p> 
        <textarea class='contact-form-email-message' cols='25' id='ContactForm1_contact-form-email-message' name='email-message' rows='5'></textarea> <br />
        <input class='contact-form-button contact-form-button-submit' id='ContactForm1_contact-form-submit' type='button' value='Gönder'/> 
        <p class='contact-form-error-message' id='ContactForm1_contact-form-error-message'></p> 
        <p class='contact-form-success-message' id='ContactForm1_contact-form-success-message'></p> 
      </form>
    </div>
  </div>
</div>
4) Son olarak css kodlarımızı ekleyerek formu düzenliyoruz. Tekrar ŞABLON > HTML'Yİ DÜZENLE diyoruz <b:skin><![CDATA aratıyoruz ve altına aşağıdaki kodları ekliyoruz.

.contact-form-widget { 
width: 500px; 
max-width: 100%; 
margin: 0 auto; 
padding: 10px;  
color: #000;  
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.25); 
border-radius: 10px; 
}
.contact-form-name, .contact-form-email, .contact-form-email-message { 
width: 100%; 
max-width: 100%; 
margin-bottom: 10px; 
box-shadow:0 1px 4px rgba(0, 0, 0, 0.25);
border:1px solid #fff;
}
.contact-form-button-submit { 
border-color: #656E75; 
background: #E6E7E8; 
color: #000; 
width: 20%; 
max-width: 20%; 
margin-bottom: 10px; 
}
.contact-form-button-submit:hover{ 
background: #679EC9; 
color: #ffffff; 
border: 1px solid #FAFAFA; 
} 
İşlem bu kadardır arkadaşlar, yapamayan olursa yorum yaparak bildirebilir her türlü yardımcı olmaya çalışırım.

Blogger Yazı içinde Tarih Gösterme

blogger yazı içi tarih
Bir çok kişi Blogger'da özel tema kullanmakta. Bu temalarda genellikle ya tarih tamamen kaldırılmış ya da tarihi saat ile değiştirmişler. Bizim yapacağımız işlem Blogger site ayarlarımız da belirlediğimiz tarihin birebir ekrana yazdırılması olacak. İlk önce tarih ayarlarımızı kendimize göre ayarlayalım.

Yapmanız gereken şey, blog adresinizi seçip menüde en alt kısımda bulunan ayarlar sekmesine tıklamak oradan "Dil ve biçimlendirme" seçeneğine tıklayın. Karşınıza çıkan ayarları dilediğiniz gibi kendi bulunduğunuz bölgeye göre düzenleyin ve kaydedin.

Aşağıdaki kodu aratın ;
<data:post.author/>
Altına aşağıdaki kodu yapıştırın ;
<data:post.dateHeader/>
Bundan sonrası biraz css kod bilgisidir, css ile kendinize göre düzenlemeler yapabilirsiniz.
© 2014 Berk Altunkılıç - ALL RIGHTS RESERVED