-->

Sponsor Alanı

Slider

İlgi Çeken Videolar

Sağlık

Teknoloji

Sinema

Televizyon

Ne Nedir?

En5 Konular

ads

Bu Linki Paylaş Eklentisi

blogger

Blogger Konuların Altına Hızlı Link Paylaş Eklentisi

Blogspot Tüm Yazılarınızın altında link paylaşım eklentisi

Blogger eklenti paylaşımlarımız ara vermeden devam ediyor.  Bugün ki paylaşacağımız eklentimiz blog yazarları için gerekli olan konuların altında yer alacak hızlı link paylaşımı yapabilmeleri için ziyaretçilere forum vv sitelerde yazılarınızın hızlı şekilde paylaşımına yardımcı olacaktır.

Kurulum:

Blogger > Şablon > HTML'yi Düzenle  bölümünden kod sayfasına girin. Crtl + F ile şu kodu bulun.  <data:post.body/>  bu kod blogger şablona göre farklılık göstererek bir kaç tane veya daha fazla olabilir. İlk çıkan  <data:post.body/> kodunun altına ekleyin ve  kontrol edin eklenti kurulmamışşa eğer diğer kodları sırası ile deneyin aşağıdaki videolu anlatımda ilk denemede olumlu sonuç alamadım 2. denemede olumlu sonuç elde ettim. 

Kod

<b:if cond='data:blog.pageType == &quot;item&quot;'> <p style='color: #32A0EE;font-weight: bold;'>Hızlı Link Paylaş Menüsü </p> URL: <textarea id="url" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Linki Kopyalamak İçin Tıklayın"><data:post.url/></textarea> HTML link code: <textarea id="HTML-code" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Linki Kopyalamak İçin Tıklayın">&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea> BB link code: <textarea id="BB-code" onclick="this.focus();this.select()" readonly="readonly" rows="2" style="background:#eee; height: 2.6em; width: 100%;" title="Linki Kopyalamak İçin Tıklayın">[url=<data:post.url/>]<data:post.title/>[/url]</textarea> <span style="color:#333; font-size:10px;float:right;"> <a href="http://www.ibrahimfirat.net" style="color:#333; font-weight:bold">Blogger Eklentileri</a></span> </b:if>

Bu linki Paylaş Eklentisi Videolu Anlatım

Sayfa İle Hareket Eden Sabit Menü Eklemek

blogger

Blogger Eklentisi - Sayfa ile Beraber hareket eden sabit menü..

Bu konumuzda sayfa ile hareket eden sabit menü kurulumunu anlatacağım. Aslında hareket eden sabit nasıl olur diye bir karmaşa durumu meydana gelmiş olabilir. Aslında bu menümüz hareket etmiyor tam anlamıyla sabit duran bir menü'dür. Hareket eden sayfamızdır.  Menü sabittir. Kuruluma geçelim;

Eklentinin Kurulumu:


1 ) Blogger kumanda paneline giriş yapın sonrasında Şablon >> HTML'yi Düzenle bölümünden kodları açın
2 ) Ctrl + F ile şu kodu bulun. </head>
3 )  </head> kodunun bir üst bölümüne aşağıdaki kodları ekleyin.




4 )  Kumanda paneli HTML'yi Düzenle bölümünden şu kodu  aratarak bulunuz. <bodyexpr:class='&quot;loading&quot; + data:blog.mobileClass'>

 Yukarıdaki kodun üzerine aşağıdaki kodları ekleyin.

En Çok Yorum Alan Konuları Göster Eklentisi

blogger

Blogger En Çok Yapanlar Eklentisi

Blog ziyaretçilerinizi yorumlara teşvik edici bir eklenti ile  karşınızdayız. Bildiğiniz gibi seo için ziyaretçilerin yaptığı yorumların çok önemi vardır. 

Önceki konularımızda  son yorumlar eklentisi ve benzer eklentiler paylaşmıştık. Bugunki paylaşımımız çok yorum alan konularınızı listeleyen aynı mantkla çalışan eklentidir.

Kurulum için:
Blogger Gadget ekle seçeneğinden HTML/JavaScript ekle diyerek aşağıdaki kodu ekleyin. 

