FBML İle Facebook Sayfasına Hoşgeldiniz Sekmesi Ekleme

Milyonlarca üyesiyle Facebook blogunuzu tanıtmak için eşsiz bir sosyal medya platformu.Facebook’un nimetlerinden faydalanmak ve daha fazla kişiye ulaşarak blogunuzun popüleritesini arttırmak için mutlaka bir Facebook sayfasına sahip olmalısınız.Aslında bu yazım Facebook sayfası olanlar için ancak hala bir Facebook sayfanız yoksa http://www.facebook.com/pages/create.php adresine giderek kısa sürede Facebook sayfanızı oluşturup tekrar bu yazıya dönebilirsiniz.

Blog Hocam Facebook hayran sayfasını ziyaret ettiğinizde sizi Hoşgeldiniz sekmesinde bir grfik karşılayacaktır.Bu yazımda bu Facebook sayfasını nasıl oluşturduğumu anlatacağım.Bu tür közelleştirilmiş Facebook sayfaları, insanları sayfayı beğenmeye teşvik eden ayrıntılardır.

Uygulamaya eçmeden önce sayfanızda kullanacağınız grafiği önceden hazırlamanız gerekiyor.Ben 532x521 boyutlarındabir grafik hazırladım.Sizde Gimp, Photoshop veya benzer uygulamalar yardımıyla grafiğinizi ooluşturduktan sonra uygulamaya geçebilirsiniz.

1.Adım: Kullanacağımız Statik FBML uygulamasına giderek sol taraftaki Sayfama Ekle yazısına tıkladıktan sonra açılan pencereden sayfanızın yanındaki Add toPage butonuna basarak uygulamayı sayfanıza ekleyin.

2.Adım: Sayfaızın sağ üst tarafındaki Sayfayı Düzenle butonuna bastıktan sonra sol menüden Uygulamalar’ı seçin ve listeden FBML – FBML uygulamasının altındaki Uygulamaya Git yazısına tıklayın.

3.Adım: Açılan sayfada Kutu Başlığı olarak Hoşgeldiniz yazın.FBML kısmına ise aşağıdaki koları ekleyin.Ancak kodlarda benim kullandığım resmin linki olan https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYGUMh6-uv_v5BtvlLClyMmUaFZGhdCOtQpJPNlAKcudrVfWYUckaF-BTV6fpPhwY34XwQD4W-o7BYCtzR7QtSih0aHi0MnzFYbSDHzho6xU53eeLKxIPU2wL0gda9HHMagIouk_Voq2xa/s523/facebook-page.png yerine kendi resinizin URL’ini yazmayı unutmayın.

<img style="background-image: none; border-bottom: 0px; border-left: 0px; padding-left: 0px; padding-right: 0px; border-top: 0px; border-right: 0px; padding-top: 0px" border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYGUMh6-uv_v5BtvlLClyMmUaFZGhdCOtQpJPNlAKcudrVfWYUckaF-BTV6fpPhwY34XwQD4W-o7BYCtzR7QtSih0aHi0MnzFYbSDHzho6xU53eeLKxIPU2wL0gda9HHMagIouk_Voq2xa/s523/facebook-page.png" />

4.Adım: Şuan uygulama ekli ve hazır durumda.Bu adımda insanların sayfanızı ziyaret ettiğinde duvar ile değil de hazırladığıız hoşgeldiniz grafiği ile karşılanmalarını sağlamak için gerekli ayarı yapascağız.Bunun için tekrar sayfa düzenlemeye gidyoruz ve sol menüden İzinleri Yönet’e tıklıyoruz.Varsayılan Açılış Sekmesi yazan yeri Hoşgeldiniz olarak seçtikten sona kaydediyoruz.

Straight Ahead–Premium Kalitede Blogger Teması

Wordpress’ten Blogger’a çevrilmiş, çok güzel bir temaya rastladım ve sizlerle paylaşmak istedim.Temanın yapımcısı temayı başlıkta yadığım gibi tanımlıyor.Premium kalitede…

 

Temanın özelliklerinden kısaca bahsetnek gerekirse…

1. Temiz Tasarım : Blog ana sayfası temz ve net bir tasarıma sahip.Güzel ve birbiriyle uyumlu renkler seçilmiş.Gözü hiç yormuyor.

