Blogger Ve Wordpress Tema Arşivi

Bumerang network bloglara ilk desteğini trafik sağlayarak vermeye başlamıştı. Ardından belkide Türkiye’nin en kazançlı ve en güvenilir kazanç sistemi olan bumads ile bloglara maddi destek vermeye başladı.

Zaman zaman düzenlediği özel etkinliklerle blog yazarlarını bir araya getiren ve onların gsosyalleşerek güzel vakit geçirmesini sağlayan Bumerang’ın etkinliklerinden biri de, ilkini geçen sene gerçekleştirdiği blog ödülleri.

Bumerang ödülleri 2012 etkinliği için de başvurular başladı.6 farklı kategoride en iyi blogların seçileceği yarışmada blogcular birbirinden güzel hediyelerin yanısıra Mirkelam ve İskender Paydaş konserleriyle de eğlenceli bir gün geçireceğe benziyor.

Blooglar Hangi Kategorilerde Yarışacak?

Blogların yarışacağı kategoriler şunlar:

En Tarz Blog: Sitede kullanılan görsellerin içerikle uyumlu bir biçimde bütünleştiği, tema tasarımıyla ve uyumlu renk kullanımlarıyla dikkat çeken, ziyaretçilerine kolay ve rahat bir okuma olanağı sunan, özgün, yaratıcı tasarıma sahip, site menüsünde anlaşılır ve kolay kullanım sağlayan siteleri kapsar.

En Çalışkan Blog: Hedef kitlesine uygun içerik zenginliği ve geniş arşivi ile dikkat çeken, blog içeriklerini düzenli aralıklarla güncelleyen, okuyucularına benzersiz araştırmalar sunan, yazılarını video ve görsellerle zenginleştiren, özgün ve farklı anlatıma sahip bilgileri içeren siteleri kapsar.

En Sosyal Blog: Okuyucularına kendi alanında özgün içerikler sunan, sosyal medyayı yakından takip ederek aktif kullanan, tüm platformlarda okuyucularıyla etkileşim halinde olan, okuyucu yorumlarına önem veren, sitesini faydalı widgetlarla zenginleştiren siteler bu kategoride değerlendirilecektir.

En Bilge Forum: Belirli bir konu üzerine yoğunlaşmış, belirlenen konu üzerinde güncel paylaşımları bulunan, oturmuş bir içerik paylaşımcı kitlesine sahip, konu ile ilgili farklı bilgi ve paylaşımları içeren, içeriklerini doğru kategorilendiren, tasarım olarak kullanışlı forumları içerir.

En İyi Yerel Site: Güncel il ve ilçe haberlerinin bulunduğu, ekonomi, etkinlik, kültür& sanat ve siyasi içeriklere yer verip tasarım açısından da özenli olan siteler bu kategoriden başvurabilirler.

En Uyumlu Site: Arama motorlarıyla uyumlu, tüm browserlarda (tarayıcı) sorunsuz çalışan, içeriklerine mobil cihazlardan da kolayca erişilebilen, site yüklenme hızına önem veren siteleri içerir.

Yarışmaya Nasıl Katılabilirim?

1. Bumerang ödüllerin 4 aşaması var.Bunlarda ilki katılım aşaması.Yarışmaya katılmak için yarışma başvuru sayfasına giderek formu esksiksiz ve doğru bir şekilde doldurmanız yeterli.

2. İkinci aşama ise onay aşaması.Başvurunuzu değerlendiren editörler şartları sağladığınıza kanaat getirdikleri taktirde başvurunuzu onaylayacaklar.

3. Üçüncü aşama halk oylaması aşaması.Katılımınız onaylandığında size bir link ve şablon kodu verilecek.Bu link ve şablon yardımıyla ziyaretçileriniz veya takipçileriniz blogunuza oy verebilecekler.Halk oylamasında maniplasyonların önüne geçmek için cep telefonu onayı gerektiğini de hatırlatayım.

4. Son aşama ise jüri değerlendirmesi aşaması.Halk oylaması sonucunda, her kategoride en çok oyu alan 10 blog jüri değerlendirmesine sunulacak ve hürinin belirlediği 3 bloga ödül verilecek.

Kategori Birincilerine Verilecek Ödüller

Kategori birincilerine verilecek ödüller arasında göze en çarpanı The New iPad olsa gerek.Bunun dışında sponsorlar tarafından sürpriz hediyelerin verileceği ve geniş kapsamlı basın duyuruşarının yapılacacğı da belirtilmiş.

Ben katılmayı düşünmüyorum.Katılacak arkadaşlara başarılar dilerim.Umarım adil bir değerlendirme olur ve hakedenler kazanır.

BOL ŞANS!

Kaynak: http://bumerang.hurriyet.com.tr/bumerang-blog-odulleri.htm