Not:  Blogger'e ait yorum konumunu kullanıyorsanız sorunsuz çalışır ancak başka yorumlama eklentilerini kullanıyorsanız çalışmama gibi durum meydana gelebilir. 

Önceki - Sonraki Konular Yönlendirmelerine Title Eklemek

blogger

Blogspot, Önceki sonraki yayınlara title eklemek

Blogger  temaların hemen hemen hepsinde konuların altında   ziyaretçiyi bir sonraki ve önceki konuya yönlendirecek ileri >  > geri  - Önceki - Sonraki şeklinde yönlendirmeler bulunur.  Bu konumuzda önceki sonraki butonlara önceki konu ismi veya sonraki konunun ismini  title olarak ekelyeceğiz.

Önceki sonraki  buton Eklentisinin kurulumu


1. Adım Blogger > Şablon yolunu izleyerek HTML Düzenle kısmından </head> kodunu Crtl+F yardımı ile bulun.  aşağıdaki kodu  </head> kodunun  bir satır üstüne ekleyin.

Kod:



 2. Adım. Tekrar Ctrl+F yardımıyla </body> kodunu bulun. Aşağıdaki kodu </body> kodunun bir satır üstüne ekleyin.

 kod:



3. Adım  Aynı şekilde  ]]></b:skin> kodunu aratarak bulun ve bir satır üstüne yukarıdaki yaptığınız işlemler gibi aşağıdaki kodu ekleyin.


Blogger Skype Contact Eklentisi

blogger

Blogspot Skype İletişim Eklentisi

Bu konumuzun eklentisi oldukça popüler eklentilerden biri olan , Skype Contact Eklentisi blogger temalarda skype adresini kullanarak ziyaretçileriniz ile iletişim kurmanızı sağlayan çok yararlı bir eklentiyi paylaşıyorum.

Öncelikle bir Skype kutusu oluşturacağız  adrese girin >> Link aktif değil.   

Yukarıdaki adrese girdiğinizde karşınıza aşağıdaki gibi bir tablo çıkacak. 

blogger

1. Bölüme, Skype kullanıcı adınızı  girin
2. Bölüme, sadece   çağrı olarak mı?, sohbet olarak mı? kullanmak için seçiminizi yapın. Önerilen seçim her ikiside.
3. Bölüme, renk tonlarını kafanıza göre ayarlamanız için seçenekler sunan bir bölüm.

3 adımdaki işlemleri gerçekleştirdikten sonra aşağıdaki gibi kod bölümü oluşacaktır.

blogger

Kodu eklemek için; Blogger > Yerleşim > Gadget ekle yolunu  takip ederek, HTML/JavaScipt Ekle seçeneğinden kodu eklemeniz yeterlidir.


Bir Kere Açılan Facebook Beğen Popup Eklentisi

Ziyaretçiye Duyarlı Facebook Beğen Popup Eklentisi

blogger
Blog siteleri için en çok geri dönüşüm sağlayan kuşkusuz popup kutucuklarıdır. Blog sahipleri genellikle sosyal sayfalarını özellikle  facebook sayfalarını beğendirmek amaçlı popup açılır eklentiler sitelerinde kullanmaktalar.

Bir önceki makalemizde
Facebook Beğen Kutusu - E-posta Aboneliği Eklentisi anlatmıştık

Blogger kullanıcıları için paylaşacağımız bu eklenti, ziyaretçi sitenize giriş yaptığında tek sefere mahsus açılacak . Cookie özelliği ile ziyaret eden kişiyi algılayabilecek ve belirlenmiş bir  zamana kadar bir daha bu pencere açılmayacaktır. Ben cookie süresini 3 günlük zamana göre ayarladım. Kodlarda oynama yaparak bu süreyi uzatabilir yahut kısaltabilirsiniz. Fakat ne kadar uzun süreli olursa o kadar iyi olacaktır. Ziyaretçiler hiç bir  zaman sürekli açılan popup pencerelerden rahatsız olur ve bir daha sitenize girememek için elinden geleni yapabilirler.

Bu eklentimiz kesinlikle blog okuyucusunu rahatsız edecek şekilde kodlanmamıştır. Tek sefere mahsus girişte belirir ve X butonuna tıklayarak ister kapatır isterse sayfanızı beğenir. Herhangi bir rahatsız edici bir özelliği bulunmaktadır. Bir diğer sitemde kendimde kullanmaktayım

