Dilediğiniz Zaman Arayın Canlı SOHBET Edelim: 
(İlk 5 Dakika Bedava)

Cansu: 008818200818

Esra: 0034951250447

29 Şubat 2012 Çarşamba

Blogger rastgele yazılar eklentisi


Blogger blogunuz için rastgele yazılar eklentisi


Rastgele yazılar eklentisi , sayfa her yenilendiğinde otomatik olarak rastgele blogunuzda bulunan konuları listeler,  sayfa her yenilendiğinde konular değişecektir..

Bu eklentiyle ilgili soru ve görüşleriniz için yorum panelinden bize yazabilirsiniz



Toplam yazı ve yorum sayısı istatistik eklentisi


Bloggerde sayfa içinde Toplam yazı ve Toplam yorum sayısını göstermek istermisiniz ? 

Eklentinin çalışma mantığı çok basit , blogunuza ekliyorsunuz , siz yazı yazdıkça yada blogunuza yorum geldikçe kendisi güncellenir...

NOT : Yorum ve yazı eklentisini blogunuza ekledikten sonra , kod içindeki , eklentileri.blogspot.com yazan yere kendi blog adresinizi yazınız..

NOT 2 : eklentileri.blogspot.com adresi kod içinde iki kez geçmektedir , her ikisinize düzenleyiniz..




Blogger linklerinize gökkuşağı renk eklentisi

Blogger Blogunuz için farklı bir eklenti ile karşınızdayız , Bu eklentimizde blogunuzdaki linklerin üstüne fare ile gelindiğinde, linkleriniz gökkuşağı edasında renkten renge bürünüyor...


Değişik bir eklenti olduğunu düşündüğümüz Link renklendirme eklentisini eklemek için aşağıda butonu kullanabilirsiniz , eğer memnun kalmazsanız , yerleşim kısmından eklediğiniz eklentiyi kaldırabilirsiniz..



Blogger hareketli uçan twitter kuşu eklentisi


Bu eklentimizde blogger blogunuz için , siz sayfada hareket ettikçe sayfanızın ayrı noktalarına uçup konan twitter kuşunu blogunuza ekleyeceğiz..

uçan twitter kuşu eklentisini blogunuza eklemek için aşağıdaki butonu kullanabilirsiniz..

eklentiyi ekledikten sonra kod içinde geçen xxxxxx yerine twitter kullanıcı adını yazmayı unutmayınız

28 Şubat 2012 Salı

Blogger Basit Arama Kutusu Eklentisi


Blogger blogunuza basit bir arama kutusu eklemek istermisiniz ?


Bu eklenti blogunda arama kutusu olmayan blogger kullanıcıları için arama kutusu imkanı sağlıyor , orjinal arama kutuları gibi çalışmaktadır..



Blogger, Dinamik Şablonlar İçin Sidebar Ve Gadget’ları Duyurdu

Bildiğiniz gibi Google geçtiğimiz sene Dinamik Blogger şablonnlarını kullanıma sunmuştu.Görsellik ve hızlı çok tatmin etmesine rağmen kullanılabilirlik açısından zayıf olması nedeniyle pek rağbet görmemişti Blogger kullanıcıları tarafından.

 

Blogger, Dinamik Şablonlar İçinSidebar Ve Gadget’ları Duyurdu

 

Blogger’ın dinamik şablonları geliştirmesi bekleniyordu ki ilk hamle atıldı.Google yaptığı açıklamayla dinamik şablonlarda açılır kapanır bir sidebar ile bazı gadgetların kullanıma açıldığını duyurdu.Sidebar’a ekleyeileceğiniz gadgetlar ise şunlar:

 

  • Blog Arşivi
  • İzleyiciler
  • Etiketer
  • Profil
  • Bağlantı listesi
  • Abonelik Bağlantıları

Bakalım bundan sonra dinamik şablonlar ile ne gibi yenilikler gelecek.Ben bu kadar yaygara yapılarak duyurulan dinamik şablonlar ile ilgil çalışmaların bununla sınırlı kalacağını düşünmüyorum.

27 Şubat 2012 Pazartesi

Blogger Görsel Arama Kutuları eklentisi


Blogunuzdaki arama kutusundan sıkıldınızmı ? Yada blogunuzda arama kutunuzmu yok ?


Bu eklenti sayesinde blogunuza daha görsel arama kutuları ekleyebilirsiniz , altı adet arama kutusundan istediğinizi seçip , yapmanız gereken sadece bloguma ekle butonuna basmak..Eklenti ile ilgili soru yada görüşleriniz olursa lütfen bize yorum panelinden ulaşınız..











Blogger için Son Twitter yazılarınız



Blogger blogunuz için Twitter hesabınızda yazdığınız son yazılarınızı blogunuzda göstermek istermisiniz ?

Bu eklentiyi sizde blogunuza eklemek için aşağıdaki formu doldurup bloguma ekle butonuna basmanız yeterli..

Twitter Adınız
Kaç Yazı Gösterilsin
Eklenti Başlığı



Blogunuzda balık besleyin =)


Blogunuzda balık beslemek istermisiniz ? belkide ziyaretçileriniz beslemek ister =)

