Blogger Ve Blogcular İçin Rastgele Değişen Bannerler !

Evet Arkadaşlar bu yazımda Blogger ve Blogcu servislerini kullanan arkadaşlara yönelik yazımda rasgele değişen bannerlerin nasıl yapılacağını anlatacağım.Bu Eklentiyi sadece bloggerler değil blogcu sevsini kullanan arkadaşlarımızda gönül rahatlığı ile kullanabilirler.

Demo

Sayfayı yeniler iseniz bannerlerin yer değiştiğini göreceksiniz.

Evet Kodlarımıza geçelim

En İyi 10 Blogger Teması !

Blogger

Blogger o kadar çok geliştiki bazen PR 6 blogger siteleri görüyorum.Hatta bazı wordpress temaları blogger’a uyarlanıyor. Bu derlemede blogger temalarını işledim. İşte en iyi 10 blogger teması;

1. 
   

   Angel

   Demo | Download
   
   
   

Blogger ID Numarasını Öğrenme !

Arkadaşlar karşınıza çıkabilir Blogger ID nizi gerekli olabilecek yerler oluyor Blogger ID mi nasıl öğrenirim diye soranlara işte cevap.




Blogger ID'mi Nasıl öğrenirim diye sonralara.

Blogger Yorumlarda Alıntı Yap Butonu !

Merhaba Arkadaşlar Bugün Sizlere bloggere nasıl alın yap butonu ekleyeceğimiz anlatacağım.

 

Bunun gibi alıntı yap butonu için.aşağıdaki Yönergeleri izliyoruz.

Blogger Ve Blogcular İçin Yatay CSS menü [ Hareketli ] !

Arkadaşlar bugünkü yazımda sizlere yatay CSS menü yapacağım.Bu menü fareye duyarlı yani şçyle diyeyim butonların üzerine geldiğimiz zaman butonlarımız haret ediyor.Ve aynnı zamanda bu menüyü Blogcular Bloggerlar ve diğer sistemleri kulşlanan arkadaşlar sadece CSS ve HTML kodlarından oluştuğundan dolayı kullanabilirler.

Menüden bir görünüm:

 

Demo

Dilerseniz CSS kodlarımızı yerleştirmeye başlayalım.

FeedBurner E-Mail Aboneliğini Özelleştirme

Merhaba Arkadaşlar.bir kaç gündür yazmak istediğimi fakat bir türlü yazamadığım yazıma sonunda başlayabildim.Bu yazımda "FeedBurner E-Mail Aboneliğini" Özelleştireceğiz yani kendimize göre ayarlayacağız.Ve bunu yapmak oldukça basit.Sadece 1-2 kod saysinde göze çok hoş görünebilen bu tasarımı sizlerle paylaşacağım.

Bu Kodları Blogcular Bloggerlar ve diğer hiztleri kullanan arkadaşlar (Wordpress, bedava-sitem) Gibi.

Eğer hala kodları merak ediyorum ben diyorsanız işte kodlar geliyor :)

<a href="http://feeds.feedburner.com/mucozer" rel="alternate" title="Subscribe now to avail the unthinkable" type="application/rss+xml"><img border="0" alt="" style=" padding-bottom:20px; margin: 0pt 10px 10px 0pt; float: left; width:100px; height:100px;" src="http://i39.tinypic.com/2z83i2d.png" /></a><p><a href="http://feeds.feedburner.com/mucozer" rel="alternate" title="Beni RSS İle Takip Et !" type="application/rss+xml">Beni RSS İle Takip Et ! </a><span style="color: #5C6AA4; font-weight: bold;">E-Mail Adresini Yazarak Yazılarıma Abone Olabilirsin Üstelik Ücretsiz :</span></p>
<style>
input.mbt1 {
color:#fff;
font: bold 10px Arial, sans-serif;
background:#F39100;
border:0;
padding:3px;
}
input.mbt1hov {
color:#fff;
font: bold 10px Arial, sans-serif;
border:2px solid #F39100;
padding:3px;
}
</style>
<form action="http://feedburner.google.com/fb/a/mailverify" style="padding: 5px; " target="popupwindow" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=mucozer', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input style=" color:#5C6AA4; background: #fff; border:1px solid #5C6AA4; width: 90px;" name="email" type="text" /><input value="mucozer" name="uri" type="hidden" /><input value="en_US" name="loc" type="hidden" /> <input onmouseover="this.className=&#39;mbt1 mbt1hov&#39;" onmouseout="this.className=&#39;mbt1&#39;" value="Ok!" class="mbt1" type="submit" /></form><br />