Eklentinin kurulumunu 3 adımda gerçekleştireceğiz.

1. adım

Şablon > HTML’yi Düzenle > Devam Et yolunu izleyerek Ctrl + F yardımı ile </head>  kodunu aratarak bulun sonrasında bir satır üst kısmına aşağıdaki kodunuzu ekleyin.




'/', expires: 3 }); yazan yeri ziyaretçiye kaç gün içinde tekrar gözükmesini istediğiniz günü istediğiniz kısa  zaman veya uzun zamana ayarlamanız mümkündür. ideal olan 2 veya 3'dür.

2. adım.

Bu bölümde ]]></b:skin> kodunu Ctrl + F yardımı ile temanızın kodlarının içinde aratın. Bulduğunuz  ]]></b:skin> kodunun üst kısmına gelecek şekilde aşağıdaki kodu ekleyin.




3. adım.

Bu kısım son bölümdür.  Gene aynı şekilde temanızda şu kodu bulun </body> ve üstüne gelecek şekilde aşağıdaki kodu ekleyin



<div id='fanback'><div id='fan-exit'/><div id='fanbox'><div id='fanclose'/><div class='remove-borda'/> 
<iframe allowTransparency='true' frameborder='0' scrolling='no' src='//www.facebook.com/plugins/likebox.php?href=http://www.facebook.com/ibrahim34.58&amp;width=402&amp;height=255&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23E2E2E2&amp;stream=false&amp;header=false&amp;appId=329902783740649' style='border: none; overflow: hidden; margin-top: -19px; width: 402px; height: 230px;'/> 
</div></div>


Kodun içinde bulunan ( aşağıdaki kod parçası )  mavi ile belirtilen bölüme kendi facebook sayfa ismini yazın
http://www.facebook.com/ibrahim34.58&amp;

 

Facebook Beğen Kutusu - E-posta Aboneliği Eklentisi

blogger

Popup Facebook Beğen Kutusu ve E-posta Aboneliği Blogger Eklentisi

Bu yazımızda çok faydalı bir eklenti ile karşınızdayız. Araştırmalarım sonucunda bir çok eklenti ile denemesi yaptım ancak popup kutuları her sayfa yenilemede tekrar, tekrar popup açılıyordu.  Sürekli açılan bu tür kutular ziyaretçiyi haliyle çok rahatsız edeceği için pek kullanılmasını tavsiye ibrahimfirat.net ailesi olarak etmeyiz.

Bu eklentimizin özelliklerine gelince; en önemli özelliği ziyaretçiye bir kez açılan ve her sayfa yenilemede karşılaşmayacağı şekilde akıllı olarak adlandırılan facebook ve  e-posta aboneliği popup penceresidir. Tek seferlik açılmasının sebebi ziyaretçiyi tarayıcısından tanıyarak bir sonraki sayfa geçişlerinde aynı kişinin varolduğunu anımsamasından tekrar, tekrar açılmamasıdır. Ancak tarayıcınızın cerezlerini her temizlemenizde sizi yeni bir ziyaretçi olarak algılayacağından cerezlerin temizlenmesi ile popup ekran karşınıza gelecektir. Ko denenmiştir ve sorunsuz çalışmaktadır. Deneme yapmak için cerezlerinizi temizleyip sorunsuz çalıştığını görebilirsiniz.

Kuruluma geçmeden önce bir önceki yazımız olan  Google Plus Popup Açılır Beğeni Kutusu ile ilgili yazımıza göz atabilirsiniz.

Blogger kumanda paneli > yerleşim Gadget ekle yolunu takip ederek > HTML/JavaScript ekle bölümüne
aşağıdaki kodu yapıştırın.



Sitenize eklenmiş başka  JavaScript kodları bulunuyorsa js. kodlarında çakışma olabilir. Bunu engellemek için yukarıdaki kodun içindeki şu bölümü silmeniz yeterli olacaktır.

 <script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>

Yapmanız Gereken Düzenlemeler

www.facebook.com%2Fibrahim34.58&amp > kırmızı ile belirtilen bölüme kendi facebook sayfa adresinizi yazınız.

Kodların içinde feedburner kısımlarında olan ibrahimfirat yazan bölüme kendi feed adresi ( id )'nizi yazın.

 