Blogger blogunuzda Bu eklentiyi blogunuza eklemek için, aşağıdaki buton yardımı ile ekleyebilirsiniz, ayrıca balıkların sayısı ve renginide ayarlayabiliyorsunuz..





Blogger Sayfa Yükleniyor ( Loader ) Eklentisi


Sayfa yükleniyor eklentimizde, blogunuz açılırken yada blog içinde sayfa değiştirken , hızımına ve bilgisayarımıza göre yaklaşık 1 ile 3 saniye arasında bi gecikme olur , bu eklentimiz ile bu süre içinde sayfada güzel bir loader oluşturuyoruz...

örnek olarak aşağıdaki gibi...

Sayfa Yükleniyor

Loader sayfa yükleniyor eklentisini blogunuzda kullanmak için Asağıdaki buton yardımı ile blogger blogunuza ekleyebilir ve kullanabilirsiniz..
Yorum ve görüşleriniz içn aşağıdaki yorum panelini kullanınız..


Blogger Resimli Son Yorumlar Eklentisi


Blogunuzda Son yorumları Avatarlı Göstermek istermisiniz ?


Bu eklentimizde yorum yapan kullanıcıların avatarları son yorumlar kısmında gözüküyor , Blogger hesabı ile yorum yapan bir kullanıcının kendi profil resmi , anonim yada adı url şeklinde yorum yapan kullanıcının ise yukarıdaki gibi yorum balonu şeklinde avatarı çıkıyor..

Örnek için , sağ tarafa bakabilirsiniz , bu eklentiyi kullanıyoruz


Eklentiyi blogunuza eklediğinizde , yerleşim kısmından sizin için en uygun yere taşıyabilirsiniz..

Son olarak , xxxxx.blogspot.com yazan yerdeki xxxxx yerine kendi blog adresinizi yazmayı unutmayınız..




Blogger Facebook beğen paylaş eklentisi


Blogunuz için bir başka facebook beğen ve paylaş eklentisi...

Resimde görüldüzü üzere şık bir tasarıma sahip bu eklentiyi blogger'a eklemek isterseniz bloguma ekle butonuna basmanız yeterli..

Sizi ziyaret eden kullanıcılar , bu eklenti sayesinde içeriğinizi beğenebilir aynı zamanda facebook profillerinde paylaşabilirler..



Blogunuz için Sağ tık ve metin seçme engeli


Blogunuz için hem sağ tıklama engeli hemde blogunuz içinde her hangi bir metnin kopyalanmasını engellemek istermisiniz ?

Bu eklenti sayesinde , sitenize girenler sağ tık yapamayacak , sitenizdeki metinleride kopyalayamayacaklar..sitenizdeki içeriği almak isteyen yada çalmak isteyen istenmeyen kullanıcılara özel yapılmış bu uygulama işinize yarayabilir..

Sizde Blogunuz için metin kopyalama ve sağ tıklama engeli isterseniz aşağıdaki bloguma ekle butonuna basmanız ve blogunuza eklemeniz yeterli..

Açılışta Facebook Begen Eklentisi


Ziyaretçileriniz Blogunuza girdiğinizde direk açılan facebook eklentisi istermisiniz ? eklenti sayfa açıldığında çalışır , kırmızı çarpı butonuna basıldığında kapanır , ziyaretçileriniz sol altta bulunan beğen butonu ile sizi facebook aracılığı ile beğenebilir ve takip edebilir..

Oldukça yararlı olduğunu düşündüğüm bu eklentiyi kullanmak için , bloguma ekle butonuna basabilir ve Facebook açılışta beğen eklentisini sizde kullanabilirsiniz..

Not olaraktansa , eklentiyi eklediğinizde , yerleşim kısmından eklentinin olduğu düzenle butonuna basınız ve http://www.facebook.com/pages/Belgesel-izle/182948901769329 kısmına kendi facebook sayfa adresinizi yazınız..




Blogger’da Portföy Sayfası Oluşturma

Başlıkta portföy dediğime bakmayın.Bu yazıda paylaştığım kodlarla istediğimiz resimleri çerçeve içine alıp yan yana ve alt alta sıralayacağız.Bunların üzerine gelince efekt oluşturmak için CSS3 kullanacağız.Resmin altına yazacağımız başlığa tıklayınca da istediğimiz bir sayfayı açacağız.Yani bu kodlarla oluşturacağınız sayfayı sadece portföy olarak değil, en iyi yazılarınızdan oluşan bir Best Of sayfası olarak, favori linklerinizden oluşan bir link sayfası olarak ta kullanabilirsiniz.Daha pek çok kullanım şekli üretilebilir.

 

Portföy Sayfası

 

Örnek teşkil etmesi ve daha iyi anlaşılması için oluşturduğum Portföy sayfasına bakabilirsiniz.Dediğim gibi oluşturduğum portföy sayfası sadece örnek için.Gerçekten benim portföyüm olduğunu sanmayın lütfen.

 

Hemen sayfayı nasıl oluşturacağınıza anlatayım.Önce stil kodlarını ekleyeceğiz.Stil kodlarını her zaman olduğu gibi şablonumuzdaki ]]></b:skin> kodundan önce ekliyoruz.Şablonunuzdan ]]></b:skin> kodunu bulun ve hemen üstüne aşağıdaki kodları ekleyin.

 