Bu Kodları direkt eklediğimizde Çalışacaktır.

İşte hepsi bu kadar Bu kodlar sayesinde FeedBurner E-Mail Aboneliğini Özelleştirmiş olduk .Hepinize Hayırlı Olsun Hadi Selametle.

Yakışıklı CSS Tolltipler Yapalım !

Merhaba Arkadaşlar bugünki yazımda sizlere yakışıklı göze hoş görünen CSS tooltipleri nasıl yapacağımızı anlatacağım.Css tooltip denilince yazının üzerine gelindiği zaman kendiliğinden açılan küçük bilgilendirme kutucuğu veya içeriğe göre değişen kutucuklar diye anlandırabiliriz.

Bu Tooltipleri yapmak ise sadece CSS ye danaynıyor.Bu Tooltipler Blogger Blogcu Wordpress ve diğer sitelerdede çalışan CSS güzellikleridir eğer isterseniz bir demo sayfası göstereyim sizlere bu sayfa blogcudan

Demo

Şimdi kodlarımızI nasıl yapacağımıza geçelim

Blogger Sayfa Numaralanadırma Eklentisi (Pagenavigation) Sorun ! Çözüldü

Merhaba Değerli Bloggerci Arkadaşlarım.

Buradaki Yazımda sizlere sorunum olduğunu belirmiştim.Bu Sorun Sayfa Numaralandırma Eklentisi Olan [ Page Navigation ] ile idi.Bu Eklenti IE Opera Chorome'de görünürken Mozilla da görünmemekteydi ve sorunu bir sitede Gördüm Ve Çözdüm. :)

Sitenin CSS Hodlarında Header Bölümünde Bulunan aşağıdaki koddan bir satırı Sildim

h2.date-header { 
    margin: 1.5em 0 .5em; 
    display: none; 
     
} 

Kırmızı Olan Yeri Sildim Ve Aşağıdaki Kodları Oraya Yapıştırdım

Twitter @Anywhere Servisini Kullanmak

Şimdi Herkez Merak Etmiş Anywhere nedir diye nedir size bir örnek
@MucOzeR @enesilhan @teknomobi @sessizcrew @TEAkolik @twitter ... diye uzayıp gider bakın linklerin üzerine geldiğinizde twitter profilleri küçük ve hoş bir kutucukta açılıyor

Twitter yakın zamanda özelliklerini daha etkin bir şekilde kullanıcılarının kullanmasını sağlayacak anywhere servisini duyurdu. Servisin amacı Twitter'ın özelliklerini daha etkin bir şekilde kullanıcıların hizmetine sunmak ve bunu da birkaç satır kod ile kolaylıkla yapılmasıydı. İlk etapta bazı sitelere sunulan bu özelliği artık isteyen herkes kullanabiliyor. Bu uygulama ile yapabileceklerimize bir göz atacak olursak;

• sadece @twitterkullanıcıadı yazarak o twitter profiline kolaylıkla link verebilir,
• aynı şekilde @twitterkullanıcıadı yazarak hovercards fonksiyonu sayesinde sitenizden ayrılmadan kullanıcının profiline kısaca göz atabilir,
• tek satır kod ile twitter takip butonu oluşturabilir,
• sitenizden tweet'leyebilirsiniz.

Bütün Sistemler İçin Yukarı Çık Çapası (Butonu)