Google Plus Popup Açılır Beğeni Kutusu

blogger

Google +  Popup Beğeni Eklentisi

Google Plus bizlere sunulduğu zamandan itibaren SEO için  çok önemli ve faydalı bir durum halini aldı. Google+ faydalarından yer yer bahsettik.. Google Plus ile  takipçi sayınızı arttırmak ve paylaşım yaptığınız konularınız +1'lenmesi gibi uzun vadeli  katkı ve fayda sağlamaktadır. Google Plus takipçilerinizi artırmanın bir yoluda bloglarınıza  beğeni kutuları eklemek. Bugün paylaşacağımız kodumuz ise, Popup beğeni kutusu.

Kod Popup kutu ile açıldığından sitenize giren ziyaretçileri rahatsız edebilir.

Kodu eklemek için,

Blogger kumanda paneli > Yerleşim yolunu takip ederek Gadget ekle > HTML JavaScript ekle kısmından aşağıdaki kodu ekleyin.





Değişiklik yapmanız gereken yer  https://plus.google.com/112099787746717978414" kendi Google Plus numaranız ile değiştirin.


Rastgele Konular Eklentisi ( Blogger )

blogger

Blogger Rastgele Yazılar Eklentisi

Yeni eklentimiz blogger konularınızı rastgele gösteren kaliteli bir eklentidir. Rastgele konularınızı gadget olarak ekleyerek tek bir kod yardımı ile yapabilirsiniz.



Rastgele Yazılar Kodunu Eklemek için

Blogger kumanda paneli yerleşim yolunu takip ederek > Gadget ekle bölümünden HTML JavaScript > HTML/JavaScript’i Yapılandır bölümü açılacaktır. Aşağıdaki kodu ekleyin ve kaydedin.



Blogger Yorum Bölümüne İfade ( Smiley ) Ekleyelim

blogger

Yorum Bölümüne Simgeler Eklemek

Blogger Yorum Bölümüne Smiley

Blogger eklentilerimizi paylaşmaya devam ediyoruz. Oldukça hoş bir görünüm kazandıracak bloglarınıza. Yorum alanında yorum yazanların aynı zamanda ifadeler kullanması gerektiğini unutmayın. Aşağıda paylaşacağımız kodlar ile bunu çok basit bir şekilde gerçekleştireceğiz..  DEMO

Kod Kurulumu

Blogger Kumanda paneli Şablon > HTML'yi düzenle yolunu takip ederek CTRL + F yardımı ile şu kodu bulun  </head> ve üst bölümüne aşağıdaki kodu ekleyin



Devamında ise,  </body> kodunu bulun ve aşağıdaki kodu üst kısmına gelecek şekilde ekleyin.





Blogger İletişim Formunu Belirlediğiniz Sayfaya Eklemek

blogger

BLOGSPOT İLETİŞİM FORMU SABİT SAYFAYA NASIL EKLENİR?



Blogger her geçen gün yeni eklentiler ile kullanıcısına daha iyi bir blog yapma imkanını sağlıyor. En son blogger siteleri için ne önemli eklentilerden biri olan iletişim formunu bizlere sunmuştu. 
Çok yararlı olan iletişim formu gadgeti sadece  anasayfa tasarımının herhangi bir yerine gadget olarak eklenebiliyordu. Bu durumdan dolayı bazı kullanıcıların tasarımına tam olarak uygun olmayan ve tasarımın azda olsa görünümüne uymayacak ebatlarda olduğundan sıkıntılı durumu beraberinde getirmişti. 
Blogger iletişim formu sadece gadget olarak ekleniyordu. Bu konumuzda iletişim formunu sabit sayfaya (iletişim ) nasıl ekleyeceğimizi ibrahimfirat.net ailesi olarak kolay yoldan anlatacağız.

Kurulum için

1. İşlem

İlk önce Blogspot'un  iletişim formu gadgetını sitenizin sidebar bölümüne ekleyin. Gadgeti eklemeyi bilmeyen için, Admin panelinize girin sonra Yerleşim > Gadget Ekle > Sol bölümde Diğer seçeneğinden İletişim Formu gadgetını seçin.

2. İşlem

Bu bölümde  iletişim formumuzun blogunuzun ana sayfasında görünmesini istemediğimizden gerekli kod düzenlemelerini yapacağız.