#gallery{
        width:600px;
        display: block;
        margin: 2px 2px;
}
.gallery-image{
        width:150px;
        background-color: #fff;
        border: 1px solid #c2c2c2;
        -moz-box-shadow:0 0 20px #292929;
        -webkit-box-shadow:2px 5px 8px #292929;
        box-shadow:2px 3px 8px #292929;
        padding: 10px 10px 30px 10px;
        float: left;
        position: relative;
        margin-right: 20px;
        margin-bottom: 20px;
        -webkit-transition: all 0.4s ease-in-out;
        -moz-transition: all 0.4s ease-in-out;
        -o-transition: all 0.4s ease-in-out;
}
.gallery-image img{
        background: #000;
        width: 150px;
        height: 150px;
}
.gallery-image a{
        position: absolute;
        bottom: 10px;
        left: 10px;
        font-family: arial;
        font-weight:bold;
        font-size: 15px;
        color: orange;
        text-decoration:none;
        text-align: center;
}
.gallery-image:hover{
        transform: skew(5deg,5deg);
        -ms-transform: skew(5deg,5deg); /* IE 9 */
        -webkit-transform: skew(5deg,5deg); /* Safari and Chrome */
        -o-transform: skew(5deg,5deg); /* Opera */
        -moz-transform: skew(5deg,5deg); /* Firefox */
}

 

İkinci olarak kumanda panelinizden statatik bir sayfa oluşturup, sayfanın HTML kodları bölümüne aşağıdaki kodları ekleyin.

 

<div id="gallery">
<div class="gallery-image">
<img src="https://lh6.googleusercontent.com/-STceCTn0bNQ/TzlxBByoWtI/AAAAAAAACN4/47yjKDt7Tz8/s1024/1329164543462.png" /><a href="http://bloghocam.blogspot.com/">Blog Hocam</a></div>
<div class="gallery-image">
<img src="http://lh4.ggpht.com/-dLvf4xRol3s/TzUMfte0xkI/AAAAAAAACLU/0n2i9e-uQJQ/s1600/Elite-Minima7.png" /><a href="http://bloghocam.blogspot.com/2012/02/elite-minima-ucretsiz-premium-blogger.html">Elite Minima</a></div>
<div class="gallery-image">
<img src="http://lh3.ggpht.com/-5iGqRXDSsIM/TpV_L6wGhqI/AAAAAAAABOE/NhG0-BKcc9g/s1600/curo-blogger-tema13.png" /><a href="http://bloghocam.blogspot.com/2011/10/curo-blogger-temas.html">Curo</a></div>
<div class="gallery-image">
<img src="http://lh6.ggpht.com/-NvPo1yJUE6Y/TmkKk2T531I/AAAAAAAAA-Q/Bqxda04zwJI/s1600/simple-market-blogger-template5.png" /><a href="http://bloghocam.blogspot.com/2011/09/simple-market-temasn-turkcelestirdim.html">Simple Market</a></div>
<div class="gallery-image">
<img src="https://lh3.googleusercontent.com/-1BNqCKZJC-4/ThQ6MquwVzI/AAAAAAAAAwg/sEBqGYxs1PM/s576/kadinlar-icin-blogger-temasi.jpg" /><a href="http://bloghocam.blogspot.com/2011/07/blogcu-bayanlar-icin-blogger-temas.html"> Echo That Is Love</a></div>
<div class="gallery-image">
<img src="http://lh4.ggpht.com/-vhKZxWPkC2M/Tue3XEPkSNI/AAAAAAAABuE/cBMwM97l33k/s1600/StraightAhead-premium-kalitede-blogg.png" /><a href="http://bloghocam.blogspot.com/2011/12/straight-aheadpremium-kalitede-blogger.html">Straight Ahead</a></div>

</div>

 

Şimdi de kodları nasıl düzenleyeceğinizden bahsedeyim.Her bir çerçevenin kodu şu şekildedir:

 

<div class="gallery-image">
<img src="resim.png” /><a href=”http://sayfa-adresi”>Başlık</a></div>

 

  • resim.png yerine çerçeve içerisinde gösterilecek resmin adresini yazın.
  • http://sayfa-adresi yerine başlığa tıklayınca açılmasını istediğiniz sayfanın adresini yazın.
  • Başlık yerine resmin altında gözükecek başlığı yazın.

26 Şubat 2012 Pazar

Blogger Yukarı Çık Butonu Ekle ( Sabit )


Resimde gördünüz gibi sitenizin sağ en altına yerleşen bu buton ile ziyaretçileriniz sayfada aşağı inmeye başladığında buton belirir , ziyaretçiniz butona bastığında otomatik olarak sayfa başına döner...

Faydalı bir eklenti olduğunu düşünüyorum sizde blogunuza eklemek için aşağıdaki Bloguma Ekle butonuna basınız...


Sıkıntı yaşadığınız yada alternatif bir öneriniz varsa yorum panelinden bize ulaşabilirsiniz..




Addthis Paylaş Butonları ekle