Merhaba Arkadaşlar Uzun zamandı blogumla ilgilenemiyordum yaklaşık 5-6 gündür Sebebi ise dershanenin bizim sınıfı kampa alması ve pansiyonda kalmamız.Bu yüzden Öncelikle Hepinizden Özür Dilerim.

Uzun bir aradan artık tatil diyelim ve merak ettiğim bir konu vardı "Yukarı Çık Çapası (Butonu)" ama bu buton diğerlerimden ziyade en üste geldiği an kaybolmakta idi ve biraz araştırmam sonucu bunu buldum.

Yukarı Çık Çapası (Butonu) Blogger, Blogcu, Bedava Sitem ve diğer hizmetleri kullanan arkadaşlar kullanabilmekte.Eğer İsterseniz Artık Anlatıma Geçelim.

Adhood Doğrulama Kodunu Blogger'e (Blogspot'a) Ekleme Sorunu (Çözüldü)

Merhaba Arkadaşlar uzun zamandır merak ediyorum adhood doğrulma kodunu siteye eklerken maalesef sürekli hata vermekteydi bari bir araştırma yapayım dedim ve biraz araştırdım ve sorunuda çözdüm.

Aslında gayet kolaymış artık sitemde reklamlarda bulunacak haberiniz olsun dilerseniz doğrulama kodunun nasıl yerleştirileceğini anlatayım

Blogger Ve Blogcular İçin Reklamı Kapat Eklentisi !

Merhaba Arkadaşlar. Bugün Enes Abimin sitesinde gördüğüm  daha doğrusu sitesinde görüpte bir türlü faaliyete geçiremediğim bir eklentiyi sizlere anlatacağım bu eklenti ile sitenizde ayrı bir hava katacak gibi duruyor.
Bu eklenti ile ziyaretçilerin gözüne hoş görünmeyen reklamların bir tık ile kapatabilmesi siteye "+" bir değer kapmakla beraber gayet güzel bir görünümlede ziyaretçiyi cezbediyor.Enes Abimi uzun zamandır takip ediyorum fakat bir türlü tanışma fırsatım olmadı inş onunlada tanışırız dilerseniz anlatımımıza geçelim.


Öncelikler Blogger ler ]]></b:skin> kodundan önce aşağıdaki kodları ekliyorlar

Blogger Sosyal Ağ Menüsü | Anasayfanız Sosyal Ağlarda Paylaşılsın

Merhaba Arkadaşlar.Bir Süre Önce Kullanmaya başladığım "Sosyal Ağ Menüsü" Gerek tasrımı olsun gerek kullanım ergonomisi olsun bu açılardan gayet başarılı bir şakilde oluşturulmuş bir menü.Menü Ekleme Seçenekleri arasında tanınmış sosyal ağlar bulunmak.dünya Devi Google bunların arasında tabiki.Google haricinden ise Facebook , Twitter , Digg Delicious , STumbleupon bulunmakta. Bunlara ilaveten Feedburner E-mail aboneliği Linkinide veriyoruz.

Gördüğünüz gibi sosyal imlerin menüsünde kullanılşan iconlar set halinde yapılmış ve ziyaretçiye hoş bir görüntü sağlamakta.
Bu menüyü Bloggerler haricinde Blogcu Arkadaşlarda Kullabilmekte üstelik.
Dilerseniz Nasıl Ekleneceği Konusunda anlatımımıza Geçelim.






Öcelikle


1- Blogger  Arkadaşlar Hesaplarına giriş yapıyor
2- Yerleşim > Sayfa Öğeleri > Gadget Ekle > HTML + Javascript Diyorlar Ve
3- Aşağıdaki Kodları Ekliyorlar.

HTML Kodları Çalışmasın Mı İstiyorsunuz ?

Merhaba Arkadaşlar