Blogger yönetim bölümüne girin Şablon > HTML’yi Düzenle kısmına geldikten sonra  Widget’a Atla > ContactForm1 yolunu takip ederek iletişim formunuza  ait olan kodların olduğu kısmı bulun. Bu bölümdeki kodların sol yanındaki ▶ ikonuna tıklayın ve kodlarınızı genişletin. Genişletme işlemini yaptıktan sonra karşınıza aşağıdaki kodlar gibi görünüm gelecektir.


 <b:widget id='ContactForm1' locked='false' title='İletişim Formu' type='ContactForm'>
    <b:includable id='main'>
  <b:if cond='data:title != &quot;&quot;'>
    <h2 class='title'><data:title/></h2>
  </b:if>
  <div class='contact-form-widget'>
    <div class='form'>
      <form name='contact-form'>
        <p/>
        <data:contactFormNameMsg/>
        <br/>
        <input class='contact-form-name' expr:id='data:widget.instanceId + &quot;_contact-form-name&quot;' name='name' size='30' type='text' value=''/>
        <p/>
        <data:contactFormEmailMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <input class='contact-form-email' expr:id='data:widget.instanceId + &quot;_contact-form-email&quot;' name='email' size='30' type='text' value=''/>
        <p/>
        <data:contactFormMessageMsg/> <span style='font-weight: bolder;'>*</span>
        <br/>
        <textarea class='contact-form-email-message' cols='25' expr:id='data:widget.instanceId + &quot;_contact-form-email-message&quot;' name='email-message' rows='5'/>
        <p/>
        <input class='contact-form-button contact-form-button-submit' expr:id='data:widget.instanceId + &quot;_contact-form-submit&quot;' expr:value='data:contactFormSendMsg' type='button'/>
        <p/>
        <div style='text-align: center; max-width: 222px; width: 100%'>
          <p class='contact-form-error-message' expr:id='data:widget.instanceId + &quot;_contact-form-error-message&quot;'/>
          <p class='contact-form-success-message' expr:id='data:widget.instanceId + &quot;_contact-form-success-message&quot;'/>
        </div>
      </form>
    </div>
  </div>
  <b:include name='quickedit'/>
</b:includable>
  </b:widget>

Yukarıdaki mavi ile renklendirilmiş bölümü tamamen silmeniz gerekiyor. Silindiği zaman temanız gadgeti varlığını bilecek ancak sidebarda gözükmeyecektir.

3. İşlem

Bu bölümde ise iletişim formunu sabit bir sayfanızda ( Kumanda paneli > Sayfalar > Yeni sayfa ) yolunu takip ederek sabit bir safya açarak iletişim formunu sayfa içerisinde göstermeyi öğreneceğiz.

Sayfamızın adını İletişim olarak ayarlayın ve sol üst tarafta oluştur + HTML sekmesinden aşağıdaki kodu ekleyin.  Önizleme sonrasında herhangi bir eksik yoksa 4. işlem ile devam ediyoruz.


<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> 
        <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. İşlem

Bu bölümde iletişim formumuza biraz görsellik katacağız.  Yapmanız gerekenler aşağıda belirtişmiştir.


Şablon > HTML’yi Düzenle kısmından devam ederek  <b:skin><![CDATA ile ]]></b:skin> kodlarının arasındaki herhangi bir yere aşağıdaki tasarım kodlarını ekleyin.




blogger

DEMO

Bloggere İletişim Formu Eklemek Videolu Anlatım

Blogger Otomatik Slayt Eklentisi

blogger

Blogspot Otomatik Slider Manşet

Blogların olmazsa olmazlarından bir tanesi slider manşet bölümüdür. Yeni nesil temaların hemen hemen hepsinde slayt alanı bulunmaktadır. Bugün  paylaşacağım kod sadece son eklenen konularınızı slayt olarak gösterir.

Yerleşim + Gadget ekle yolunu takip ederek HTML JavaScript  ekle seçeneğinden aşağıdaki temanızın herhangi bir yerine eklemeniz yeterli olacaktır. 



Kodun  içinde  http://www.ibrahimfirat.net/ yazan bölümü kendi site adresinizle değiştirin.

Blogger Farklı Slider Eklentisi

blogger

Blogspot Slayt Eklentisi