Blogunuza Addthis paylaş butonlarını eklemek istermisiniz ? blogunuza uğrayan ziyaretçiler bu eklenti sayesinde içeriğinizi sosyal paylaşım sitelerinde paylaşabilecekler...

Google+ , Facebook , Twitter , Mail yollama , Bloggerde yayınlama ve daha bir çok sosyal im bu eklentide....

Addthis paylaş butonlarını eklemek için yapmanız gereken tek şey ; Aşağıda yer alan "Bloguma Ekle" butonuna basmak , eklenti gadget şeklinde olduğu için ekledikten sonra yerleşim kısmından istediğiniz yere taşıyabilirsiniz..



24 Şubat 2012 Cuma

Eklentileri.Blogspot.Com Site Haritası




Ücretsiz “Blogunuz.Tk” Alan Adınız Olsun

Blogger’da bir blog oluşturduğunuzda size verilen blogspot sudomain’li adres  ( blogunuz.blogspot.com ) sizi rahatsız mı ediyor? Eğer daha kısa ve daha profesyonel bir alan adı kullanmak istiyorsanız fakat ücret, DNS ayarları gibi detay ve zorluklarla uğraşmak istemiyorsanız işte size çözüm.

1.Adım: Dot.Tk adresine gidip ve kutuya kullanmak istediğiniz alan adını yazıp GO butonuna basın.

Ücretsiz .Tk Alan Adı