<style type="text/css">
.form-wrapper {
width: 250px;
padding: 8px;
margin: 10px auto;
overflow: hidden;
border-width: 1px;
border-style: solid;
border-color: #dedede #bababa #aaa #bababa;
-moz-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
-webkit-box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
box-shadow: 0 3px 3px rgba(255,255,255,.1), 0 3px 0 #bbb, 0 4px 0 #aaa, 0 5px 5px #444;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
border-radius: 10px;
background-color: #f6f6f6;
background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f6f6), to(#eae8e8));
background-image: -webkit-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -moz-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -ms-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: -o-linear-gradient(top, #f6f6f6, #eae8e8);
background-image: linear-gradient(top, #f6f6f6, #eae8e8);
}
.form-wrapper #search {
width: 160px;
height: 20px;
padding: 10px 5px;
float: left;
font: bold 16px 'lucida sans', 'trebuchet MS', 'Tahoma';
border: 1px solid #ccc;
-moz-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
box-shadow: 0 1px 1px #ddd inset, 0 1px 0 #fff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.form-wrapper #search:focus {
outline: 0;
border-color: #aaa;
-moz-box-shadow: 0 1px 1px #bbb inset;
-webkit-box-shadow: 0 1px 1px #bbb inset;
box-shadow: 0 1px 1px #bbb inset;
}
.form-wrapper #search::-webkit-input-placeholder {
color: #999;
font-weight: normal;
}
.form-wrapper #search:-moz-placeholder {
color: #999;
font-weight: normal;
}
.form-wrapper #search:-ms-input-placeholder {
color: #999;
font-weight: normal;
}
.thumb{position:relative;left:4px;top:1px; border:8px solid transparent;-webkit-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-moz-box-shadow:0 0 8px rgba(0, 0, 0, 0.3);box-shadow:0 0 8px rgba(0, 0, 0, 0.3);-webkit-background-clip:padding-box;-moz-background-clip:padding-box;background-clip:padding-box;}
.form-wrapper #submit {
float: right;
border: 1px solid #00748f;
height: 42px;
width: 70px;
padding: 0;
cursor: pointer;
font: bold 15px Arial, Helvetica;
color: #fafafa;
text-transform: uppercase;
background-color: #0483a0;
background-image: -webkit-gradient(linear, left top, left bottom, from(#31b2c3), to(#0483a0));
background-image: -webkit-linear-gradient(top, #31b2c3, #0483a0);
background-image: -moz-linear-gradient(top, #31b2c3, #0483a0);
background-image: -ms-linear-gradient(top, #31b2c3, #0483a0);
background-image: -o-linear-gradient(top, #31b2c3, #0483a0);
background-image: linear-gradient(top, #31b2c3, #0483a0);
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
text-shadow: 0 1px 0 rgba(0, 0 ,0, .3);
-moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
-webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.3) inset, 0 1px 0 #fff;
}
.form-wrapper #submit:hover,
.form-wrapper #submit:focus {
background-color: #31b2c3;
background-image: -webkit-gradient(linear, left top, left bottom, from(#0483a0), to(#31b2c3));
background-image: -webkit-linear-gradient(top, #0483a0, #31b2c3);
background-image: -moz-linear-gradient(top, #0483a0, #31b2c3);
background-image: -ms-linear-gradient(top, #0483a0, #31b2c3);
background-image: -o-linear-gradient(top, #0483a0, #31b2c3);
background-image: linear-gradient(top, #0483a0, #31b2c3);
}
.form-wrapper #submit:active {
outline: 0;
-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
box-shadow: 0 1px 4px rgba(0, 0, 0, 0.5) inset;
}
.form-wrapper #submit::-moz-focus-inner {
border: 0;
}
</style>
<form class="form-wrapper" action="/search" method="get">
    <input id="search" name="q" type="text" placeholder="ARA.." />
    <input id="submit" type="submit" value="ARA.." />
</form>

Dikkat ettiyseniz bir blogda sadece farklı özelliklere sahip ve orijinal temalar paylaşıyorum.Beğendiğim diğer tüm temaları ise Facebook, Google+ ve Twitter hesaplarımda paylaşıyorum.

DEMO & DOWNLOAD

Smoother temasının da kendine has, harika özellikleri olduğu için blogda paylaşmaya karar verdim.İşte temanın göze çarpan bazı özellikleri:

• Temanın sağ tarafında şık bir sidebar var.Sol tarafta ise sayfayla birlikte kayan ve sadece paylaşım butonlarından oluşan bir bar var.
• Blog başlığında kullanılan font hover efekti sayesinde logosu olmayanların ayrıca logoya ihtiyacı yok.
• Yazı başlıklarında gölgelendirme kullanılmış ve üzerine gelindiğinde yumuşak bir renk geçişi var.
• Numaralı sayfa navidasyonu, otomatik devamını oku gibi bazı eklentiler hazır.
• Tüm  ekran çözünürlüklerinde sorunsuz çalışıyor.
• Blogger şablon düzenleyiciyle uyumlu olduğu için bazı değişiklikleri kolayca yapabilirsiniz.

]]></b:skin>

.a-btn{
    background:#80a9da;
    background:-webkit-gradient(linear,left top,left bottom,color-stop(#80a9da,0),color-stop(#6f97c5,1));
    background:-webkit-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-moz-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:-o-linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    background:linear-gradient(top, #80a9da 0%, #6f97c5 100%);
    filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#80a9da', endColorstr='#6f97c5',GradientType=0 );
    padding-left:20px;
    padding-right:80px;
    height:38px;
    display:inline-block;
    position:relative;
    border:1px solid #5d81ab;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2), 0px 0px 0px 4px rgba(188,188,188,0.5);
    -webkit-border-radius:20px;
    -moz-border-radius:20px;
    border-radius:20px;
    float:left;
    clear:both;
    margin:10px 0px;
    overflow:hidden;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn-text{
    padding-top:8px;
    display:block;
    font-size:18px;
    white-space:nowrap;
    text-shadow:0px 1px 1px rgba(255,255,255,0.3);
    color:#446388;
    -webkit-transition:all 0.2s linear;
    -moz-transition:all 0.2s linear;
    -o-transition:all 0.2s linear;
    transition:all 0.2s linear;
}
.a-btn-slide-text{
    position:absolute;
    height:100%;
    top:0px;
    right:52px;
    width:0px;
    background:#63707e;
    text-shadow:0px -1px 1px #363f49;
    color:#fff;
    font-size:18px;
    white-space:nowrap;
    text-transform:uppercase;
    text-align:left;
    text-indent:10px;
    overflow:hidden;
    line-height:38px;
    -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset;
    -webkit-transition:width 0.3s linear;
    -moz-transition:width 0.3s linear;
    -o-transition:width 0.3s linear;
    transition:width 0.3s linear;
}
.a-btn-icon-right{
    position:absolute;
    right:0px;
    top:0px;
    height:100%;
    width:52px;
    border-left:1px solid #5d81ab;
    -webkit-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    -moz-box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
    box-shadow:1px 0px 1px rgba(255,255,255,0.4) inset;
}
.a-btn-icon-right span{
    width:38px;
    height:38px;
    opacity:0.7;
    position:absolute;
    left:50%;
    top:50%;
    margin:-20px 0px 0px -20px;
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgh-1Q-daN73x4U_cxRro7xYAnWDglB4tFT07D1F_WpsluyEkofqlfcDW_uOH16cxk7btBVn2N8jNCOK_OYdE7ijLD2Wy6Skd1OMr9_kkB8AsaxYU3s5qYqU7ZBv24pXnmxjBJCYLhhjjE/s1600/arrow_right.png) no-repeat 50% 55%;
    -webkit-transition:all 0.3s linear;
    -moz-transition:all 0.3s linear;
    -o-transition:all 0.3s linear;
    transition:all 0.3s linear;
}
.a-btn:hover{
    padding-right:180px;
    -webkit-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    -moz-box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
    box-shadow:0px 1px 1px rgba(255,255,255,0.8) inset, 1px 1px 3px rgba(0,0,0,0.2);
}
.a-btn:hover .a-btn-text{
    text-shadow:0px 1px 1px #5d81ab;
    color:#fff;
}
.a-btn:hover .a-btn-slide-text{
    width:100px;
}
.a-btn:hover .a-btn-icon-right span{
    opacity:1;
}
.a-btn:active{
    position:relative;
    top:1px;
    background:#5d81ab;
    -webkit-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    -moz-box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    box-shadow:1px 1px 2px rgba(0,0,0,0.4) inset;
    border-color:#80a9da;
}

<div class="button-wrapper">
<a class="a-btn" href="http://eklentileri.blogspot.com/">
      <span class="a-btn-text">Blogger</span>
      <span class="a-btn-slide-text">TIKLA</span>
      <span class="a-btn-icon-right"></span>
      </a>
</div>

Blogcular dünyanın en büyük sosyal ağı olan Facebook’ta blogları için hayran sayfaları oluşturarak oradaki hedef kitleleriyle etkileşime geçiyor ve bloglarının promosyonunu yapıyorlar.Peki sayfalarının beğenerek onları takip etmeye başlayan hayranlarının kaçına ulaşabiliyorlar?

Facebook sayfanızda paylaştığınız bir gönderinin, sayfanızı beğenen herkese ulaştığını sanıyorsanız yanılıyorsunuz.Paylaştığınız gönderiler hayranlarınızın sadece belli bir kısmına ulaşır ve bunu Facebook’un “EdgeRank” isimli algoritması belirler.

EdgeRank Nedir?

EdgeRank, yularıda da bahsettiğim gibi hangi gönderinizin hangi takipçide gösterileceğini belirleyen algoritmanın adıdır ve şu 3 faktöre bağlıdır:

• Yakınlık: Gönderilerinizin, daha önceki gönderilerinize yorum yazarak,  beğenerek, paylaşarak sizinle etkileşimde bulunan kişilerde gözükme oranı çok daha fazladır.
• Ağırlık: Sayfanızı beğenen bir kişi, daha önce fotoğraf türündeki gönderilere daha fazla ilgi gösterdiyse, bundan sonraki fotoğraf türündeki paylaşımlarınızın, o kişide gözükme oranı fazladır.
• Zaman: Gönderinizin ne kadar yeni olduğu ve sayfanızı beğenen kişinin Facebook hesabına ne sıklıkla girdiği, gönderinin o kişide gözüküp gözükmeyeceğinde rol oynar.

EdgeRank Neden Önemlidir?

Ben gönderimi Facebook sayfamda paylaşırım, insanlar sayfamı ziyaret edip linkime tıklar ve gönderimi beğenir diye bekliyorsanız çok büyük bir hata yapıyorsunuz demektir.Çünkü Facebook sayfasında paylaşılan bir öğeyi beğenen veya yorum yazanların %96’sı bu gönderiyi kendi zaman tünellerinde gördüklerinde etkileşime geçiyorlar.

Facebook’a giren bir kullanıcı, zamanının %27’sini zaman tünelindeki gönderilere bakmakla geçiriyor.Ve Alexa verilerine göre Facebook, Google’ı da geride bırakarak Türkiye’nin en çok ziyaret edilen sitesi olmuş durumda.

İşte tüm bu nedenlerden dolayı her blogcu Facebook’ta ve insanların zaman tünelinde olmak zorunda.

EdgeRank Nasıl Geliştirilir?

Daha fazla kişinin zaman tünelinde gözükerek, Facebook’tan daha fazla trafik sağlamak istiyorsanız EdgeRank’inizi geliştirmelisiniz.Bunun için yapablecekleriniz şunlar:

• Kısa Yazın: Sosyal medya ajanslarının araştırmalarına göre 100-250 karakter arasında yazılan mesajlar %60 daha fazla yorum, beğeni ve paylaşım alıyor.
• Görselliğe Önem Verin: Paylaşımlarınızda fotoraf ve video içerikleri kullanmaya dikkat edin.Fotoğraf ve video içeren gönderilre %100 daha fazla etkileşim getiriyor.
• Katılıma Çağırın: Hayranlarınızdan yorum yazmalarını ve beğenmelerini rica edin.Zaman zaman küçük yarışma ve oyunlar düzenleyerek katılımı arttırın.
• Sık Paylaşın: Facebook sayfanızda paylaşım yapma sıklığınız ne kadar artarsa hayranların zaman tünelinde gözükme şansınız da o kadar artar.Unutmayın insanların %96’sı zaman tüneline düşen gönderiler sayesinde sizinle etkileşime geçiyor.
• Zamanlamayı İyi Yapın: Her asyfanın takipçi kitlesi birbirinden farklıdır.Benim sayfamı takip edenler sabahları online olurken, sizin takipçileriniz gece yarısı online olabilir.Çeşitli denemeler yaparak en çok hangi zaman aralığında yaptığınız paylsşımlara reaksiyon aldığınızı tespit edin paylsşımlarınız saatlerde yapmaya çalışın.
• İlgili İçerik Paylaşın: Blogunuzun ismiyle açtığınız Facebook sayfasında sadece blogunuza ait içerik ve linkleri paylaşmak doğru değildir.Sayfanızı beğenenlerin ilgisini çekecek konularda haberler, fotoğraflar, videolar ve linkler paylaşın.

Bugüne kadar paylaştığım Blogger temaları arasında benm en iyisi olduğunu düşündüğüm bir temayı tanıtcağım size.Görünüm olarak sade ve çok dikkat çekici değil ama özelliklerini görünce bana hak vereceksiniz.

DEMO & DOWNLOAD

• Sayfa Görünümü: Blogu açtığınızda yazılar liste şeklinde alt alta gözüküyor.Ancak barın hemen başındaki grid view ikonuna basarak galeri görünümüne geçebiliyorsunuz.İstediğiniz an list view ikonuna basarak liste görünümüne dönüş yapabiliyorsunuz.Oldukça hızlı ve pratik.
• Açılır Menü: Temanın en orijinal özelliklerinden biri de barın devamındaki açılır menü.Menüdeki her bir öğenin başında bir ikon var ve bu öğelerin içine gadgetlar entegre edilmiş.Menüdeki son yazılar, son yorumlar ve kategoriler öğelerinin üzerine geldiğinizde açılan panelde o gadgetları göreceksiniz.
• Sosyal Butonlar: Barın devamındaki sosyal butonlar CSS sprite iözelliği kullanarak oluşturulmuş ve üzerine geldiğinizde rkendi rengine dönüşüyor.
• Arama Kutusu: Barın sonundaki arama kutusu ilk bakışta size klasik, her sitede gördüğünüz bir arama kutusu gibi gelebilir ama işin aslı öyle değil.Bir arama yaptığınızda küçük bir pencere açılarak sonuçlar orada gösteriliyor.Ana sayfaız açık kalıyor.
• Yorum Bölümü: Temanın bir diğer güzelliği de yorum bölümü.Özellikle bir kişinin yorumunu yanıtladığınızda aynı çerçeve alındığı için o kişiye verdiğiniz cevap net belli oluyor.

Bunların dışında resimli otomatik devamını oku, Cufon gibi diğer temalarda bulabileceğiniz özellikler de var ama onlardan bahsetmeyeceğim.

]]></b:skin>

/*-----Etiketleriniz hareketlensin eklentileri.blogspot.com----*/
.label-size{ 
margin:0 2px 6px 0; 
padding: 3px; 
text-transform: uppercase; 
border: solid 1px #C6C6C6; 
border-radius: 3px; 
float:left; 
text-decoration:none; 
font-size:10px; 
color:#666; 
}

.label-size:hover { 
border:1px solid #6BB5FF; 
text-decoration: none;
-moz-transition: all 0.5s ease-out;  
-o-transition: all 0.5s ease-out;  
-webkit-transition: all 0.5s ease-out;  
-ms-transition: all 0.5s ease-out;  
transition: all 0.5s ease-out; 
-moz-transform: rotate(7deg);  
-o-transform: rotate(7deg);  
-webkit-transform: rotate(7deg);  
-ms-transform: rotate(7deg);  
transform: rotate(7deg);  
filter: progid:DXImageTransform.Microsoft.Matrix( 
                    M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); 
zoom: 1;  
}

.label-size a  { 
text-transform: uppercase; 
float:left; 
text-decoration: none; 
}
.label-size a:hover  { 
text-decoration: none; 
}

Yeni bir blog oluşturduktan sonra tanınması, ziyaretçi ve yorumların gelmeye başlaması biraz zaman alabilir.Bu süre blogdan bloga değişebilir ama türü ne olursa olsun her blog bu süreci yaşar.

Blogcu olarak sizin yapmanız gereken şey kimse gelmiyor, kimse yorum yazmıyor diye blog yazmaktan vazgeçmek değildir.Zira blog yazmaya yeni başlayanların büyük çoğunluğu bu hatayı yapmaktadır.

Yapmanız gereken şey, bu sürecin doğal bir süreç olduğunu bilmek ve blogunuzun gelişme sürecini hızlandırmak için çalışmaktır.Bu süreci hızlandırmak için neler yapabilirim diye soracak olursanız, işte birkaç ipucu…

Sık Yazın

Bloglar için güncellik çok önemli.Özellikle blogunuz yeniyse bol bol içerik üretmelisiniz.Bir blogcu için hergün yeni yazı fikirleri bulmak ve onları yazıya dökmek çok zordur, kabul ediyorum ama blogunuzun gelişim sürecini hızlandırmak için biraz fedakarlık yapmalısınız.

Sık güncellenen blogların takipçi ayısı artacağı gibi Google’da daha fazla içeriği olacağı için organik trafik kazanma şansı da artar.

Diğer Blogcularla Network Kurun

Diğer blog yazarlarıyla iletişim kurmaktan, soru sormaktan, yardım istemekten, sohbet etmekten çekinmeyin.Bu size hiç birşey kaybettirmez.Aksine birbirinize destek olarak blogunuzun gelişme sürecini hızlandırabilirsiniz.

Bu kadar fazla sayıda blogun ve blogcunun olduğu bir ortamda tek başınıza hareket etmek gerçekten çok zordur.Onlara link verin, yazılarına yorum yazın, blog dünyasında aktif olun.

Sosyal Medyayı Kullanın

Amacınız yazılarınızı daha fazla insana ulaştırmak değil mi? O halde sosyal medya sizin için kaçırmamanız gereken bir fırsat.Mümkün olan her sosyal platformda bir hesap oluşturarak hedef kitlenize ulaşın.Onlarla iletişim kurun, blogunuzdan ve yazılarınızdan bahsedin.

Konuk Yazar Olun

Konuk yazarlık hem diğer blogcularla iletişim kurmak, hem de blogunuza trafik sağlamak çin kullanabileceğiniz en iyi yöntem.Hedef kitlenizin takip ettiği blogları tespit ederek onlara konuk yazar olun.

Eğer başka bir blog için içerik üretme fikri size saçma geliyorsa konuk yzarlığın faydalarını henüz anlayamamışsınız demektir.O halde sizi konuk yazarlığın faydalarını somut bir şekilde gösterdiğim yazımı okumaya davet ediyorum.

Blogunuzu geliştirmek ve belli bir düzeye getirmek için çok çalışmaya ve zamana ihtiyacınız olduğu kesin.Ancak yazdığım bu öneriler, blogunuzun gelişme sürecini hızlandıracaktır.Bundan emin olabilirsiniz.

Bu yazıda, daha önce anlattığım basit yatay menüden daha kopmleks bir menüyü blogunuza nasıl ekleyeceğinizi anlatacağım.

Bu menüyü özel yapan özelliklerden bahsetmek gerekirse; basit menü öğelerinin yanı sıra tek sütunlu ve 2 sütunlu açılır öğeler ekleyebiliyorsunuz.

Güzel tarafı ise tüm bunları Jquery veya Java Script’e ihtiyaç duymadan sadece CSS ile yapabilmemiz.Daha iyi anlamak için oluşturduğum videoyu izleyebilirsiniz.

Şimdi gelelim bu menüyü blogunuza nasıl ekleyeceğinize.Öncelikle Blogger kumanda panelinize giriş yaptıktan sonra Şablon > HTML’yi Düzenle > Devam Et  yolunu izleyerek Ctrl+F tuş kombinasyonunu kullanarak <head> kodunu bulun.Bu kodun hemen altına aşağıdaki kodu ekleyin.

<link href='https://dl.dropbox.com/u/60346665/menu-stilleri.css' media='screen' rel='stylesheet' type='text/css'/>

Sırada HML kodlarını eklemek var.Eklemeniz gereken HTML kodları şunlar:

<ul class='menu'>
<li class='no_drop'><a href='http://bloghocam.blogsot.com'>Ana Sayfa</a></li>
<li class='no_drop'><a href='http://bloghocam.blogspot.com/p/hakkmda.html'>Hakkımda</a></li>
<li class='no_drop'><a href='http://bloghocam.blogspot.com/p/iletisim.html'>İletişim</a></li>
<li class='no_drop'><a href='http://bloghocam.blogspot.com/p/arsiv.html'>Arşiv</a></li>
<li class='no_drop'><a href='http://bloghocam.blogspot.com/p/takip-et.html'>Takip Et</a></li>
<li class='no_drop'><a href='http://bloghocam.blogspot.com/p/destek-ol.html'>Destek Ol</a></li>
<li><a class='drop' href='#'>Kategoriler</a>
<div class='dropdown_1column'>
<div class='col_1'>
<ul>
<li><a href='http://bloghocam.blogspot.com/search/label/Blog%20Ara%C3%A7lar%C4%B1'>Blog Araçları</a></li>
<li><a href='http://bloghocam.blogspot.com/search/label/Blog%20Hocam'>Blog Hocam</a></li>
<li><a href='http://bloghocam.blogspot.com/search/label/Blog%20Makaleleri'>Blog Makaleleri</a></li>
<li><a href='http://bloghocam.blogspot.com/search/label/Blog%20Temelleri'>Blog Temelleri</a></li>
<li><a href='http://bloghocam.blogspot.com/search/label/Blog%20%C4%B0pu%C3%A7lar%C4%B1'>Blog İpuçları</a></li>
<li><a href='http://bloghocam.blogspot.com/search/label/Blogger%20Eklentileri'>Blogger Eklentileri</a></li>
<li><a href='http://bloghocam.blogspot.com/search/label/Blogger%20%C4%B0pu%C3%A7lar%C4%B1'>Blogger İpuçları</a></li>
<li><a href='http://bloghocam.blogspot.com/search/label/Blogger%20%C5%9Eablonlar%C4%B1'>Blogger Şablonları</a></li>
<li><a href='http://bloghocam.blogspot.com/search/label/Misafir%20Yaz%C4%B1lar'>Miasfir Yazılar</a></li>
<li><a href='http://bloghocam.blogspot.com/search/label/SEO'>SEO</a></li>
<li><a href='http://bloghocam.blogspot.com/search/label/Sosyal%20Medya'>Sosyal Medya</a></li>
</ul>
</div></div></li>

<li><a class='drop' href='#'>Araçlar</a>
<div class='dropdown_2columns'>

<div class='col_1'>
<h3>Google Araçları</h3>
<ul>
<li><a href='http://www.google.com/reader'>Google Reader</a></li>
<li><a href='http://www.google.com/analytics/'>Google Analytics</a></li>
<li><a href='http://www.google.com/intl/tr/webmasters/'>Google Webmasters</a></li>
</ul>
</div>

<div class='col_1'>
<h3>Çeşitli</h3>
<ul>
<li><a href='http://bloghocamsementit.blogspot.com/'>Sementit</a></li>
<li><a href='http://bloghocam.blogspot.com/2011/12/mini-e-kitabm-okuyun-misafir-blogculuk.html'>Misafir Blogculuk</a></li>
<li><a href='http://bloghocam.blogspot.com/2012/08/size-kazancl-bir-teklifim-var.html'>İkili Kazanç </a></li>
</ul>
</div>

<div class='col_1'>
<h3>Sosyal Medya</h3>
<ul>
<li><a href='http://www.facebook.com/bloghocam'>Facebook</a></li>
<li><a href='https://twitter.com/BlogHocam'>Twitter</a></li>
<li><a href='https://plus.google.com/108761595756468128383'>Google+</a></li>
</ul>
</div>

<div class='col_1'>
<h3>Linkler</h3>
<ul>
<li><a href='http://ush.re/8za7'>Hürlist</a></li>
<li><a href='http://ush.re/7uz2'>Yazar Kafe</a></li>
<li><a href='http://ush.re/wzcr'>Hürriyet</a></li>
</ul>
</div></div></li></ul>

Asıl önemli nokta bu HTML kodlarını nereye ekleyeceğiniz.Blogger’ın  kendi temalarından birini kullananlarla özel bir tema kullananlar için faralı iki seçenek mevcut.

1. Blogger’ın kendi temalarından birini kullanıyorsaız HTML kodlarını  <div class='tabs-outer'> kodnun hemen üstüne ekleyin.

2. Özel bir Blogger teması kullanıyorsanız HTML kodlarını <div id='content-wrapper'>  kodunun hemen altına ekleyin.

Menüyü nasıl düzenleyeceğinizle ilgili detaya girmiyorum.Kodlardaki isimleri ve linkleri kendi linklerinizle değiştirin yeter.Takıldığınız yerleri yorum bölümünden sorabilirsiniz.

]]></b:skin>

/*Renkli Populer Yayınlar Eklentisi Baslangıcı http://eklentileri.blogspot.com*/
#PopularPosts1 ul li a:hover{color:#fff;text-decoration:none}
#PopularPosts1 ul li a {-webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; color: #333333; display: block; font-family: Georgia, 'Times New Roman', Times, serif; font-size: 11px; font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: 18px; margin: 0px 40px 0px 0px; min-height: 30px; orphans: 2; padding: 0px; text-align: -webkit-auto; text-decoration: none !important; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px;}
#PopularPosts1 ul li .item-thumbnail{float:left;border:0;margin-right:30px;background:transparent;padding:0;width:51px;height:51px}
#PopularPosts1 ul li:first-child:after,
#PopularPosts1 ul li:first-child + li:after,
#PopularPosts1 ul li:first-child + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after,
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{position:absolute;top:10px;right:5px;border-radius:50%;border:2px solid #ccc;background:#353535;-webkit-box-shadow:0px 0px 5px #000;-moz-box-shadow: 0px 0px 5px #000;width:30px;height:30px;line-height:1em;text-align:center;font-size:28px;color:#fff}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li {background:#DF01D7;width:89%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li:after{content:"8"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li{background:#B041FF;width:89%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li:after{content:"9"}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li +li +li{background:#F52887;width:89%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li + li + li + li:after{content:"10"}
#PopularPosts1 ul li:first-child + li + li + li + li +li{background:#7ee3c7;width:89%}
#PopularPosts1 ul li:first-child + li + li + li + li + li:after{content:"6"}
#PopularPosts1 ul li:first-child + li + li + li + li + li +li{background:#f6993d;width:89%}
#PopularPosts1 ul li:first-child + li + li + li + li + li + li:after{content:"7"}
#PopularPosts1 ul li:first-child + li + li + li + li{background:#33c9f7;width:89%}
#PopularPosts1 ul li:first-child + li + li + li + li:after{content:"5"}
#PopularPosts1 ul li:first-child + li + li + li{background:#c7f25f;width:89%}
#PopularPosts1 ul li:first-child + li + li + li:after{content:"4"}
#PopularPosts1 ul li:first-child + li + li{background:#ffde4c;width:89%}
#PopularPosts1 ul li:first-child + li + li:after{content:"3"}
#PopularPosts1 ul li:first-child + li{background:#ff764c; width:89%}
#PopularPosts1 ul li:first-child + li:after{content:"2"}
#PopularPosts1 ul li:first-child{background:#ff4c54 ;width:89%}
#PopularPosts1 ul li:first-child:after{content:"1"}
#PopularPosts1 ul{margin:0;padding:0px 0;list-style-type:none}
#PopularPosts1 ul li{position:relative;margin:6px 0;border-radius:25px 0px 25px 0px;border:2px solid #f7f7f7;-webkit-box-shadow:3px 3px 3px #000;-moz-box-shadow: 3px 3px 3px #000;padding:10px}
/*Renkli Populer Yayınlar Eklentisi Sonu http://eklentileri.blogspot.com*/

Sosyal medya hesaplarınızdaki takipçi sayınızı arttırmak istiyorsanız, ziyaretçilerinizin dikkatini çeken sosyal widgetlar kullanmanız gerekir.Ancak dikkat çekici ve görsel açıdan zengin widgetlar genellikle script kullanarak yapıldığından blog hızını olumsuz yönde etkiliyor.

Bu yazıda paylaşacağım sosyal takip eklentisi, Jquery ve Java Script kullanılmamasına rağmen görsellik katan hover efekti ile ziyaretçilerin ilgisini çekecek bir widget.



Eklentiyi blogunuza ekemek için Blogger kumanda paneline giriş yaptıktan sonra Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleyerek aşağıdaki kodları yapıştırın.

<style>
#tbisose{list-style:none; text-decoration:none; font-size:0.9em; font-family:trebuchet ms,sans-serif;}
#tbisose a{text-decoration:none; font-family:trebuchet ms,sans-serif;}
#tbisose li{position:relative; height:38px; cursor:pointer; padding: 0 !important;}
#tbisose .facebook, .googleplus, .pinterest, .rss, .twitter{position:relative; z-index:5; display:block; float:none; margin:10px 0 0; width:210px; height:38px; border-radius:5px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUX0_f39Ant5KGqsqAqviUS49r4sCpjVQJsKiYNnz8rQWb_HrCjrYkd68Fq97LIElep_PGcBF8dKiJMhskJbQDiZi3AInhVHRDgh68GcRfcyxXUTv1N32SpC3KPnMhOlEyyfOkDrNncZ8/s800/sprites.png) no-repeat;  background-color:rgba(217,30,118,.42); -webkit-box-shadow:rgba(0,0,0,.28) 0 2px 3px; -moz-box-shadow:rgba(0,0,0,.28) 0 2px 3px;  box-shadow:rgba(0,0,0,.28) 0 2px 3px; color:#141414; text-align:left; text-indent:50px; text-shadow:#333 0 1px 0; white-space:nowrap;  line-height:32px; -webkit-transition:width .25s ease-in-out,background-color .25s ease-in-out; -moz-transition:width .25s ease-in-out,background-color .25s ease-in-out; -ms-transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-transition:width .25s ease-in-out,background-color .25s ease-in-out; transition:width .25s ease-in-out,background-color .25s ease-in-out; -o-box-shadow:rgba(0,0,0,.28) 0 2px 3px;}
#tbisose li:after{position:absolute; top:0; left:50px; z-index:2; display:block; height:38px; color:#141414; content:attr(data-alt);  line-height:32px;}
#tbisose .icon{overflow:hidden; color:#fafafa;}
#tbisose .facebook{width:32px; height:32px; background-color:rgba(59,89,152,0.42); background-position:0 0;}
#tbisose .twitter{width:32px; height:32px; background-color:rgba(64,153,255,0.42); background-position:0 -33px;}
#tbisose .googleplus{width:32px; height:32px; background-color:rgba(228,69,36,0.42); background-position:-3px -66px;}
#tbisose .pinterest{width:32px; height:32px; background-color:rgba(174,45,39,0.42); background-position:0 -95px;}
#tbisose .rss{ width:32px;  height:32px;  background-color:rgba(255,102,0,0.42); background-position:-3px -126px;}
#tbisose li:hover .icon,
.touch #tbisose li .icon{width:210px;}
.touch #tbisose li .facebook, #tbisose li:hover .facebook{background-color:rgba(59,89,152,1);}
.touch #tbisose li .twitter, #tbisose li:hover .twitter{background-color:rgba(64,153,255,1);}
.touch #tbisose li .googleplus, #tbisose li:hover .googleplus{background-color:rgba(228,69,36,1);}
.touch #tbisose li .pinterest, #tbisose li:hover .pinterest{background-color:rgba(174,45,39,1);}
.touch #tbisose li .rss, #tbisose li:hover .rss{background-color:rgba(255,102,0,1);}
</style>

<ul id="tbisose">
<li data-alt="Fcebook'ta takip et"><a class="icon facebook" href="http://facebook.com/bloghocam">Facebook'ta Takip Et</a></li>
<li data-alt="Twitter'da takip et"><a class="icon twitter" href="http://twitter.com/bloghocam">Twitter'da Takip Et</a></li>
<li data-alt="Google+'da takip et"><a class="icon googleplus" href="http://plus.google.com/108761595756468128383">Google+'da Takip Et</a></li>
<li data-alt="Pinterest'te takip et"><a class="icon pinterest" href="http://pnterest.com/kullanici-adi">Pinterest'te Takip Et</a></li>
<li data-alt="RSS İle Takip Et"><a class="icon rss" href="http://feeds.feedburner.com/bloghocam">RSS İle Takip Et</a></li>
</ul>

Kodların son bölümündeki sosyal medya hesaplarıma ait adresleri kendi hesabınıza ait adreslerle değiştirin.Bunun dışında bir değişiklik yapmanıza gerek yok.

Daha önce blogunuzda daha önce yayınladığınız yazılardan belirlediğiniz kadarını, kenar çubuğunda rastgele gösteren bir eklenti paylaşmıştım.O eklentiyi incelerseniz, çok sade olduğunu ve sadece rastgele yazı başlıklarını gösterdiğini göreceksiniz.Paylaştığım bu eklenti de ise blogunuzda yazılardan belirlediğiniz sayıda yazı resimli olarak gözükeceğinden blogunuza işlevselliğin yanı sıra görsellik de katacaktır.

Eğre bazı yazılarımda resim kullanmıyorum diyorsanız, resim olmayan yazılarında varsayılan bir resim gözüküyor ve o yazıda resim olmadığını simgeliyor.



Resimli rastgele yazılar eklentisini blogunuza eklemek için ilk olarak Şablon > HTML’yi Düzenle > Devam Et  yolunu izleyerek ]]></b:skin> kodunu bulun ve hemen üstüne şu kodları ekleyin.

#random-posts img{float:left;margin-right:10px;border:1px solid #999;background:#FFF;width:70px;height:70px;padding:3px}

İkinci olarak, Blogger kumanda panelinize girdikten sonra Yerleşim > Gadget Ekle > HTML/JavaScript  yolunu izleyerek şu kodları ekleyin.

<ul id='random-posts'>
    <script type='text/javaScript'>
    var rdp_numposts=5;
    var rdp_snippet_length=150;
    var rdp_info='yes';
    var rdp_comment='Comentarios';
    var rdp_disable='Comments Disabled';
    var rdp_current=[];var rdp_total_posts=0;var rdp_current=new Array(rdp_numposts);function totalposts(json){rdp_total_posts=json.feed.openSearch$totalResults.$t}document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&max-results=0&callback=totalposts\"><\/script>');function getvalue(){for(var i=0;i<rdp_numposts;i++){var found=false;var rndValue=get_random();for(var j=0;j<rdp_current.length;j++){if(rdp_current[j]==rndValue){found=true;break}};if(found){i--}else{rdp_current[i]=rndValue}}};function get_random(){var ranNum=1+Math.round(Math.random()*(rdp_total_posts-1));return ranNum};
    </script>
    <script type='text/javaScript'>
    function random_posts(json){for(var i=0;i<rdp_numposts;i++){var entry=json.feed.entry[i];var rdp_posttitle=entry.title.$t;if('content'in entry){var rdp_get_snippet=entry.content.$t}else{if('summary'in entry){var rdp_get_snippet=entry.summary.$t}else{var rdp_get_snippet="";}};rdp_get_snippet=rdp_get_snippet.replace(/<[^>]*>/g,"");if(rdp_get_snippet.length<rdp_snippet_length){var rdp_snippet=rdp_get_snippet}else{rdp_get_snippet=rdp_get_snippet.substring(0,rdp_snippet_length);var space=rdp_get_snippet.lastIndexOf(" ");rdp_snippet=rdp_get_snippet.substring(0,space)+"&#133;";};for(var j=0;j<entry.link.length;j++){if('thr$total'in entry){var rdp_commentsNum=entry.thr$total.$t+' '+rdp_comment}else{rdp_commentsNum=rdp_disable};if(entry.link[j].rel=='alternate'){var rdp_posturl=entry.link[j].href;var rdp_postdate=entry.published.$t;if('media$thumbnail'in entry){var rdp_thumb=entry.media$thumbnail.url}else{rdp_thumb="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi262VIsgmNoPe1uM0s3SQhNbxtlwdf7YsjpUyVoaciu6WtvGOeVrxVsYTrddGEqtpa4kBN3jyL86ZWQNYHylPYCkRqzZ_pvi-EKNuiHXklWPPI9Coy-qfLY-Yh4d1Mo20TLlxzw2SF5v3J/s48/resim-yok.png"}}};document.write('<li>');document.write('<img alt="'+rdp_posttitle+'" src="'+rdp_thumb+'"/>');document.write('<div><a href="'+rdp_posturl+'" rel="nofollow" title="'+rdp_snippet+'">'+rdp_posttitle+'</a></div>');if(rdp_info=='yes'){document.write('<span>'+rdp_postdate.substring(8,10)+'/'+rdp_postdate.substring(5,7)+'/'+rdp_postdate.substring(0,4)+' - '+rdp_commentsNum)+'</span>'}document.write('<div style="clear:both"></div></li>')}};getvalue();for(var i=0;i<rdp_numposts;i++){document.write('<script type=\"text/javascript\" src=\"/feeds/posts/default?alt=json-in-script&start-index='+rdp_current[i]+'&max-results=1&callback=random_posts\"><\/script>')};
    </script>
    </ul>

• Kırmızı rekle gösterdiğim 5 yerine kaç yazı gözükmesini istiyorsanız onu yazın.