Bu yazımızda blogger kullanıcıları için klasik slayt yerine  farklı bir slider paylaşımı yapacağız.

DEMO kullanılmaktadır.


Eklentiyi eklemek için yönetim panelinizden yerleşim + gadget ekle yolunu izleyerek kodu yapıştırıp kaydedin



Blogger Resimli Rastgele Yazılar Eklentisi

blogger

Blogger Resimli Rastgele Yazılar Eklentisi

Blog ziyaretçilerinizi sitenizde tutmanın yollarından biride  şüphesiz  ilgi çeken konuların yer alması ve ziyaretçinin  görebilmesidir. Sayfa gösterim sayınızı artıran etkenlerden biri ziyaretçinin ilgisini çekebilecek herhangi bir konuya yönelmesidir.

Bugünki konumuzda blogger için resimli rastgele yazılar eklentisini paylaşacağım. Eklentinin diğer widgetlerden farkı ise, resimli olması ve konu başlığı, aynı zamanda ve özetini ayarlayabilmenizdir. Eklentinin renklerini renk kodları ile oynayarak değişrtebilirsiniz. İçeriğinizde herhangi bir resim yoksa resimde gördüğünüz gibi ! işaretli görsel belirmektedir.  ( görseli url adresini değiştirerek kendinize özelleştirebilirsiniz )

Kurulumu oldukça kolay sadece gadget ekle bölümünden kodu sitenizin herhangi bir bölümüne ekleyin.

Yerleşim + Gadget ekle yolunu takip ederek HTML JavaScript bölümünden aşağıdaki kodu eklemeniz yeterli olacaktır.  DEMO

Blogger 3D Harika Bir Menü Eklentisi

blogger

Blogspot 3D Açılır Menü Eklentisi

Blogger için yapılmış en gösterişli ve kaliteli menülerden bir tanesini paylaşacağım. Renk ayalarını kendime göre yaptığım için bazı kişiler bu renk tonlamalarını beğenmeyebilir.  Renk kodlarında oynama yaparak istediğiniz renklere getirebilirsiniz menüyü.

Daha önceki yazımızda blogger yatay menü paylaşmıştım.

Blogger temaların en önemli aksesuarlarından biri menülerdir.Tasarıma önem veren blog kullanıcıları için gösterişli ve sitenize profesyonellik katacak menü eklentilerini araştırıp sizlere sunuyorum. 

3 Boyutlu Blogger Menü Kurulumu


Şablon > HTML’yi Düzenle yolunu takip ederek şablon bölümünden temanızın kodlarına girin ve Ctrl + F yardımı ile arama kutusuna ]]></b:skin> yazarak bulun. Bulduğunuz ]]></b:skin> üst kısmına gelecek şekilde aşağıdaki kodu ekleyin

blogger




Kodumuzu ekledikten sonra kaydedin ve yerleşim + gadget ekle yolunu takip ederek HMTL JavaScript ekle
seçeneğine aşağıdaki kodu ekleyin..



Blogger Yazıları Sonsuz Kaydırma İle Otomatik Yükleme

blogger

Blogger'de Sonsuz Kaydırma Otomatik Yazıları Yükleme

Blogger temalarda sayfa geçişlerinde önceki-sonraki butonlar veya linkler ile yapılmaktadır. Son  zamanlarda  artık önceki-sonraki kayıtlar yerini artık otomatik olarak sayfanın aşağısına indikçe konu başlıklarınızı görmek için ziyaretçi  herhangi bir butona basmadan sırasıyla  listeleyen bir kaç eklentiyi paylaşacağım. 

1. Sonsuz Kaydırma Eklentisi

Aşağıdaki kodu kopyalayıp blogger Gadget Ekle +  HTML/ JavaScript bölümüne  aşağıdaki kodu yapıştırın. ( kod denenmiştir sorunsuz çalışmaktadır. )

Not: Aşağıda verilen kodlar bazı temalarda çalışmayabilir. bir çok temada çalışmaktadır. Özel temaların bazılarında çalışmayabilir. Sorun kodlardan değil temalardan kaynaklanmaktadır.



2. Sonsuz Kaydırma Eklentisi

Eklentiyi Gadget olarak temana eklemek için http://www.blogger.com/add-widget

3. Sonsuz Kaydırma Eklentisi