2.Adım: Bu adımda ücretsiz kayıt formunu doldurun.Sırasıyla blogunuzun adresini ( http://blogunuz.blogspot.com ), kaç ay kullanmak istediğinizi ve doğrulama kodunu yazdıktan sonra kayıt ol butonuna basıp listedeki servislere ait hesaplardan birini kullanarak kaydı tamamlayın ( Bu servislerden birinde hesabınız yoksa hemen altındaki e-posta adresi kayıt linkine tıklayarak e-mail hesabınızla da kayıt olabilirsiniz.

Dot.Tk Kayıt

Formu eksiksiz ve doğru doldurduysanız artık blogunuz.blogspot.com adresindeki blogunuza blogunuz.tk adresinden de ulaşabilirsiniz.

22 Şubat 2012 Çarşamba

Blog Hocam 1 Yaşında

Tam 1 yıl önce bugün, 22 Şubat 2011 tarihinde yazmışım ilk yazımı.Blog Hocam’ı oluşturduğumda amacım bildiklerimi yazarak insanlara yardımcı olmak, yazarken de keyif almaktı.Geçen 1 yıla baktığımda bunu büyük ölçüde başardığımı anıyorum.

 

Blog Hocam 1 Yaşında

 

Blog Hocam mceram aslında çok iyi başlamıştı.Yazmaya başlayalı henüz 1 hafta olmadan yeni üye olduğum Yazar Kafe’de günün sitesi seçilmem blogumun promosyonuna müthiş katkı sağlamış ve günde 10-15 olan ziyaretçi sayım 100’’lere ulaşmıştı.

 

Tam herşey yolunda gidiyor derken Blogger’a erişimin yasaklanması ile henüz yeni oluşturmaya başladığım okuyucu kitlemi tamamen kaybetmiştim.Yılmadım, yazmaya devam ettim.Arama motoru optimizasyonu çalışmalarına ağırlık vererek önce ziyaretçi kazanmaya sonra da kaliteli içeriğimle onları daimi okuyucuya çevirmeye çalıştım.Peki başarılı oldum mu?

 

Aylık ziyaretçi sayım 600’lerden 10.000’lere çıktı, RSS abone sayım bir elin parmaklarını geçmezken 360’lara çıktı. 0’dan sadece Blog Hocam için oluşturduğum Facebook sayfam 200’den fazla hayran sayısına, Twitter hesabım ise 90’dan fazla takipçi sayısına ulaşırken, Google Friend Connect aracılığıyla Blog Hocam 290’ın üzerinde izleyici sayısına ulaştı.Henüz yeni bir sosyal ağ olmasına rağmen Google+ sayfamı 20’den fazla kişi çevrelerine eklerken, kişisel Google+ hesabımı 130’dan fazla kişi çevrelerine ekledi.

 

Tüm bunların ötesinde; okuyuculardan aldığım olumlu tepkiler, gelen güzel yorumlar, hakkımda yazılan övgü dolu yazılar, saygı çerçevesinde kurulan arkadaşlıklar ve sohbetler….İşte bunların değerini ölçmeye hiç bir sayı yetmez.

 

Bu vesileyle tüm okuyucularıma bir kez  daha sonsuz teşekkür ediyorum.İyi ki varsınız.

19 Şubat 2012 Pazar

Blog Yazısı Yazarken Yapılmaması Gerekenler

Bir blogun oluşma süreci hangi konuda blog yazacağınızı bumlmakla başlar.Sevdiğiniz, ilgi duygunuzduğunuz ve hakkında bilgi sahibi olduğunuz bir konu bulmak zor olmasa gerek.Konuya karar verdikten sonra sıra blogunuza bir isim bulmaya gelir.Biraz yaratıcı, biraz da şanslı iseniz blogunuzun ismine de rahatlıkla karar verebilrsiniz.Sıra blogunuzu oluşturmaya geldiğinde imdadınıza Blogger yetişir.Blogger ile ücretsiz ve kolayca kendi blogunuzu oluşturabilirsiniz.Blogunuzu da oluşturduktan sonra sıra yazı yazmaya gelir.

 

Buraya kadar her adımı kolayca geçebilirsiniz ancak blogunuzu içerik oluşturmak yani blog yazısı yazmak sandığınız kadar basit değildir.Ziyaretçilerinizi etkilemek ve blogunuzun popüleritesi arttırmak için kullanabileceğiniz en etkili silahınız blog yazılarınızdır.İşte bu yüzden yazılarınızı yazarken dikkat etmeniz gereken çok şey var.Aşağıda blog yazıarınızı yazarken kaçınmanız gereken davranışlardan bahsettim.

 

Blog Yazısı Yazarken Yapılmaması Gerekenler

 

Dikkat Dağıtıcı Şeylerlerle Meşgul Olmak

 

Blog yazısı yazarken bir yandan da başka şeylerle ilgilenmeye çalışmak yazınıza odaklanmanızı engelleceği için cümle bütünlüğünü korryayamama, yazım hataları, anlatılmak istenen şeyin doğru anlatılamaması gibi yazınızın kalitesini düşürecek sonuçlar doğurabilir.

 

Blog yazısı yazarken MSN ve benzeri anlık mesajlaşma programlarını kapatın.Yazınızı yazarken bir yandan da televizyon izlemek ya da telefonla konuşmak gibi davranışlardan kaçının.

 

Arama Motorları İçin Yazmak

 

Arama motoları ( özellikle Google ) bloglar için en önemli trafik kaynağıdır.Örneğin benim blogumu ziyaret edenlerin %80’e yakını Google aramalarından Blog Hocam’a ulaşmaktalar.Bu orana ulaşmak için elbette uygulamanız gerekenm bazı temel SEO yteknikleri var ancak SEO demek, sadece arama motorları için yazmak değildir.Zaten son Google algoritma güncellemelerini incelediğinizde kullanıcı dostu, kaliteli ve özgün içeriğin ne kadar önemli olduğunu anlıyoruz.

 

Blog yazılarınızı yazarken okuyucularınız için yazın.Eğer oyazınızı okuyucalırınız beğenirse Google’da beğenecektir zaten.SEO hastalığına kapılıp yazılarınızı anahtar kelime çöplüğüne dönüştürmeyin.

 

Görsel Öğeleri Kullanmamak

 

Yazınızı açan bir ziyaretçinin baştan aşağı düz yazı şeklinde yazılmış 500 kelimelik bir yazı ile karşılaştığında o yazıyı okumadan kapatması çok yüksek bir ihtimaldir.Yazdığınız yazı ne kadar kaliteli olursa olsun onu düz yazı şeklinde yazmak tüm emeklerinizi heba edebilir.

 

500 kelimelik bir yazıyı tek bir blok halinde yazmak yerine 100 kelimelik 5 blok halinde yazmak, listelerden, biçimlendirmelerden, fotoğraf ve videolardan yararlanmak yazınıza zanginlik katarak okunma oranını arttıracaktır.

 

Blog yazılarınızda görselleri kullanmanın yazıya zenginlik ve hareket katmak dışında önemli bir faydası daha vardır.Görselleri SEO uyumlu yaparsanız, görsel aramalardan da yazınıza ziyaretçi gelmesini sağlayabilirsiniz.Bu yüzden yazılarınızda mutlaka görsel öğeler kullanın.

 

Farklı Bir Ton Kullanmak

 

Bir blog yazarının yazılarında kullandığı bir uslup, bir ton vardır ve bu tonu tutarlılık göstermelidir.İlk blog yazısında okuyucularına nasıl hitap ediyorsa diğer yazılarında da aynı hitap şeklini kullanmalıdır.

 

Blog yazıarınızda kullanacağınız tonu belirlerken okuyucu kitlenizi dikkate alın.Örneğin akademisyen ve çalışan kesime hitap eden bir blog yazıyorsanız yazınızda “selam millet” demeniz oldukça abes olur.

 

Yazıyı Bitirir Bitirmez Yayınlamak

 

Yazını yazdıktan sonra hemen gönder tuşuna basıp blogunuzda yayınlıyorsanız hata yapıyorsunuz.Acaba yazınız gerçekten yayınlamaya hazır mı? Bundan emin olmak için yazınızı en az 1 kez okuyun.Yazım yanlışları, anlam bozuklukları, hatalı linkler olup olmadığını kontrol edin.

 

Hatta size önerim bir checklist oluşturmanız ve yazınızı yayınlamadan önce mutlaka bu cheklistteki tüm maddelerin yanına tik işareti koyduğunuzdan emin olmanız.

16 Şubat 2012 Perşembe

Tüm Ayarlarıyla Bubsy Blogger Teması

Wordpress’ten Blogger’a BloggerReflex tarafından çevrilen Busby Blogger Teması, şık ve profesyonel görnümüyle dikkatimi çekti ve burada paylaşmak istedim.Denemek için test bloguma yüklediğimde Bloggr Şablon Tasarımcısı ile uyumlu olduğunu gördüğümde bu tema benim için daha değerli hale geldi.Bunun gibi Blogger Şablon Tasarımcısı ile uyumlu tema bulmak çok kolay olmuyor.

 

Busby Blogger Teması

        Demo  Download

 

Temanın görünümü Blogger Şablon Tasarımcısından istediğiniz gibi değiştirebileceğinizi hatırlattıktan sonra kodlarda düzenlemeniz yerlere geçiyorum.

 

Twitter, RSS, Facebook Butonları

Sağ üst tarafta, blog başlığının yaında bulunan Twitter, RSS ve Facebook butonlarını düzenlemek için aşağıdaki kodları bulun ve # yerine kendi Twitter, RSS ve  Facebook adreslerinizi yazın.

 

<ul id='social'>
        <li class='twitter'><a href='#'>Twitter</a></li>
        <li class='rss'><a href='#'>RSS</a></li>
        <li class='facebook'><a href='#'>Facebook</a></li>
    </ul>

ss

 

Manşet

Manşette slayt olarak gösterilen resimleri ve başlıkları düzenlemek için aşağıdaki kodları bulun.Kodlarda ki # yerine açılmasını istediğiniz sayfanın adresini, Post Title yerine açılacak sayfanın başlığını, http://……jpg yerine ise gösterilecek resmin adresini yazın.

 

<ul>               
            <li><h2><a href='#'>Post Title</a></h2> <a href='#'><img src='http://4.bp.blogspot.com/-gTXF2NJsyng/TyeCHOq-nqI/AAAAAAAACtk/uGrIGsOR330/s1600/spray-paint.jpg'/></a></li>
            <li><h2><a href='#'>Post Title 1</a></h2> <a href='#'><img src='http://1.bp.blogspot.com/-jHwzJ1etaAc/TyeCltG5CyI/AAAAAAAACtw/p34MtXb01qM/s1600/south-bank-graffiti.jpg'/></a></li>
            <li><h2><a href='#'>Post Title 2</a></h2> <a href='#'><img src='http://2.bp.blogspot.com/-PomyJfKPIVY/TyeCwo7mg2I/AAAAAAAACt8/6QQxbEDg4KE/s1600/skater.jpg'/></a></li>       
        </ul>

 

Tarih

Temayı yüklediğinizde büyük ihtimalle yazı başlıklarınınn yanında tarih gözükmesi gerekirken undefined gibi bir şey yazacaktır.Bunu düzeltmek için yapmanız gereken ayarlar şöyle:

 

1. Kumanda Paneline giriş yaptıktan sonra Ayarlar > Biçimlendirme > Tarih Başlığı Biçimini > Cuma, Şubat 10, 2012 olarak ayarlayın.

 

2. Yine aynı yerdeki Tarih Damgası Biçimini > Cuma, Şubat 10, 2012 olarak ayrlayarak kaydedin.

 

Yapılması gereken ayarlar bu kadar.Artık Busby teması kullanıma hazır.Her hangi bir sorun yaşrsanız yorum bölümünden iletebilirsiniz.

15 Şubat 2012 Çarşamba

Kullandığım “Resimli Benzer Yazılar” Eklentisini Paylaşıyorum

Çoğu blogcu kurulumu kolay olduğu için resimli benzer yazılar elentisi olarak LinkWithin kullanıyor.Ziyaret ettiğim blogların çoğunda LinkWithin eklentisinin kullanıldığını görünce farklı olsun diye daha önce resimsiz benzer yazılar eklentisini paylaşmıştım.

Son günlerde blogumda kullandığım resimli benzer yazılar eklentisini paylaşmamı isteyenlerin sayısı arttı.Sanırım LinkWithin kullanınca köşede çıkan LinkWithin yazısından rahatsız oldular, bu yüzden benden eklentiyi paylaşmamı rica ettiler.

Resimli Benzer Yazılar Eklentisi

Bu blogda gördüğünüz eklentinin kodlarını olduğu gibi paylaşıyorum.Kurulum 2 aşamadan gerçekleşiyor.Önce </head> </head> kodları arasına stil ve script kodlarını ekleyeceğiz, ikinci aşamada ise Yazının altına HTML kodlarını ekleyeceğiz.Kuruluma geçelim…

1.Aşama: Şablonunuzdan </head>  kodunu bulun ve bunun hemen üstüne aşağıdaki kodları ekleyin:

<!--Resimli Benzer Yazılar Eklentisi Stiller Ve Scriptler Başlangıcı-->
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}
#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: #F1921A;
font-family: Times New Roman;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}
#related-posts  a:hover {
background-color:none;
border: 1px solid #ddd
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;https://lh4.googleusercontent.com/-J_2Hi8e_FBo/TwN7i7oZgMI/AAAAAAAAB3g/bXomP2Cw0CM/s72/no-image.PNG&quot;;
var maxresults=5;
var splittercolor=&quot;#E6E7E8&quot;;
var relatedpoststitle=&quot;Benzer Yazılar:&quot;;
</script>
<script src='http://dl.dropbox.com/u/60346665/resimli-benzer-yazilar.js' type='text/javascript'/>
<!-- remove --></b:if>
<!--Resimli Benzer Yazılar Eklentisi Stiller Ve Scriptler Bitişi-->

