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

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

Blogcu Son Yazılar Eklentisi Süper

Merhaba Arkadaşlar Bugün blogcuda Çığır açacam.Doğrusu ben öyle düşünüyorum :).

Çığır açma sebebim ise blogcuda biliyorsunuzki tabanı blogger kadar sağlam değil ve eklentiler sınırlı sayıda.Fakat Bugün Yaptığım bir buluş ile (havamıda atam buluş yaptım :D) konuların altına son yazılar eklentisini "CSS Sprite" tekniği ile Feedburner BuzzBoost yani son yazxılar eklentisi ile entegre ederek hoş bir görünüm ortaya çıkarmayı başardım sanırım bu tutulur :)

Şimdi o kadar terim kullandımki kimse anlamadı İşte size Demo

Yazı linklerinin üzerine geldiğinizde yandaki resimlerin değiştiğini göreceksiniz.Ziyaretçiye gayet hoş bir görünüm kazandırıyor.

Şimdi gel gelelim kodlarımıza

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.

Blogcu Page Navigation [Sayfa Numaralandırma] 2

Merhaba Arkadaşlar.Bu Yazımı blogcu arkadaşlara blogcu hizmetini kullanan arkadaşları düşünerek bu yazı yazayım.
Biliyorsunuz Blogcuda ne bir eklenti nede başka bir şey var o yüzden onların yaralarına bir nebze olsun böle birşey yaptım.

Bu Pagenavigationu ilk yazımda yani burada anlatmıştım şimdiki yazımda stili biraz değiştirdik görünümü aşağıdaki gibi



Şimdi Bu görünümde Sayfa Numaralandıracağız
Şimdi Öncelikle şablkon HTMLsini düzenle dedikten sonra </style> kodunu buluyoruz ve hemen altına aşağıdaki kdoları ekliyoruz

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.

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

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

Sayfayı Takip Eden Reklam Kodu !

Arkadaşlar Sayfayı Takip Eden Reklam kodunu herkez merak etmiştir
sayfayı takip eden kodları buraya eklediğimde bozuluyorlar o yüzden şuradan bakmalısınız


Bir Teşekkür Yeter

Modifiyeli Woody Blogcu Şablonu !

Blogcuya uyarlanmış olan bu şablon alkmaar arkadaşımız tarafından uyarlanmış.

Ben Geliştirdim

Geliştirken neler ekledim neler yaptım

Sayfa Numaralandırma Pagenavigation ekledim
Devamını oku eklentisi yaptım
Gönderen Kişi Resmi Gönderen adı tarihi resimleri ekleyerek ziyaretçilere hoş bir göz alıcılığı sundum
Sağ tarafa sayfayı takip eden Mün yaptım
Sayaçlı google Buzz'da Paylaş butonunu Ekledim
Sayaçlı Facebookta Paylaş butonu Ekledim
Harf Hatalarını Düzelttim

 Şablonu görmek İçin Tıklayın

Woody blogcu şablonu Full tek link indir-Download

Google Buzz Butonu Sayaçlı (Blogger + Blogcu + Wordpress)

Merhaba Arkadaşlar

Google  Buzz Üzerine Bir Yazımız Olmuştu.Bu Yazıda Sayaçsız Blogger  Buzzda Paşlaş butonunu yayınlamıştık.Fakat Bu kod sadece bloggerde çalışmaktadı.Şimdi Google Buzz Butonunu Sayaçlısını Hem "Blogger"de Hem "Blogcu"da Hemde "Wordpress"te Çalışmakta.

Aşağıda Vereceğim Sitede Yerleri Doldurun kodunuzu Sitenize Ekleyin Hadi Hayırlı Olsun

Blogcu Facebook'ta Paylaş Butonu (Sayaçlı + Sayaçsız)

Merhaba Arkadaşlar.


Bugün sizlerle  "Facebook'ta Paylaş Butonu" yapacağız..

Facebook biliyorsunuz en büyük sosyal paylaşım platformu durumunu hala korumakta.Facebook kullanıcıları dolayısıyla sürekli bir şeyler paylaşmak isteyeceklerdir.bunun için sitemizde mutlaka "Facebookta Paylaş" Butonu olmalı.

Şimdi sitermize Facebookta Paylaş Butonu Yapalım
 Aşağıda Verdiğim ilk kod sayaçsız olan Facebookta paylaş butonu

Blogcuda "Bu Yazı {x} Kere Okunda Ekletisi"

Merhaba arkadaşlar.


Blogcuda her konuya özel"Bu sayfa x kere okundu" eklentisi yapmayı öğreneceğiz...


Öncelikle bunu yapma için Buraya Giriyoruz.


Kayıt olduktan sonra Kontrol Paneli > Bloglarım > Yeni Blog Ekle diyoruz

Blogcuda Sayfa Numaralandırma (Page Navigation) Eklentisi

Merhana Ardaşlar.

Bir Blogcu Eklentisi İle Yine Karşınızdayız.Bu eklenti ile blogumuza "Page Navigation" (Sayfa Numaralandırma ) eklentisini paylaşacağım.

Bunun Mavi Rengi.

Önizleme

Öcelikle CSS kodlarımızı Eklemeliyiz.Css Kodlarımızı Şablon Ayarları > Şablon HTMLsini düzenle dedikten sonra Ctrl+F Yardımıyla Kodunu blalım ve hemen altına