Aşağıdaki kodu </head> kodunun  bir satır üstüne ekleyin.

<script type="text/javascript" src="http://static.tumblr.com/q0etgkr/ytzm5f1ke/infinitescrolling.js"></script>

4. Sonsuz Kaydırma Eklentisi

Bu eklentimizi </head> tağlarının arasına ekleyeceğiz. Blogger kumanda paneli şablon yolunu takip ederek Ctrl + F yardımı ile  </head> kodunu aratın.  Aşağıdaki kodu bir satır üstüne yapıştırın.

Bu kodlar yalnız default temalar için geçerlidir.



5. Sonsuz Kaydırma Eklentisi

Aşağıdaki kodu kopyalayıp blogger Gadget Ekle +  HTML/ JavaScript bölümüne  aşağıdaki kodu yapıştırın.





Yatay Renkli Blogger Menü

blogger

Blogger  Yatay  Harika Menü 

Bu yazımda size  daha önce pek  denk gelmemiş olduğunuz kaliteli renkli bir menünün kodunu paylaşacağım. Menünün renklerini istediğiniz  renklere ayarlayabilirsiniz.

Sitenizin herhangi bir bölümüne HTML JavaScript  Gadget Ekle yolunu takip ederek aşağıdaki kodu eklemeniz yeterli olacaktır.



Renklerde  değişiklik yapmak için şu kodları bulun

background:#56aaff;  - Menünün Ana rengini değişrmek için   belirlediğiniz renk kodunuz kırmızı bölüme yapıştırın.

Bu bölümde menünün üstüne gelindiğinde yukarıdaki resimde turuncu olan hover bölümünün rengini değiştirmek için kırmızı renkli yere  belirlediğiniz renk kodunu ekleyin.