2.Aşama: Şablonunuzdan <div class='post-footer'> kodunu bulun ve hemen altına aşağıdaki kodları ekleyin:


<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><div style='clear:both'/>
<!-- remove --></b:if>

Resimli benzer yazılar eklentisinin kurulumu bu kadar.Bir sorunla karşılaşırsanız yorum bölümünden sorabilirsiniz.

İyi bloglar…

13 Şubat 2012 Pazartesi

Son Zamanlarda Blogda Yaptığım Değişiklikler

Son günlerde Blog Hocam’ın temasında ufak tefek değişiklikler yapıyorum.Amacım hem daha şık bir görünüme kavuşmak , hem de blogu daha kullanışlı bir hale getirmek.Yaptığım bazı değişikliklerden bahsedip, fikirlerinizi almak istiyorum.Amacıma ne kadar ulaşmışım görmek istiyorum.İşte son zamanlarda temada yaptığım değişiklikler…

 

1.Twitter Akışı

 

Twitter Akışı

 

Aslındabu temayı ilk tasarlamaya başladığımda manşetin üstünde ki bu turuncu şeride menü yerleştirmeyi düşünmüştüm.Sonra memüyü sayfanın en üstüne koymaya karar verince bu turuncu şerit boş kalmıştı.Ne koysam da oraya bir hareket katsam diye düşünürken, bir süredir takipçisi olduğum ve Blogger konusunda ki en başarılı bloglardan biri olan bloggermodifiye.com’un Twitter akışınıza hareket katın başlıklı yazısı ile karşılaştım ve bir kaç ufak değişiklikten sona turuncu şerite Twitter akışını yerleştirdim.

 