Belki sizlerde benim gibi sitenizde kodlar veriyorsunuz ama konunuzun için kodları verirken kodlar çalışıyor bu kodların çalışmamasını bir kaç gün önce öğrendim ve sizlerle paylaşayım dedim.Arkadaşlar eğer Siztenizde kodların Çalışmadan görünmesini istiyor İseniz Öncelikle

Blogger Alt Tarafa 3 Kolonlu Menü

Evet Arkadaşlar Bu yazımızda ise Blogger arkadaşlar için Web Sitelerinin alt tarafına 3 kolonlu menü yapmayı anlatacağım.Bende aynı menüyü kullanmaktayım Çok kullanışlı internet sitesine + değer katan bir widget diyelim.Şimdi bu menüyü nasıl kuracağız bloğumuza her şablona uygunmu.Evet arkadaşlar her blogger şablonuna uygun renkler uymayabilir onlarıda siz ayarlmalısınız kendi şablonunuza göre.Eğer isterseniz geçelim 3 kolonlu Menünün yapımına

Takipçileriniz için Facebook & Twitter & RSS Sayaçları

Evet.Sıra geldi fasulyenin faydalarına :).Evet arkadaşlar benim sağ taraftaki menüyü görüyorsunuz gelen ziyaretçilere karşı hoş bir görünüm gösteriyor peki bu görünümü sizler nasıl yapacaksınız bugün o soruya cevap vereceğim.bu beni Sitenize gelen ziyareçilere facebookta RSS de ve ardından Twitterde kaç adet takipçiniz varsa göstermekte.Bu menüyü sadece Bloggerlarda Kullanmıyor üstelik isteyen Blogcu arkadaşlarımızda bu menüyü kullanamabilmekte.Evett isterseniz artık anlatıma geçme vakti geldi.
Şimdi öncelikle

Facebook Beğen Butonu !

Merhaba Arkadaşlar.



Facebook'un yeni özelliği daha doğrusu değiştirilmiş özelliği gruplarda sayfalarda kişi sayılarının 2 katına çıkarması planlanıyor.Üstelik Blogger, Blogcu, Wordpress, Typead gibi blog yazarları kullanıcılarının ve diğer sistemlerin Sitelerine Beğen (Like) Butonunu yerleştirmelerini saylayarak diğer sosyal medya gruplarından 1 adım daha öne geçmiş bulunuyor.Peki Facebook Beğen Butonunu Sitemize Nasıl Ekleyeceğiz ? İşte bu soruya cevap ve kodları burada :)

Şimdi Yapacağımız Şey Çok Basit.

[ Öncelikle Yerleşim > Şablon HTML'sini düzenle > Widget Şablonlarını Genişlet ] Dedikten Sonra


<data:post.body/> Kodunu Buluyoruz Ve Hemen altına

Blogger Ve Blogcu İçin Güzel CSS Menü !

Merhabalar Arkadaşlar Blogcular Ve Blogger için CSS Menü gördüm onu sizlerle paylaşayım dedim
Menü Mausa duyarlı olanlarda hani şu gelince farklı şekillere reklere falan giriyor ya :) İşte onlardan.Bütün Blog Sahipleri bloglarına ekleyebilirler ve kullanabilirler

Evet hazırsanız anlatımı yapmaya başlayalım.Öncelikle

Blogger 6 Değişik Dizaynda Sayfa Numaralandırma Eklentisi [Page Navigation] !

Merhana Arkadaşlar !
Bloggerda 6 Farklı Dizaynda Sayfa Numaralandırma eklentisi gördüm Sizlerle Paylaşayım





Buyrun görünümleri

1. Demo 1
2. Demo 2
3. Demo 3
4. Demo 4
5. Demo 5
6. Demo 6

CSS Dosyaları :

Blogger Resim Gölgelendirme Eklentisi !

Merhaba Arkadaşlar

Bunun gibi fareye hassas resim yapmayı belki merak etmişsinizdir.

Şimdi Bu Nasıl Yapılıyor onu açıklayalım.
Blogger Şablon HTML'sini Düzenle Widget Şablonlarını Genişlet Dedikten Sonra.