wg-ribmenu a:hover span {
    background:#FFD204; 
    margin-top:0;

Resimli Son Yazılar Eklentisi ( Blogger )

blogger

Blogspot Resimli Son Yazılar Eklentisi

Etiket Bazlı Son Yazılar 

Bugün sizlere çok farklı bir eklentiyi paylaşacağım her   ne kadar klasik son yazılar eklentisi gibi görünse de farklılığını  okuyunca ve kullanınca anlayacaksınız

Bunun benzeri bir çok eklenti görmüşsünüzdür. Son yazılar eklentisi, ancak genel olarak bu eklentiler sitenize eklenen son yazıları  listeler. Bu ise istediğinzi etiketlerinize ait  eklenen son yazılarınızın listesini görünüme aktarır. 

Örnek olarak: Teknoloji etiketine sahip  yazı kategoriniz var ve  bu etikete  eklediğiniz son konuları sadece    belirlediğiniz etikete ait yazıları resimli olarak sıralamaktadır.

Yandaki resimde gördüğünüz gibi  sağlık etiketine ait konular 5 tanesini ekrana yansıtmış. Ne kadar konu gözükmesini istiyorsanız  kodlarımızın içinden "numpost" yazısının yanındaki sayıyı çoğaltarak kendinize özel yapabilirsiniz. 

Blogger kullanıcıları için harika diyebileceğim farklı  ve kullanışlı   eklenti bloglarınıza  daha profesyonel görünüm ve şıklık katacaktır.  Demosuna     sitemizin sağ  alt   tarafında bulunan  sağlık, teknoloj, webmaster, garip olaylar yazan gadgetlere göz atabilirsiniz.

Eklemeniz gereken kod aşağıda.  Renkli olarak belirttiğimiz yerleri kendinize göre özelleştirebilirsiniz. Renkli bölümlerle ilgili gerekli açıklama aşağıda yapılacaktır.

Yerleşim > Gadget Ekle > HTML/JavaScript gadget bölümünden aşağıdaki kodu ekleyerek kayıt edin.

<link rel="stylesheet" type="text/css" href="https://dl.dropboxusercontent.com/u/60346665/bh-son-yazilar-css.css" />  <script src="https://dl.dropboxusercontent.com/u/60346665/bh-son-yazilar.js"></script>  <script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = true;var showcommentnum = false;var showpostdate = false;var showpostsummary = true;var numchars = 100;</script>   <script type="text/javascript" src="http://ibrahimfirat.net/feeds/posts/default/-/Sağlık?published&alt=json-in-script&callback=labelthumbs"></script>

Kendinize özel düzenlemeleri yapabileceğiniz renklendirişmiş bölümlerin açıklamaları:

Showpostdate = eklentinizde konuların altında yazılış tarihinin  gösterilip gösterilmeyeceğini belirler. Şuan false şeçili olduğundan     yazı tarihleri gösterilmeyecektir.  Gösterilmesi için true yapmanız yeterlidir.

Numpost = Ne kadar konunun gösterileceğini ayarlamanızı sağlar.  Maximum 25  tane konu listeleyebilirsiniz.

Displaymore = Devamını oku bağlantısını  açıp kapamaya yarayan koddur. görünmesini istiyorsanız true yapınız

Numchars = kaç karakter göstereceğini belirler

Showpostsummary = Konunuzun bir kısmının gösterip gösterilmeyeceğinin ayarını yapmanızı sağlar false - true

Kırmızı bold şekilde belirtmiş olduğum en önemli  yer; Sağlık yazan bölüm hangi etikete ait konunun  gösterilmesini istiyorsanız o bölüme  herhangi bir etiketi girmeniz yeterli olacaktır.

Ve son olarak www.ibrahimfirat.net yazan bölüme kendi  site adresini yazınız.

Widget Gizleme

blogger

Blogger da Widget Gizleme Ana Sayfada İstediğiniz Bölümü  Göstermeyin

Gerekli olan  blogger eklentilerinin paylaşımına devam ediyoruz. Bugün ki konumuzda, blogger  widget'leri gizlemeyi  göstereceğim. 

Blogunuza  eklediğiniz  widgetler normal olarak tüm sayfalarda  gözüküyor. Her sayfada  kategoride görünmesini istemeyenler vardır. Bunun çözümü oldukça basit bir kaç kod ile  istediğimiz widgeti, ana sayfada, sadece sayfalarda, belirli bir sayfada, tüm sayfalarda  gizleme kodlarını  paylaşıyorum.

Kumanda paneli +  şablon + HMTL'yi düzenle bölümünden aşağıdaki kodu aratın.

<b:includable id='main'>

Karşınıza  aşağıdaki kodlar  gibi bir bölüm çıkacaktır.

<b:widget id='HTML5' locked='false' title='Kategoriler'type='Feed'>
<b:includable id='main'>
1-  Buraya aşağıdaki gizlemek istediğiniz kodların 1. olanı yapıştıracaksınız
    <h2><data:title/></h2>
    <div class='widget-content' expr:id='data:widget.instanceId + &quot;_feedItemListDisplay&quot;'>
      <span style='filter: alpha(25); opacity: 0.25;'>
        <a expr:href='data:feedUrl'><data:loadingMsg/></a>
      </span>
    </div>
    <b:include name='quickedit'/>
2-  buraya 2. kodu yapıştıracaksınız
  </b:includable>
</b:widget>


Yukarıda ki kod  tam olarak her    temada olmaya bilir.  Siz hangi   widgeti gizlemek istiyorsanız o widgetin  numarasını bulmalısınız.   Gizlemek istediğiniz  widgeti bulmak içinde aşağıdaki  videoyu izlemeniz yeterlidir. 

Sadece Anasayfada Göstermek için 


1)<b:if cond='data:blog.url == data:blog.homepageUrl'>
2)</b:if>


Sadece Yazı Sayfasında Göstermek için

1)<b:if cond='data:blog.pageType == "item"'>
2)</b:if>

Belirli Bir Sayfada Göstermek için

1)<b:if cond='data:blog.url == "Sayfanın Adresi"'>
2)</b:if>

Belirli Bir Sayfada Gizleyin

1)<b:if cond='data:blog.url != "Sayfanın Adresi"'> 2)</b:if>

Sadece Sayfalarda Gösterin

1)<b:if cond='data:blog.pageType == "static_page"'> 2)</b:if>

Sayfalarda Gizlemek için

1)<b:if cond='data:blog.pageType != "static_page"'> 2)</b:if>






Etiketler: Blogger, Widget, gadget, blogger  widget gizlemek,  blogspot gadget gizleme, widget ana sayfada görünmesin,   sayfalarda gizlensin, gadget bazı sayfalarda görünmesin, blogger eklentileri,