2. Yazı Başlıkları

 

Yazı Başlıkları

 

Yazı başlıkları önceden düz siyah renkteydi.Yaptığım küçük bir değişiklik ile yine siyah olan yazı başlıklarına gri gölge efekti verdim.Daha şık göründüğünü düşünüyorum.Bu değişikliğin ilham kaynağı ise en şık tasarlanmış Blogger alt yapısına sahip bloglardan biri olan kelimelerbenim.com sitesi.

 

3. “Devamını Oku” Bağlantısı

 

Devamını Oku Bağlantısı

 

Bildiğiniz gibi blogun ana sayfasında yazıların tamamını göstermek yerine devamını oku bağlantısı kullanarak, yazıların belli bir bölümünü gösteriyorum.Önceden yazıların sağ alt köşesinde kullandığım “Devamını Oku” bağlantısını gri bir kutu içerisinde ve yeşil renkte gösteriyordum.Temaya daha uygun olacağını düşündüğüm için o kutunun rengini turuncu, bağlantının rengini ise siyah yaptım.Artık eskisi kadar gözüme batmıyor :)

 

4. Yazar Yorumları

 

Yazar Yorumları

 

Yorum bölümünde kendi yaptığım yorumların daha belirgin olması için yazar yorumlarını bir çerçeve içinde göstermeye başladım.

 

Söz Sizde:

Bu değişikliklerle ilgili olumlu, olumsuz yorumlarınızı merak ediyorum.Paylaşırsanız sevinirim.Ayrıca başka ne gibi değişiklikler yapabileceğim konusunda bir fikriniz varsa yazabilirsiniz.

11 Şubat 2012 Cumartesi

SEO’ya Uygun Blog Yazısı Oluşturun

Bir bloğunuz varsa onu en iyi yerlerde görmek en büyük hedefinizdir. Emeklerinizin karşılığının boşa gitmesini istemiyorsanız bloğunuza vakit ayırmanızı tavsiye ederim. Ben sizlere bu yazıda bir blog yazısının arama motorlarına uygun şekilde hazırlanmasından bahsedeceğim. Eğer yazınızı seo kuralları dahilinde hazırlarsanız yayınlarınız arama motorlarında daha üst sıralara çıkacaktır.

 

SEO’ya Uygun Blog Yazısı Oluşturun

 

1. İçeriğin başlığını oluştururken şunlara özen gösterin.Konuya en uygun başlığı oluşturmalısınız. Konu ile ilgili arama motorlarında hangi kelimeler arandığını analiz edin. Ayrıntılı bilgiye buradan ulaşabilirsiniz.Yayın başlığı yayın adresini belirlediğinden dolayı başlıklarınızda Türkçe karakter kullanmamaya özen gösterin. Ben başlıklarımı şöyle oluşturuyorum. Yayını hazırlarken başlıkta Türkçe karakter kullanmıyorum.Yayınladıktan sonra yayın başlığımı güncelleyerek Türkçeye uygun hale getiriyorum.

 

 

2. İçeriğin konu kısmıyla alakalı bir anahtar kelime belirleyin. Belirlediğiniz bu anahtar kelimeyi yayının başlarında yoğun olarak kullanın yayın ilerledikçe ise bu anahtar kelimeyi azaltarak içeriği oluşturun. Sonlara doğru anahtar kelimeyi tekrardan sık kullanmaya başlayabilirsiniz.

 

