Blogger'e Üst Bilgi Gadgeti Eklemek, Nasıl Eklenir?

Yazar:

Bazı blogger alt yapılı blogların yerleşim kısmında "Üst Bilgi" dediğmiz bu gadgetin olmadığı farkettim. Özellikle Blogger sistemine ait olan olmayan temaların bazılarında bu dediğim sorun var. Aslında şablon kısmında anlayanlar için pek de sorun sayılmaz fakat olması daha iyidir. Pratiklik açısından. Blog başlığını, bannerini veya açıklamasını istediğiniz gibi tek bir gadget üzerinden değiştirebiliyorsunuz. (Hazır gadgetler arasında bu gadget mevcut değil.)


Pratiklik, esneklik ve kolaylık açısından da çok hoş aslında. Blogger kullanıcılarının %90'ınından fazlası bunu bilir fakat; üstte de dediğim gibi internet üzerinden tema uyarlamaları yaparken, tema yapan kişiler bazen bu gadgeti eklemeyi unutuyorlar. Acemi bloggerlar için ise header kısmıyla uğraşmak önemli bir sorun olabiliyor.

Neyse lafı fazla uzatmadan, bu gadgetin Blogger üzerinde nasıl aktif edileceğinden bahsediyim. Aslında yapımı çok basit.

Kontrol panelinizden "Şablon"  kısmına girin. Açılacan sayfadan "HTML'yi Düzenle" butonuna tıklayın. İlk önce temanın tüm kodlarının yedeğini almanızı öneriririm. Yani tüm kodları CTRL+A ile seçip, CTRL+C ile kopyalayın ve CTRL+V ile bir metin belgesine tüm kodları kaydedin ki yaptığınız bir hatadan dolayı blogunuzun şablonunu tamamen kaybetmeyin. Yedeğe alma işlemini yaptıktan sonra geriye kalan tek şey ise alttaki kodu, şablondaki header kısmına yapıştırmaktır.

CTRL + F yaparak kendi blogunuzun başlığının ve açıklamasının olduğu kısma ait kodların başlangıç ve bitişlerine göre silerek, alttaki kodu yapıştırın. Ben kodlardan falan anlamam diyorsanız siz direkt olarak kodunu aratın ve alttaki kodu da içine ekleyin ve tamamdır. Kodu body içinde ekleyeceğiniz yere  göre yerleşimdeki kısmı da değişiklik gösterebiliyor.

Kod içinde şöyle bir şey var.

id='Header1' locked='true'

Bu kısımdaki tırnaklar içinde true yazmakta. Eğer yerleşim kısmından, "Üst Bilgi" gadgetini kaldırmak veya yerini değiştirmek isterseniz o kısmı false yapmanız gerekmetedir.

Alttaki kodu, "Mozilla Firefox" ile siteye giriş yaparak CTRL + C ile kopyalayabilirsiniz.

<b:section class='header1' id='header1' maxwidgets='1' showaddelement='no'>
<b:widget id='Header1' locked='true' title='BLOGKAFEM.NET (Üstbilgi)' type='Header'>
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <data:title/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl'><data:title/></a>
  </b:if>
</b:includable>
<b:includable id='description'>
  <div class='descriptionwrapper'>
    <p class='description'><span><data:description/></span></p>
  </div>
</b:includable>
<b:includable id='main'>

  <b:if cond='data:useImage'>
    <b:if cond='data:imagePlacement == &quot;BEHIND&quot;'>
      <!--
      Show image as background to text. You can't really calculate the width
      reliably in JS because margins are not taken into account by any of
      clientWidth, offsetWidth or scrollWidth, so we don't force a minimum
      width if the user is using shrink to fit.
      This results in a margin-width's worth of pixels being cropped. If the
      user is not using shrink to fit then we expand the header.
      -->
      <div expr:style='&quot;background-image: url(\&quot;&quot; + data:sourceUrl + &quot;\&quot;); &quot;                      + &quot;background-position: &quot;                      + data:backgroundPositionStyleStr + &quot;; &quot;                      + data:widthStyleStr                      + &quot;min-height: &quot; + data:height + &quot;px;&quot;                      + &quot;_height: &quot; + data:height + &quot;px;&quot;                      + &quot;background-repeat: no-repeat; &quot;' id='header-inner'>
        <div class='titlewrapper' style='background: transparent'>
          <h1 class='title' style='background: transparent; border-width: 0px'>
            <b:include name='title'/>
          </h1>
        </div>
        <b:include name='description'/>
      </div>
    <b:else/>
      <!--Show the image only-->
      <div id='header-inner'>
        <a expr:href='data:blog.homepageUrl' style='display: block'>
          <img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
        </a>
        <!--Show the description-->
        <b:if cond='data:imagePlacement == &quot;BEFORE_DESCRIPTION&quot;'>
          <b:include name='description'/>
        </b:if>
      </div>
    </b:if>
  <b:else/>
    <!--No header image -->
    <div id='header-inner'>
      <div class='titlewrapper'>
        <h1 class='title'>
          <b:include name='title'/>
        </h1>
      </div>
      <b:include name='description'/>
    </div>
  </b:if>
</b:includable>
</b:widget>
</b:section>





