-->

Sponsor Alanı

Slider

İlgi Çeken Videolar

Sağlık

Teknoloji

Sinema

Televizyon

Ne Nedir?

En5 Konular

ads

Blogger'a Rastgele Yazıları Gösteren Eklenti

blogger

Blogspot Rastgele Yazılar Eklentisi Ekle

Blogger Rastgele Konuları Gösteren Eklenti

Blogger için rastgele yazılar eklentisi, sitenizdeki herhangi konuları karışık olarak ziyaretçiye sunan faydalı eklenti. Ziyaretçinin sitenizde daha  fazla zaman geçirmesine ve rastgele herhangi konular arasında ilgisini çekebilecek konunun çıkması sitenizde daha uzun süre durmasına ve dolaşmasını sağlayacaktır. Seo'da bir adım önde olmanızı sağlayacak ve sitenizin ziyaretçisi sitenizden memun kalacaktır.

Eklenti kurulumu tek bir adımla gerçekleştiriyoruz. Blogger > Yerleşim > Gadget Ekle kısmından HTML JavaScript ekle diyerek aşağıdaki kodu ekleyin



DEMO kaldırılmıştır.

Blogger mi? WordPress mi?

blogger

Blogger mi WordPress mi Hangisi Daha İyi?

Bu konu yıllardan beri tartışılmaktadır.  Her gecen zaman her iki seçenek kendine yeni yeni özellikler ekleyerek hangisinin tam olarak daha iyi olduğuna karar verilememiştir. Blogger kullanıcıları haliyle blogger'ı, WordPress'i kullananlar ise WordPress diyorlar. 

İlk olarak WordPress'in özelliklerinden bahsedelim:

Dünyada en çok kullanılan içerik yönetim araçlarından biri olarak bilinir. Ancak şu tarih itibariyle Blogger kullanıcıları ile WordPress Kullanıcıları dünya çapında Milyonları aşmaktadır. Kesin bir sayı olmadığından net bir oran veremiyoruz. Ancak şu var ki; Kullanıcısının çok olması veya az olması bu alt yapıların herhangi birinin iyi veya kötü olduğunu göstermez. İyi veya daha iyi diyebilmek için kalite ve kullanıcıyı tam olarak tatmin etmelidir. 

WordPress Özellikleri:


* Dünya Çapında milyonlarca kullanıcısı vardır.
* Sürekli kendini yenileyen ve güncelleyen bir sistemdir.
* Kullanımı ara yüzü basit olarak bilinir.
* Farklı eklentilere sahiptir.
* Oldukça fazla temaya sahiptir.
* Kurulumu kolay ve yönetimi basittir.
* Yazıları kategorilere göre arşivleme
* Konuları etkiketlere göre arşivleme
* Otomatik spam korumasına sahiptir.
* Foto, resim galerisi
* Esnek kodlama nedeniyle istediğiniz biçime sokabilmek
* Sınırsız sayfa oluşturabilme özelliği
* İçerikleri içeri aktarabilme özelliği

Son zamanlar yeni çıkan özellikleri elbette vardır veya bizim unuttuğumuz özelliklerde olabilir.  Özellikleri ile gerçekten çok iyi denebilecek seviyede bir sistem olma özelliği ile kendini belli ediyor.

Blogger'ın Özellikleri:

* Dünya çapında milyonları aşkın kullanıcı bulunmaktadır.
* En önemli özelliği Google desteklidir ( Sahibi Google'dır ).  Ve google güvencesi ve kalitesi vardır.
* Fotoğraf ve videoları tekrar, tekrar yüklemeye gerek kalmaksızın youtube , picasa vb google araçlarını kullanarak, hızlı bir şekilde resim, video vb. Google alt yapısı ile kullanabilme imkanını sağlamasıdır.
* Blogger, gmail, youtube, picasa vb. Farklı servisleri tek bir yerde toplayarak yayıncılık yapma imkanı sunması.
* Çok basit ara yüzü ve rahat kullanılabilen bir sistemdir.
* Google tarafından özel seo ayarları yapılmıştır. ( otomatiktir )
* Pek çok temaya sahiptir.
* Ücretsiz Hosting sağlamaktadır. Ve en önemli özelliklerinden bir tanesi host derdiniz olmaması. 
* Sınırsız bandwidth genişliği ve daha fazlası.

Son zamanlarda yeni çıkan özellikler olabilir ve unuttuğumuzda olabilir. Bunlarla sınırlı değildir ve WordPress gibi Blogger'da kendini sürekli güncellemekte ve yenilemektedir.

Evet şimdi gelelim asıl konumuza; Her ikisininde özellikleri neredeyse birbirine yakın ama farklı özelliklere sahip oldukları yerlerde var. Ben sözü fazla uzatmadan WordPress ile Blogger arasındaki en iyi seçimi "Blogger" olarak yapıyorum. Şu çok iyi bilinmelidir ki; WordPress hiç bir zaman kötü ve kalitesiz değildir. Kullanıcıları tarafından vazgeçilmez ve çok üstündür. Benim içinde Blogger'dan kalır yani yok ama açık ara önde olan Blogger'dır benim için. Kullanmak istenirse her ikiside kullanılmalı ve farkı o zaman daha iyi edebilmenizi sağlar.

Ben her iki sistemi kullanmış biri olarak fikirlerimi sizlere aktarıyorum. 

Benim İçin Neden Blogger İyi?

Google güvencesi ve kalitesi. Seo ayarlarına ihtiyaç duymaması ( otomatik ) google tarafından yapıldığı için. Seo konusunu elbetteki google kadar kimse bilemez ve bünyesinde  100'lerce mühendiş çalıştırmaktadır. Kendi sistemini ona göre en iyi şekilde yapılandırmıştır. WordPress kullanıcıları, blogger'da seo ayarları olmadığından bir adım geriye atmışlardır. Bu durumdan dolayı zaten bir adım önce başlıyor Blogger. O kadar kaliteli ve seo ayarlarına ihtiyaç duymuyor ki: Kısa zamanda google'da yükselmenizi sağlıyor. Aslında bu durumu webmaster'lar arkasında google olduğundan dolayı kısa zamanda blogun iyi yerlere geldiğini söylemektedirler. Ben tam tesi düşüyorum Google çok adil davranan bir arama motorudur. Kendi sistemine kesinlikle öncelik tandıdığını varsaymıyorum. Yukarıda dediğim gibi seo ayarlarını en ince noktasına kendisi bildiğinden, blogger altyapısını ona göre hazırladığından kısa zamanda web sayfaları iyi yerlere gelmeyi başarabiliyor.

WordPress'te seo ayarlarına ihtiyaç duyuyor ve bir çok seo ayarı yapmanız gerekiyor. Buda zaman kaybı ve  işi iyi bilmiyorsanız arama motorlarında sitenizi iyi yerlere getiremeyeceğiniz anlamına geliyor. WordPress'te bir çok eklenti vardır. Blogger'da yoktur. Yok olması geride olmasını göstermez. Çünkü eklentiye ihtiyaç duymayacak kadar kaliteli ve zaten istediğiniz şekile sokabiliyorsunuz. ( kod bilginiz varsa ). WordPress eklentilere ihtiyaç duyuyor. Nedeni ise, eklentilersiz kendini yarım kalmış hissediyor ve blogger'ın hızına yetişemiyor. Yolda giden iki araba gibi düşünebilirsiniz. Benzine ihtiyaç duyuyor. Ama blogger'da  tam tersi deposu full ve hiç bitmiyor. 

Benim blogger sistemini tercih etmemin en  büyük nedeni,  bu sistemin bu güne kadar hiç bir şekilde hack derdi olmadığı. Yani çalınma, ele geçirilme, sitenizi kaybetme gibi bir durum söz konuşu bile olmadığındandır.

En Önemlilerden bir tanesi, sunucu sorunu yaşatmıyor. Bir çok sitede denk gelmissinizdir bazen siteye girilmez kapalı kalır. Sunucu yetersizliğinden veya sorunlarından dolayı. Blogger  bunu kullanıcısına ücretsiz olarak veriyor ve sınırsız uzun vadeli site açanlar için bulunmaz hint kuması. diğer sistemde olsa milyarlarca lira dahi yetersiz gelebilir sınırsız bir hosting için.

Kullanım açısından blogger çok kolay ve  zaman kaybı yaşamadan bir kaç tıkla işlerinizi halledebiliyorsunuz. Diğerinde biraz uğraş ve zaman gerekiyor. Tabi alıştıktan sonra çocuk oyuncağı gibi geldiği gibi kesin. WordPress kullanıcıları bana darılmasın ama ben WordPress kullanmayı zaman kaybı ve amelelik olarak görüyorum.

Daha çok yazmak isterdim ancak bu kadarla aradaki farkı anlatabildiğimi düşünüyorum. Ve bu blogger mi iyi wordpress mi iyi? karmaşasına bir son vermek istedim.

Saygılar: ibrahimfirat.net ailesi

Sabit Sosyal Paylaşım Eklentisi

blogger

Blogger Sayfa Altında Sabit Olan Sosyal Paylaşım Butonları

Blogspot Sabit Sosyal Medya Buton Eklentisi

Bazı sitelerde görmüşsünüzdür Sayfa hareket eder ama menü sabit kalır. Bu eklentimiz sayfa hareket etse bile sayfanın altında sabit şekilde duran sosyal paylaşım eklentisi.

1. Adım

ilk olarak Şablon > HTML'yi Düzenle kısmından Ctrl + F ile şu kodu bulun  ]]></b:skin> aşağıdaki kodu yukarıdaki kodun üstüne ekleyin.



2. Adım

Tekrar aynı şekilde  </head> kodunu  bulun. Aşağıdaki kodu </head> kodundan önceki bölüme ekleyin.



3. Adım

Blogger Kumanda paneli > Yerleşim yolunu takip ederek Gadget ekle seçeneğinden aşağıdaki kodu ekleyin. Aşağıdaki linkleri kendi adresleriniz ile değiştiriniz.

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.


Blogger’de Blog Silmek


Blogger’de Blog Silmek
Blogger’de blog silmek kolay ancak biraz menülerde yani kullandığımız Blogger panelinde gizlenmiş bir iştir. Kısaca anlatmak gerekirse şu şekilde bloggerde blogunuzu kolaylıkla silebilirsiniz ;




Blogger Panelimize giriyoruz >> Ayarlar >> Diğer >> Blog araçları kısmından ” Blog’u sil ” diyerek blogger blogumuzu silmiş oluyoruz.

İşlem bu kadar basittir , bol şans !

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..