2. Jquery Slider : Blogunuzla ilgili duyurular yapabileceğiniz, daha çok okunmasını istediğini yazılarınızı veya resimlerinizi koyabileceğiniz bir manşet uyguluması hazır bulunuyor.

3. Footer : Footer 4 sütuna bölümünmüş.Bu sayede zengin görünümlü ve kullanışlı bir footer bölümüne sahip olabilirsiniz.

4. Diğer Özellikler : Temanın dikkat çeken diğer özelliklerinden bahsedecek olursam; Header’da yatay açılır menü, sidebar’da tab menü, her yazıya ait yorum sayısını gösteren yorum balonu, resimli otomatik devamını oku özelliği.

- Bu temayı blogunuza nasıl yükleyeceğinizi bilmiyorsanız okuyun: Blogger Şablon Yükleme

- Daha önce paylaştığım tüm temaları görmek için bakın: Blogger Şablonları

Blogunuz İçin 2 Farklı Stilde Arama Kutusu

Yeni bir Blogger teması üzerinde çalışıyorum.Bu temada şık ve farklı bir stilde arama kutusu kullanmak istedim ve internette ufak bir araştırma yaptım.Arama kutusu stilleri araştırırken Design3Edge sitesinde bir psd paketine rastladım.Bunlardan iksi hoşuma gitti ve burada da paylaşmak istedim.

Resimde gördüğünüz stillerdeki arama kutularına ait kodlar aşağıda mevcut.Hangi stildeki arama kutusu kullanmak istiyorsanız o kodu HTML/JavaScript gadget’ı olarak blogunuza eklemeniz yeterli.

1.Stildeki arama kutusunun kodları:

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbjO29fXDzcEKAyKzkFQ2glpp8br-LmeM5O2FTird0kgPeMwff82mLigUNzPVe1OlVFLy-QnYaPupmmwM1QYNigPoZ1t9skzZTgt8auiay5M__QtGmKlisLH5kNm-JrdtKjo46uZ7FedZo/s307/arama-kutusu-psd1.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 10px 12px;margin:0;}
form#w2b-searchform #s{padding: 6px;margin:0;width: 235px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value="Ara..." onfocus='if (this.value == "Ara...") {this.value = ""}' onblur='if (this.value == "") {this.value = "Ara...";}'/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>

2.Stildeki arama kutusunun kodları:

<style type="text/css">
#w2b-searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJn2XsX1uQLs9Q2mkqR8vvjyKqjxe24LQdWIMuXxWG4KgIHAGYDvnUfqnUujooG-UjXjeV3tWpyN1TXTshlHVrqKpuDjI2yiAotl8PKFSeHeapsyJH7bytHcR5m4tZcX-L9lpadfafAQ7H/s307/arama-kutusu-psd2.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;}
form#w2b-searchform{display: block;padding: 12px;margin:0;}
form#w2b-searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;}
form#w2b-searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;}
</style>   
<div id="w2b-searchbox">
    <form id="w2b-searchform" action="/search" method="get">
        <input type="text" id="s" name="q" value=""/>
        <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" />
    </form>
</div>

Fotoğraf Ve Portfolyo Blogları İçin Blogger Teması

Bu aralar tema hazırlamak ve düzenlemek için pek vakit bulamıyorum.Ben de haır bir tema paylaşayım dedim ve PremiumBlogTemplates tarafından hazırlanan Myfolio temasını seçtim.
Tema oldukça sade ve gözü hiç yormayan bir tasarıma sahip.Özellikle fotoğraf ve portfolyo bloglar için bire bir.Başlığın altındaki menüye sayfa linklerinizi ekleyebilirsiniz.3 sütunlu footer bölümüne ise sosyal hesaplarınıza ait butonlar, etiket bulutu, arşiv gibi öğeler ekleyebilirsiniz.

         
Blogumun temasını nasıl değiştirebilirim? diyorsan oku => Blogger Şablon Yükleme

Dışarıda yağmur var,
Ve ben her yağmur damlası kadar seviyorum seni...

Karanlık sokağa düşen damlaların sesi
Yeminim,
Yüzünü serinleten yağmur kokusu
Şahidim olsun...

Bütün yağmurlar kadar özleyeceğim seni...
Altında ıslananlar pişmanlıklarım olsun,
Ve sokak lambası ateş,
Yüreğimi kavuran...