Hey!

Blogkafem'de okuduğunuz içeriklerle ilgili kişisel Twitter hesabım üzerinden benimle iletişme geçmek isterseniz Twitter adresim : www.twitter.com/aliarslan10

Sosyal medya hesabım dışında Blogkafem'de okumuş olduğun içerik ile ilgili belirtmek istediklerinizi aşağıdaki yorum formuna yazabilirsin. En kısa sürede dönüş yapacağımdan emin olabilirsin. :)

Okuduğunuz içerik faydalı olduysa #blogkafem etiketiyle okuduğunuz içeriğin linkini Twitter'da paylaşarak Blogkafem'e destek olabilirsiniz.

18 yorum:

  1. Tüm samimiyetimle söylüyorum, çok uğraştım taaki bu yazıyı okuyana kadar, çok teşekkür ederim sorunum çözüldü sayenizde, başarılar.

    YanıtlaSil
  2. @Film İzle
    Rica ederim. Samimiyetinize inanıyorum. Çünkü aynı durum benim de başıma geldi. Hiçbir site bunun nasıl yapılacağını anlatmamış şuana kadar. Ben de sizin gibi internette bulamamıştım. En iyisi kendim uğraşayım diyerekten bayağı bir zaman harcadım. Ben de sonuca ulaşır ulaşmaz da sitemde paylaştım ki aynı sorunla karşılaşan diğer Bloggerler, benim gibi vakit harcamadan, kolaylıkla çözüme ulaşsınlar istedim. Yorumunuzu esirgemeyip bizimle paylaştığınız için teşekkür ederim.

    YanıtlaSil
  3. teşekkr edrm yalnız şablon genişletmeyi bulamadım

    YanıtlaSil
  4. Bloggerin, eski şablon düzenleyicisinde "şablon genişletme" gibi bir seçenek vardı fakat; yeni düzenleme ile onu kaldırdılar. Bu sebeple şablon genişletme seçeneğine artık ihtiyaç duyulmuyor. Yukarıdaki anlattıklarımı şablon genişletme yapmadan rahatça uygulayabilirsiniz.

    YanıtlaSil
  5. Paylaşım için teşekkürler.

    YanıtlaSil
  6. Teşekkürler bilgiler için.

    YanıtlaSil
  7. Beğenerek Takip Ediyorum ve Devamınıda bekliyorum.

    YanıtlaSil
  8. iyi bir noktaya değinmiş sin ama ben yine yapamadım. body den sonra bu kodları ekleyeceğiz değilmi

    YanıtlaSil
  9. Tam olarak konu içinde bunu açıkladım zaten. Bakınız :

    "CTRL + F yaparak kendi blogunuzun başlığının ve açıklamasının olduğu kısma ait kodların başlangıç ve bitişlerine göre silerek, alttaki kodu yapıştırın."


    Örnek verecek olursam, kodların içinde mutlaka blog başlığınız yazıyordur. Onu aratın mesela. Kodun başlangıç ve bitişlerini bulun. HTML bilginsine göre biliyorsunuz ki şeklinde açılan kodlar şeklinde kapanır. Başlangıç ve bitişlerden de kastım buydu.

    YanıtlaSil
  10. Kod kopyalama işlemi yapılmıyor.

    YanıtlaSil
    Yanıtlar
    1. Bir önceki yorumumda kodların nasıl kopyalanacağını yazmışım.

      Sil
  11. Çok işime yaradı, çok teşekkürler..

    YanıtlaSil
  12. Birde site içi kopyalama açık olsaydı bizde mutlu olsaydık.

    YanıtlaSil
    Yanıtlar
    1. Mozilla Firefox tarayıcısı ile siteyi açtıktan sonra, fare ile kodu seçip daha sonrasında ise "CTRL + C" yaparak kodu kopyalayabilirsin.

      Sil
  13. Sonunda yaptım :D Çok teşekkürler bilgiler için kardeşim

    YanıtlaSil
    Yanıtlar
    1. Rica ederim, faydalı olmasına sevindim :)

      Sil
Yorum Sayfası :



Yorum yaparken dikkat edilmesi gerekenler;

1. Yorum Formunu doldurduktan sonra Profil Seç -> ADI/URL bölümünden isminizi yazıp yorum yaparsanız size karşı bir hitap şeklimiz olur. (URL kısmını boş bırakabilirsiniz.)

2. Anonim olarak yaptığınız yorumlar "Adsız" olarak gözükmektedir.

3. Türkçe yazım ve dilbilgisi kurallarına uymaya özen gösteriniz.

4. Küfür,hakaret,mail adresi veya konu ile ilgisi olmayan reklam amaçlı website adresi içeren yorumlar yayınlanmamaktadır.

Custom Search

Kafemizde En Son Kim, Ne Demiş?

Kafeyi Dikizleyenler :)

Blog Istatistik

BLOGKAFEM.NET

© Copyright 2008-2016
Sitedeki yazıların her hakkı BLOGKAFEM.NET sitesine aittir.
Kopyalanması halinde lütfen kaynak gösteriniz.
DMCA.com Protection Status
Anasayfa | Hakkımızda | Bizden | Reklam | İletişim