3. Anahtar kelimenizin eş anlamlılarını yayın içeriğinde kullanın. Çünkü kullanıcının bu eş anlamlı kelimelerle arama yapabilir. Mesela Seo yerine Arama motoru optimizasyonu şeklinde arama yapabilirler.

 

4. Kullanmış olduğunuz anahtar kelimeleri ve eş anlamlılarının bir kısmını kalın, italik ve altı çizili şekillerden birini kullanın çünkü arama motorları özellikle google bu kelimeleri anahtar kelime olarak algıladığı webmasterlar tarafından belirtiliyor.

 

5. Yayın içeriğinizi diğer yayınlarınız arasından konu ile alakalı olanlarla bağlayın. Mesela Seo ile ilgili bir yayın hazırlıyorsanız daha önce oluşturduğunuz seo ile alakalı yayınlarınızla bağlayın. Bu işlem ile sayfalarınız arasında pagerank paylaşımı yapabilirsiniz ve arama motorlarına içeriğin hangi konudan bahsettiğini anlatma yöntemlerinden biridir.

 

6. İçeriğinizde konu ile alakalı başka bir sitenin linkini paylaşın. Bu link sitenizin referansı niteliğinde olacaktır ve bu yabancı site kaliteli bir site ise yayınızın içeriği arama sonuçlarında daha üst sıralara çıkacaktır.

 

7. Dışardan link veya resim alırken bu siteye güvenmiyorsanız bu url adresini nofollow olarak etiketleyin. Nofollow bir bağlantı oluşturmak için HTML kısmına tıklayın. Link veya resmin url adresini bulun ve hemen sonuna rel=”nofollow” etiketini ekleyin. Bu işlem arama motorlarına link veya resim aldığınız siteye referans olmadığınızı göstermenin bir yoludur.

 

8. Yayın içeriğine resim yüklemek kullanıcıya kaliteli bir içerik sunmak için önemli olsa da arama motorlarının resimleri tarayamadığını bilmiyorsanız yayınınız arama motorları tarafından sevilmeye bilir. Arama motorları resimlerimizin kodlarını tarar (url adresi, boyutu vb.) bunun sonunda bir sonuca varmaya çalışır. Bundan dolayı oluşturduğunuz yayına resim eklerken her türlü özelliğini belirtmek önemlidir. Eğer karşı siteye referans olmuyorsanız nofollow olarak etiketleyin. Resmin boyutunu belirleyin çünkü google botları tarama yaparken eğer resim boyutu kod olarak girilmemiş ise ilk önce orijinal boyutunu açmaya çalışacağından bu sitenin açılış süresini uzatır. Bu da google botları tarafından negatif bir sonuç olarak gözükecek ve yayınınızın arama sonuçlarında geride kalmasına neden olabilir.

 

9. Son tavsiyem ise yazılarınızda bir konuya odaklanın makalelerinizi bir yayında sunmak yerine parçalara bölün. Eğer özgün bir içerik oluşturursanız konularınız daha üst sıralarda yer alacaktır.

 

Yazıma burada son veriyorum. Benim aklıma şuan bu bilgiler geldi benim unuttuğum şeyleri sizler yorum kısmında paylaşabilirsiniz. Umarım faydalı bir yazı olmuştur.

 

Yazar Hakkında:

Bu yazı; elektronik devreler , PIC programlama, C# gibi elektronik ve bilişim konuları ile ilgilenen Sadık Bozkurt tarafından yazılmıştır. Yazarın diğer yazılarını okumak için kişisel web sitesi olan Teknokoliker'i ziyaret edebilirsiniz.

10 Şubat 2012 Cuma

Elite Minima: Ücretsiz Premium Blogger Teması

Custom Blogger Templates sitesinde Blogger temaları yapan Harish, yeni bir Premium Blogger teması yapmış.Bildiğiniz gibi internetten indirdiğimiz temalar Blogger Şablon Tasarımcısı ile uyumlu olmadığından dolayı bu temalarda değişiklik yapamıyoruz.İşte Elite Minima isimli bu temanın en güzel özelliği Blogger Şablon Tasarımcısı ile uyumlu olması.Bu sayede renkleri, yazı tiplerini, boyutlarını kolayca değiştirebilirsiniz.

 

Elite Minima

        Demo   Download

 

Temada Türkçeleşmesi gereken birkaç yer vardı.Onları Türkçeleştirip kendi Box hesabıma upload ettim.Temayı Türkçe olarak kullanabilirsiniz.

 

Yazı başlıklarında kullanılan font Ş karakterini desteklemiyor.İsterseniz Blogger Şablon Tasarımcısı’ndan fontu değiştirebilirsiniz.

 

Temanın bazı özellikleri şöyle:

  • Özelleştirilebilir, temiz, minimal arayüz.
  • CSS3 ile oluşturulmuş şık arama kutusu.
  • Resimli otomatik “devamını oku” eklentisi.
  • 3 sütunlu footer alanı.
  • Şeffaf hover efektli sosyal paylaşım butonları.
  • Benzer yazılar eklentisi.

Blogger’da nasıl tema değiştirileceğini bilmiyorsanız buraya bakabilir, paylaştığım diğer Blogger temalarını ise buradan görebilirsiniz.