Blogger Ve Wordpress Tema Arşivi

Google her geçen gün kullanıcılarına daha kaliteli içerik sunabilmek için arama optimizasyonu ve kalite standartlarını değiştiriyor. Bunu yaparken kendilerine sordukları çok net bir soru var, bir sitenin/blogun kaliteli, güncel, ziyaretçilerine faydalı bilgiler sunan ve verdiği bilgilerin güvenilirliğine itimat edilebilir olduğunu nereden anlayabilirim? İşte bu soru cümlesinin cevabı blogunuz/siteniz için yapmanız gereken seo çalışmaları ile paralellik gösteriyor.

Google botları sanılanın aksine ezbere çalışan bir matematiksel fonksiyon değil aksine sürekli insan zekâsı ile yönlendirilen ve geliştirilen birer tarayıcıdırlar. Geçmişte Google sadece sitelerin durumu üzerinden kalite standartları belirlemeye çalışırken artık blogları/siteleri ziyaret eden kişilerin davranışlarını takip ederek bir değerlendirme yapmaya çalışıyor. Bu noktada arama motorlarının son sürprizi kullanıcı tabanlı algılama ve biz blog/site sahiplerinin verdiği karşılıkla kullanıcı tabanlı seo çalışmaları.

Kullanıcı tabanlı arama motoru değerlendirmesi kısaca bir siteyi ziyaret eden kullanıcının hareketlerini takip ederek site hakkında fikir sahibi olma çabasıdır. Siz bir siteyi/blogu ziyaret ettiğinizde yâda bir kullanıcı sizin sitenizi/blogunuzu ziyaret ettiğinde Google ziyaretçinin tüm hareketlerinizi dikkatle takip eder. Google is Watching You !

Peki, Google siteyi ziyaret eden kullanıcıları takip ederek ne gibi veriler topluyor ve ne gibi sonuçlara varıyor? Bu soruyu cevaplayabilmemiz için öncelikle hangi kriterleri dikkate aldığını anlamamız gerekir. Bunun en kolay yolu Google Analytics verilerini takip etmek. Google Analytics, verilerinde size bir takım istatistikler sunarak, sizlere bunlar önemli veriler dikkat edin ve kontrol altında tutun demektedir. Bu sebeple Google güncellemeleri sonrası Analytics tabanında yeni kriterler görebilirsiniz. Bu verilerin birçoğu Google tarafından izlenen ve kullanıcı tabanlı kalite kontrol testlerinde kullanılan verilerdir.

Google bu verileri nasıl algılıyor nasıl değerlendiriyor ve bu verilere uygun yatırımları nasıl yapabiliriz?

Durumu daha rahat algılayabilmek için örnek istatistiki bir veri tablosu örneği.

Returning Visitor: Türkçeye sadık ziyaretçi olarak çevrilmiş olsa da daha Türkçe bir ifadeyle kemikleşmiş ziyaretçi kitleniz. Bu blogunuzu ziyaret edenlerin ne kadarlık bir yüzdesinin tekrar blogunuzu ziyaret ettiğini kayıt altında tutar. Google algoritması bunu net bir şekilde şöyle algılar: ‘’ Eğer bir sitenin/blogun takipçisi varsa güvenilir bir platformdur ‘’ Verdiği bilgiler ve yaptığı paylaşımlar faydalı bulunmuş ve tekrar ziyaret edilmiş. Kemikleşmiş bir ziyaretçi kitleniz olması size seo yönünden oldukça fayda sağlar.

* Sosyal medya sayfaları, RSS dizinler, bloglar için tasarlanmış izleyiciler sekmesi,

Sayfa/Ziyaret: Sitenize/Blogunuza gelen tüm kullanıcıların gezdiği sayfa ortalamasını gösterir. Google blogunuza/sitenize girenlerin kaç sayfa ziyaret ettiğini hesaplayarak platform hakkında bir fikir edinir. Ziyaretçileriniz çokça sayfa gezmesi sizin, kaliteli, içerikleri özgün ve faydalı bilgiler içeren bir blog sahibi olduğunuzun kanıtıdır. Kullanıcı blogu/siteyi yararlı bulmuş ve sayfalar içerisinde dolaşarak bilgi edinmiştir.

* Bu veride kalite standartlarını yakalamak için sayfa içi linklendirme yöntemi, popüler konular, rastgele yazılar, en çok yorumlanan konular ve benzer yazılar eklentilerini kullanabilirsiniz.

Ortalama Ziyaret Süresi: Google bu kez ziyaretçilerin sitede/blogta ne kadar zaman harcadığına odaklanır. Mantığı çok basittir kullanıcılar site içerisinde ne kadar fazla zaman geçiriyorsa siteniz/blogunuz o kadar kalitelidir.

* Kullanıcıların blogunuz da fazlaca zaman geçirmesini sağlamak için makale uzunluklarını
artırmalısınız. Sayfa/ziyaret oranını artırmaya yönelik yatırımlarınız, ortalama ziyaret süresi
verilerinize de olumlu katkı yapacaktır. Burada şirin bir hileye başvurabiliriz, imkânınız varsa içeriğiniz ile alakalı kullanıcılara ufak oyunlar, eğlenceli testler sunarak sayfanızda geçirdikleri ziyaret sürelerini artırabilirsiniz.

Hemen Çıkma Oranı: Hemen çıkma oranı sitenize bir şekilde ziyarette bulunup zaman
geçirmeden seri bir şekilde ayrılmış kullanıcıların oranıdır. Bu oran sitenizin ne kadar yararlı ve güvenilir olduğunu belirler. Google botlarını algılamak için makineleşmiş bir düşünceden ziyade insani bir zekâ yapısını algılamanız yeterlidir. Nasıl bir ortamdan insanlar vakit geçirmeden seri bir şekilde ayrılır? Google da aynı düşüncede hemen çıkma oranları ne kadar yüksekse sitenize verilen değer bir o kadar azalacaktır. Ziyaretçi siteye giriş yapmış ve seri bir şekilde kalitesiz ortamdan uzaklaşmıştır.

* Blogunuza ziyaretçi çekebilmek için kullanıcıyı kandırmaya yönelik linklendirme ve ilgisiz
anahtar kelime kullanımından mümkün olduğunca uzak durarak, sadece yazdığınız konu ile
ilgili ziyaretçilere odaklanarak bu oranı düşürmeniz mümkün.

Kullanıcı tabanlı seo değerlendirmesinde artık ne gibi kriterlerin etkin olduğunu biliyorsunuz. Değer verilen kalite standartları üzerine yatırım yaparak arama sonuçlarında daha üst sıraları hedefleyebilirsiniz. Blog sahibi olarak amacınız bilinçsizce yüksek ziyaretçi sayısına ulaşmak değil, ürettiğiniz içeriğe değer veren kullanıcılara hitap etmek olmalı. Son olarak özellikle algıda yaşanan bir yanlışı düzeltmek istiyorum, seo çalışmaları kalitesiz bir siteyi kaliteli gösterme stratejileri değildir, içerik üreten, kaliteli bir sitenin arama motoru botlarına mantıklı sinyal gönderme çabasıdır.

Yazar Hakkında: Bu makale, bloggerdersleri.com yazarlarından Sercan Sak tarafından kaleme alınmıştır.

!!! Bu makale, 2 parçadan oluşan yazı serisinin ilk parçasıdır.Serinin 2. yazısını ilerleyen günlerde okuyacaksınız.

Bildiğiniz gibi Twitter, profil görünümünde bir değişikliğe giderek kullanıcıların kapak resmi kullanmasına imkan sunmaya başladı.Bu gelişmeyle birlikte internet girişimcileri de kolları sıvadı ve Twitter kapak fotoğrafları paylaşan siteler açmya başladı.

Ben de Twitter kapak fotoğrafı paylaşan sitelerden en popüler olanları bir araya gtirerek sizlerin kullanımına sunmak istedim.Ama önce Twitter kapak fotoğrafınızı nasıl değiştirebileceğinizi göstereyim.

Profilinizden Tasarım Ayarları sekmesini açtığınızda alt tarafta “Tasarımı kişiselleştir” bölümünde “Başlığı değiştir” butonunu göreceksiniz.Buradan Twitter kapak fotoğrafınızı değiştirebilirsiniz.

Aşağıdaki 20 adet kapak fotoğrafının hepsi yüksek kaliteli ve 1200x600 boyutunda.Kullanmak istediğiniz fotoğrafa tıklayarak tam boyutta açın.Tam boyuttaki resmin üzerine sağ tıklayarak bilgisayarınıza kaydedin.

Albert Einstein	Arkadaşlar
ArtWork	Be Better
Be Original	Beyaz Fareler
Çöl	Ctrl – Esc
Dalış	Deniz
Gün Batımı	Halkalar
İmdat	İstasyon
Kar	Su
Thinking	Tokyo City
Yapraklar	Yıldız

Bu arada;
Blog Hocam Twitter hesabında blog dünyası, SEO, sosyal medya ve dijital pazarlama ilgili bilgileri paylaşmaya devam ediyorum.Ayrıca beğendiğim blogları ve o bloglarda gördüğüm güzel yazıları takipçilerimle paylaşıyorum.Takip etmeyi unutmayın!

@BlogHocam

Sıradışı özellikleriyle dikktimi çeken Blogger temalarını paylaşmaya devam ediyorum.Bugün paylaşcağım Legit isimli tema da Dzignine tarafından kodlanmış çok etkileyici bir tema.

DEMO & DOWNLOAD

Temada dikkatimi çeken başlıca özellikler şunlar:

• Hareketli Header: Temaın en göze çarpan özelliği HTML5 teknolojisi ile oluşturulmuş Header bölümü.Bulut animasyonu gerçekte hoş olmuş.
• Sağ & Sol Sidebar: Temanın içerik bölümünün sağ ve sol tarafında toplam 2 adet sidebar var.Sidebar’daki gadget başlıkla kullanılan özel font Türkçe karakterlerleri desteklemediği için Türkçe karakter kullanmamanızı öneririm.
• Blog Başlığı: Header kısmındaki animasyonun bozuomaması için her zaman üst tarafta görmeye alıştığımız blog başlığı bu temada sol sidebarın en üstünde.

Sade ve şık bir tasarıma sahip Legit teması renk uyumuyla da başarılı bir çalışma bence.Kişisel bloglar için çok uygun bir tema.Animasyonlu header sayesinde ziyaretçilerin dikkatini çekeceğinizden emin olabilirsiniz.

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCsBiL2sSo30AMtl6ElITxRdlomnR4j8gCOmTJH75piSPIx3pTVRxq2OJ_d7Aw_P60NOh-p8zRrr12tBZmojJ3IGPFAwj8m8KXrEYZnHxA4v0guwqA9ABQ6zuGacUrRBf5ijqK0m5tb8D-/s1600/29-ekim-blogger-eklenti-sol.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5;"/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnprG3XGfXC-sDKkVliDWBBcay6BUcSziZS_9P-BRO1eVzFmnZhu9XJjHLXWaiIw8KJLmnZ2n213yL9rIfXeudRghR7g8cwGOBI0_y8uWaOe8SEvAZ2rN7YpjgvFSSfMcfaIkvKSDzFsxW/s1600/29-ekim-blogger-eklenti-sag.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjnprG3XGfXC-sDKkVliDWBBcay6BUcSziZS_9P-BRO1eVzFmnZhu9XJjHLXWaiIw8KJLmnZ2n213yL9rIfXeudRghR7g8cwGOBI0_y8uWaOe8SEvAZ2rN7YpjgvFSSfMcfaIkvKSDzFsxW/s1600/29-ekim-blogger-eklenti-sag.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCsBiL2sSo30AMtl6ElITxRdlomnR4j8gCOmTJH75piSPIx3pTVRxq2OJ_d7Aw_P60NOh-p8zRrr12tBZmojJ3IGPFAwj8m8KXrEYZnHxA4v0guwqA9ABQ6zuGacUrRBf5ijqK0m5tb8D-/s1600/29-ekim-blogger-eklenti-sol.png" style="position:fixed; top: 0px;left:0px;border:none;z-index:5;"/>

<style type="text/css">

.top-commenter-line img {

-webkit-border-radius: 100px;
-moz-border-radius: 100px;
border-radius: 100px;
-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
box-shadow: 0 1px 3px rgba(0, 0, 0, .4);
}

.top-commenter-line {margin: 3px 0;}
.top-commenter-line .profile-name-link {padding-left:0;}
.top-commenter-avatar {vertical-align:middle;}
</style>
<script type="text/javascript">
//
// Top Commentators gadget with avatars, by MS-potilas 2012.
// Gets a list of top commentators from all comments, or specified number of days in the past.
// See http://eklentileri.blogspot.com/
//
// CONFIG:
var maxTopCommenters = 5;   // how big a list of top commentators
var minComments = 1;        // how many comments must top commentator have at least
var numDays = 0;            // from how many days (ex. 30), or 0 from "all the time"
var excludeMe = true;       // true: exclude my own comments
var excludeUsers = ["Anonymous", "someotherusertoexclude"];     // exclude these usernames
var maxUserNameLength = 42; // 0: don't cut, >4: cut usernames
//
var txtTopLine = '<b>[#].</b> [image] [user] ([count])';
var txtNoTopCommenters = 'No top commentators at this time.';
var txtAnonymous = '';      // empty, or Anonymous user name localized if you want to localize
//
var sizeAvatar = 56;
var cropAvatar = true;
//
var urlNoAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEik9cW6OR_l4SZvJeKeX9DzHmzK-yAs0vK63qG8Dcme91SzC7u_Q3kVCH9oH4jvSggg2htusek6UdkYafUeGioWwJkMd4ke2Uq2j24ZGQflc4XlFkwyJOgNitkmcgsjjR7OnYSsA46RydQ/"+sizeAvatar+"/avatar_blue_m_96.png"; // http://www.blogger.com/img/avatar_blue_m_96.png resizeable
var urlAnoAvatar = 'http://www.gravatar.com/avatar/00000000000000000000000000000000?d=mm&s=' + sizeAvatar;
var urlMyProfile = ''; // set if you have no profile gadget on page
var urlMyAvatar = '';  // can be empty (then it is fetched) or url to image
// config end
// for old IEs & IE modes:
if(!Array.indexOf) {
 Array.prototype.indexOf=function(obj) {
  for(var i=0;i<this.length;i++) if(this[i]==obj) return i;
  return -1;
}}
function replaceTopCmtVars(text, item, position)
{
  if(!item || !item.author) return text;
  var author = item.author;
 
  var authorUri = "";
  if(author.uri && author.uri.$t != "")
    authorUri = author.uri.$t;
 
  var avaimg = urlAnoAvatar;
  var bloggerprofile = "http://www.blogger.com/profile/";
  if(author.gd$image && author.gd$image.src && authorUri.substr(0,bloggerprofile.length) == bloggerprofile)
    avaimg = author.gd$image.src;
  else {
    var parseurl = document.createElement('a');
    if(authorUri != "") {
      parseurl.href = authorUri;
      avaimg = 'http://www.google.com/s2/favicons?domain=' + parseurl.hostname;
    }
  }
  if(urlMyProfile != "" && authorUri == urlMyProfile && urlMyAvatar != "")
    avaimg = urlMyAvatar;
  if(avaimg == "http://img2.blogblog.com/img/b16-rounded.gif" && urlNoAvatar != "")
    avaimg = urlNoAvatar;
  var newsize="s"+sizeAvatar;
  avaimg = avaimg.replace(/\/s\d\d+-c\//, "/"+newsize+"-c/");
  if(cropAvatar) newsize+="-c";
  avaimg = avaimg.replace(/\/s\d\d+(-c){0,1}\//, "/"+newsize+"/");
 
  var authorName = author.name.$t;
  if(authorName == 'Anonymous' && txtAnonymous != '' && avaimg == urlAnoAvatar)
    authorName = txtAnonymous;
  var imgcode = '<img class="top-commenter-avatar" height="'+sizeAvatar+'" width="'+sizeAvatar+'" title="'+authorName+'" src="'+avaimg+'" />';
  if(authorUri!="") imgcode = '<a href="'+authorUri+'">'+imgcode+'</a>';
 
  if(maxUserNameLength > 3 && authorName.length > maxUserNameLength)
    authorName = authorName.substr(0, maxUserNameLength-3) + "...";
  var authorcode = authorName;
  if(authorUri!="") authorcode = '<a class="profile-name-link" href="'+authorUri+'">'+authorcode+'</a>';
 
  text = text.replace('[user]', authorcode);
  text = text.replace('[image]', imgcode);
  text = text.replace('[#]', position);
  text = text.replace('[count]', item.count);
  return text;
}
 
var topcommenters = {};
var ndxbase = 1;
function showTopCommenters(json) {
  var one_day=1000*60*60*24;
  var today = new Date();
 
  if(urlMyProfile == "") {
    var elements = document.getElementsByTagName("*");
    var expr = /(^| )profile-link( |$)/;
    for(var i=0 ; i<elements.length ; i++)
      if(expr.test(elements[i].className)) {
        urlMyProfile = elements[i].href;
        break;
      }
  }
 
  for(var i = 0 ; i < json.feed.entry.length ; i++ ) {
    var entry = json.feed.entry[i];
    if(numDays > 0) {
      var datePart = entry.published.$t.match(/\d+/g); // assume ISO 8601
      var cmtDate = new Date(datePart[0],datePart[1]-1,datePart[2],datePart[3],datePart[4],datePart[5]);
 
      //Calculate difference btw the two dates, and convert to days
      var days = Math.ceil((today.getTime()-cmtDate.getTime())/(one_day));
      if(days > numDays) break;
    }
    var authorUri = "";
    if(entry.author[0].uri && entry.author[0].uri.$t != "")
      authorUri = entry.author[0].uri.$t;
 
    if(excludeMe && authorUri != "" && authorUri == urlMyProfile)
      continue;
    var authorName = entry.author[0].name.$t;
    if(excludeUsers.indexOf(authorName) != -1)
      continue;
 
    var hash=entry.author[0].name.$t + "-" + authorUri;
    if(topcommenters[hash])
      topcommenters[hash].count++;
    else {
      var commenter = new Object();
      commenter.author = entry.author[0];
      commenter.count = 1;
      topcommenters[hash] = commenter;
    }
  }
  if(json.feed.entry.length == 200) {
    ndxbase += 200;
    document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&start-index='+ndxbase+'&alt=json-in-script&callback=showTopCommenters"></'+'script>');
    return;
  }
 
  // convert object to array of tuples
  var tuplear = [];
  for(var key in topcommenters) tuplear.push([key, topcommenters[key]]);
 
  tuplear.sort(function(a, b) {
    if(b[1].count-a[1].count)
        return b[1].count-a[1].count;
    return (a[1].author.name.$t.toLowerCase() < b[1].author.name.$t.toLowerCase()) ? -1 : 1;
  });
 
  // list top topcommenters:
  var realcount = 0;
  for(var i = 0; i < maxTopCommenters && i < tuplear.length ; i++) {
    var item = tuplear[i][1];
    if(item.count < minComments)
        break;
    document.write('<di'+'v class="top-commenter-line">');
    document.write(replaceTopCmtVars(txtTopLine, item, realcount+1));
    document.write('</d'+'iv>');
    realcount++;
  }
  if(!realcount)
    document.write(txtNoTopCommenters);
}  
document.write('<script type="text/javascript" src="http://'+window.location.hostname+'/feeds/comments/default?redirect=false&max-results=200&alt=json-in-script&callback=showTopCommenters"></'+'script>');
</script>

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg8AXzRL8biKyGEwou0xrx2OZwDc7mT4vQbMO9XHwEnE-CE9qSSwI2D-jEemGrtuWhwBjcQS9MPdfmg-HZ8BvxLbhSSR8ItvlIFyh5fpy2oRg8racYHxkFHfTYzJZ3JGlKD22yViiM8M_Vz/s1600/bayram-eklentisi.png" style="position:fixed; top: 0px;right:0px;border:none;z-index:5;"/>

Ziyaretçilerinizin, blogunuzu sürekli takip etmelerini sağlaacak sosyal takip butonlarına çok önem veriyorum.Her kesin zevki ve blog tasarımı da farklı olduğu için değişik türlerde ve ytarzlarda sosyal takip butonlarını sizlerle paylaşıyorum.Bugüne kadar paylaştığım sosyal takip butonları eklentilerini hatırlatayım:

• Blogunuz için Şık Bir Abonelik Widget'ı
• Blogunuza Sosyal Takip Butonları Ekleyin
• CSS3 İle Oluşturulmuş, Hover Efektli Sosyal Takip Eklentisi
• Sabit Abonelik Butonları

Sosyal takip butonlara bir yenisini daha ekleyiyorum.Bu eklenti, başlıkta da belirttiğim gibi ipucu balonlarını andıran tarzda ikonlar kullanılarak yapılmış ve CSS zoom tekniği kullanılarak ikonların üzerine gelince büyütme efekti verilmiş.

Hover efektini görmek için videoyu izleyebilirsiniz.

Eklentiyi blogunuza eklemek Blogger kumanda paneline giriş yaptıktan sonra Yerleşim > Gadget Ekle > HTML/JavaScript yolunu izleikten sonra aşağıdaki kodları ekleyin.

<style>
/* İpucu Balonu Tarzında Sosyal Butonlar  */
.ipucubalonu{
list-style-type:none;
margin:0;
padding:0;
}
.ipucubalonu li{
display:inline;
width: 60px;
height:60px;
}
.ipucubalonu li img{
width: 50px;
height: 50px;
border:0;
margin-right: 4px;
-webkit-transition:-webkit-transform 0.1s ease-in;
-o-transition:-o-transform 0.1s ease-in;
}
.ipucubalonu li img:hover{
-moz-transform:scale(1.8);
-webkit-transform:scale(1.8);
-o-transform:scale(1.8);
}
</style>

<ul class="ipucubalonu">

<li><a href="http://feeds.feedburner.com/bloghocam" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcdA03SpNoGj0wn28BQ6REOWl9CZH-SUCWlfozIzTKzC2W-OElcW-ZYRPUlcU1ps6Q151iTWS9Cfpl5hX0lzOCyq9BGi8FLJaLz4MCEs0uvcctqDeeeJBzcEG5STPES2FblkVkBSqubkhO/s64/ipucubalonu-rss.png" title="Add RSS Feed" /></a></li>

<li><a href="http://www.facebook.com/bloghocam" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdf37WJcal7fT7UVrS3vlpM0V2AqXf73DajVpzxV_gMl0-2Qrybq97LkuYR-_t_QiD2meAS55VOACL4dV7-t05BDH8EeaF07H2KlJX-VCmupWX5wNGE47W4P_I_4NC7oT5UNut30NxG9Kr/s72/ipucubalonu-facebook.png" title="Add to Facebook" /></a></li>

<li><a href="http://www.twitter.com/bloghocam" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLtOV-CGFniHUDv6H-j4inkdVfKEPu0lewA8a0vbVpvvKd7ZxNe1ACPlWE9Fb8Wjyxqw4xty5nkROm5plosWViDkj3FTPOYykoQ8EZc8tY4bp8KJpS7PlVp2R29cYifHVUPHZssiojUNpz/s64/ipucubalonu-twitter.png" title="Add to Twitter" /></a></li>

<li><a href="https://plus.google.com/108761595756468128383" target="_blank"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhgXX8qmQWuZ5WgK3zPbeTJQpDZOhJgvIYCMw7nsSEx7E3U95FhUXiz4z_rEwIqq8v4ea7QXfvGehkTgOI18o0PVSqY7A9sNE3pBg2U5KNe93qZcF0nWaGsDvnrcZ9RiQrka1v12U3xe3rT/s64/ipucubalonu-google.png" title="Add to Facebook" /></a></li>

</ul>

Değiştirmeniz gereken yerleri beyaz vurguyla gösterdim.Oralara kendi FeedBurner, Facebook, Twitter ve Google+ hesaplarınızın adreslerini yazın.

]]></b:skin>

.a-btn{
    width:60px;
    height:60px;
    -webkit-border-radius:50%;
    -moz-border-radius:50%;
    border-radius:50%;
    display:block;
    margin:20px;
    float:left;
    background:#f0ad4e;
    position:relative;
    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;
    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;
    box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px 0px 1px 8px rgba(188, 188, 188, 0.4), 0px 0px 0px 9px #fff;
    -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 span{
    display:table-cell;
    width:40px;
    height:40px;
    padding:10px;
    text-align:center;
    vertical-align:middle;
    font-size:16px;
    color:#fff;
    text-shadow:0px 1px 1px #A03F16;
    font-family:"Arvo", "Myriad Pro", "Trebuchet MS", sans-serif;
    -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 span:nth-child(1), 
.a-btn span:nth-child(3){
    position:absolute;
    top:0px;
    left:0px;
    font-size:16px;
    line-height:19px;
    opacity:0;
}
.a-btn span:nth-child(1){
    background:transparent url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjm9ydMQHmFpKX66DVs7IE1l6sdcc5RdqlEaA2KCEglYflV_i-y2pQzlhzqmAXxB3lI6NhDgcjbTdTJvEK6l6m8uBGL_twpw4eMrowMiZPovJ7PcH-V11wXsnmeS4p_AUvttHxBxE8KHI/s1600/star.png) no-repeat center center;
    opacity:0.2;
}
.a-btn:hover{
    background:rgba(170, 77, 27, 0.6);
    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;
    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;
    box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  1px 4px 5px 8px rgba(188, 188, 188, 0.6), 0px 0px 0px 9px #fff;
}
.a-btn:hover span:nth-child(3){
    opacity:1;
}
.a-btn:hover span:nth-child(2){
    opacity: 0; 
    -webkit-transform: scale(0);
    -moz-transform: scale(0);
    transform: scale(0);
}
.a-btn:hover span:nth-child(1){
    -webkit-animation:rotate 1s linear;
    -moz-animation:rotate 1s linear;
    animation:rotate 1s linear;
}
.a-btn:active{
    -webkit-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;
    -moz-box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;
    box-shadow:0px 0px 5px 0px rgba(246, 212, 163, 0.5) inset, 0px -1px 5px 4px rgba(170, 77, 27, 0.2) inset, 0px 0px 0px 7px #fff,  0px -1px 0px 8px rgba(188, 188, 188, 0.3), 0px 0px 0px 10px #fff;
}
.a-btn:active span:nth-child(2){
    color:rgba(170, 77, 27, 0.8);
    text-shadow:0px 1px 1px rgba(255, 255, 255, 0.6);
}
@keyframes rotate{
    0% { transform: scale(1) rotate(0);}
    50% { transform: scale(0.5) rotate(180deg);}
    100% { transform: scale(1) rotate(360deg);}
}
@-webkit-keyframes rotate{
    0% { -webkit-transform: scale(1) rotate(0);}
    50% { -webkit-transform: scale(0.5) rotate(180deg);}
    100% { -webkit-transform: scale(1) rotate(360deg);}
}
@-moz-keyframes rotate{
    0% { -moz-transform: scale(1) rotate(0);}
    50% { -moz-transform: scale(0.5) rotate(180deg);}
    100% { -moz-transform: scale(1) rotate(360deg);}
}

div class="button-wrapper">

<a href="#" class="a-btn"><span></span>
<span>Sign up</span>
<span>It's free!</span></a>

<a href="#" class="a-btn"><span></span>
<span>Join Now</span>  
<span>It's free!</span></a>

<a href="#" class="a-btn"><span></span>
<span>Enter</span> 
<span>It's free!</span></a>

<a href="#" class="a-btn">
<span></span>
<span>Get in</span>
<span>It's free!</span></a>
</div>

]]></b:skin>

/* eklentileri.blogspot.com zoom efekti kod sonu  */
ul.thumb {
float: left;
list-style: none;
margin: 0; padding: 10px;
width: 360px;
}
ul.thumb li {
margin: 0; padding: 5px;
float: left;
position: relative;  /* Set the absolute positioning base coordinate */
width: 110px;
height: 110px;
}
ul.thumb li img {
width: 100px; height: 100px; /* Set the small thumbnail size */
-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
border: 1px solid #ddd;
padding: 5px;
background: #f0f0f0;
position: absolute;
left: 0; top: 0;
}
ul.thumb li img.hover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwVUVwBaDPNJfC1AFBbGDFSxuuYJP0ZT4-xQTxPOvjPKhJpYJroQfTl6CF7aB_USLdi7lSvFZDfi6x3Rk5yTk2fuM1UsJ-fRh-7ENuPdxQT-ooXDjnm8D_eoHK72YxxJO-UaspTGX2On8Y/) no-repeat center center;  /* Image used as background on hover effect
border: none; /* eklentileri.blogspot.com zoom efekti kod sonu*/
}

</head>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Larger thumbnail preview

$(&quot;ul.thumb li&quot;).hover(function() {
$(this).css({&#39;z-index&#39; : &#39;10&#39;});
$(this).find(&#39;img&#39;).addClass(&quot;hover&quot;).stop()
.animate({
marginTop: &#39;-110px&#39;,
marginLeft: &#39;-110px&#39;,
top: &#39;50%&#39;,
left: &#39;50%&#39;,
width: &#39;174px&#39;,
height: &#39;174px&#39;,
padding: &#39;20px&#39;
}, 200);

} , function() {
$(this).css({&#39;z-index&#39; : &#39;0&#39;});
$(this).find(&#39;img&#39;).removeClass(&quot;hover&quot;).stop()
.animate({
marginTop: &#39;0&#39;,
marginLeft: &#39;0&#39;,
top: &#39;0&#39;,
left: &#39;0&#39;,
width: &#39;100px&#39;,
height: &#39;100px&#39;,
padding: &#39;5px&#39;
}, 400);
});

//Swap Image on Click
$(&quot;ul.thumb li a&quot;).click(function() {

var mainImage = $(this).attr(&quot;href&quot;); //Find Image Name
$(&quot;#main_view img&quot;).attr({ src: mainImage });
return false; 
});

});
</script>

<ul class="thumb">
<li><a href="http://eklentileri.blogspot.com/"><img src="Resim linki 1" alt="" /></a></li>
<li><a href="http://eklentileri.blogspot.com/"><img src="Resim linki 2" alt="" /></a></li>
<li><a href="http://eklentileri.blogspot.com/"><img src="Resim linki 3" alt="" /></a></li>
<li><a href="http://eklentileri.blogspot.com/"><img src="Resim linki 4" alt="" /></a></li>
</ul>

Nisan aynın sonlarında Google, arama sonuçlarında üst sıralarda üst sıralarda gözükmek için yapılan spam backlink çalışmalarını hedef alan Penguen algoritmasını duyurmuştu.Bu algoritmayla birlikte Google, spam backlink çalışması yapan siteleri cezalandırmayı amaçlıyordu ancak bu drum başka bir sıkıntının da doğmasına yol açmıştı.Negatif SEO…

Negatif SEO Nedir?

Spam backlink çalışmalarının sitelere verdiği zararı anlayan kişiler, bu durumu rakiplerinin aleyhine kullanmaya başladılıır ve böylece negatif SEO kavramı oluştu.

Sıralamada kendinden daha üst sırada yer alan bir sitenin sıralamasını düşürmek isteyen kişiler, o site için spam backlink çalışmaları yapmaya başladılar ve Google tarafından cezalandırılıp sıralamada gerilere üşmesini sağladılar.

Google Disavow Aracı Nedir?

Google Penguen algoritmasının yol açtığı bu olumsuz durum yüzünden bir süredir Google’dan karşı bir hamle bekleniyordu ki geçtiğimiz günlerde Matt Cutts, resmi Google blogunda yaptığı bir açıklamayla, sitelere gelen ancak istenmeyen linkleri reddedebileceğiniz Disavow aracını duyurdu.

Yukarıda bu aracın ortaya çıkmasına neden olan “Negatif SEO”  kavramından bahsetmeye çalıştığım.Eğer siz de negatif SEO saldırısına maruz kaldıysanız ve bilmediğiniz sitelerde yüzlerce spam link alıyorsanız bu aracı kullanarak, istemediğiniz bağlantıları reddedebilir ve Google’ın bu linkleri görmezden gelmesini sağlayabilirsiniz.Böylece siteniz bu olumsuz SEO saldırılarından etkilenmemiş olur.

Google Disavow Aracı Nasıl Kullanılır?

Öncelikle bu aracın, Google Penguen güncellemesi sonrasında negatif SEO saldrısına maruz kalan siteler için olduğunu tekrar hatırlatmak isterim.Son zamanlarda Google sıralamalarınızda ciddi düşüşler yaşadıysanız, Google Webmaster Central veya diğer üçüncü parti backlink uygulamalarını kullanarak spam olarak sitenize gelen bağlantıları tespit etmelisiniz.

Reddetmek istediğiniz siteleri tespit ettikten sonra Google Disavow aracına gidin. Burada açılır menüden iyileştirme yapacağınız sitenizi eçere bir sonraki adıma geçin.

Şimdi br .txt dosyası oluşturarak içerisine spam link gönderen siteleri yazın.Txt dosyasına iki şekilde URL girebilirsiniz.

• spam.com sitesinden gelen tüm bağlanttıları reddetmek için domain:spam.com
• spam.com sitesindeki belli sayfalardan gelen bağlantıları reddetmek için her satıra bir adet olmak üzere
  http://www.spam.com/contentA.html
  http://www.spam.com/contentB.html http://www.spam.com/contentC.html

şeklinde oluşturduğunuz TXT dosyasını seçin ve gönderin.Google’ın bu bildirimi işleme koyması ve sitenizi yeniden değerlendirmesi 1-2 hafta kadar sürebilir.

Önemli Not: Bizim gibi kişisel blog sahipleri çok büyük ihtimalle bu araca ihtiyaç duymayacaklardır. Gerçekten ihtiyacınız yoksa ve ne yaptıüğınızdan emin değilseniz bu aracı kesinlikle kullanmayın!

]]></b:skin>

/* menu kodu eklentileri.blogspot.com */

#menu1 ul {
    list-style:none;
    font-family: Georgia, serif;
    font-size: 20px;
    font-style: italic;
    font-weight: normal;
    letter-spacing: normal;
    line-height: 0.8em;
    border:2px solid #000;
    border-left:none;
    float:left;
    clear:both;
    margin:10px;
}
#menu1 ul li{
    float:left;
}
#menu1 ul li a{
    display:block;
    text-decoration:none;
    background-color:#444;
    padding:5px 10px;
    color:#fff;
    width:140px;
    border-right:1px solid #666;
    border-left:1px solid #000;
}
#menu1 ul li a span{
    display:block;
}
#menu1 ul li a span.title{
    border-bottom:1px solid #444;
}
#menu1 ul li a:hover span.title{
    border-bottom:1px dashed #f0f0f0;
    color:#ef0000;
}
#menu1 ul li a span.text{
    visibility:hidden;
    font-size:12px;
    text-align:right;
}
#menu1 ul li a:hover span.text{
    visibility:visible;
}
   

Şimdide Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodlarımızı girelim..
..
tavsiye edilen ; alttaki resimdeki yere ekleyiniz ( BLOG KAYITLARI üstüne )

<div id="menu1">
            <ul>
                <li><a href="http://eklentileri.blogspot.com/">
                        <span class="title">ANA SAYFA</span>
                        <span class="text">Home Page</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">Kategoriler</span>
                        <span class="text">Seçenekler</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">LİNK 1</span>
                        <span class="text">Açıklama</span>
                    </a>
                </li>
                <li><a href="">
                        <span class="title">iletişim</span>
                        <span class="text">Bize ulaşın</span>
                    </a>
                </li>
                 <li><a href="http://eklentileri.blogspot.com/">
                        <span class="title">Link 2</span>
                        <span class="text">Açıklama 2</span>
                    </a>
                </li>              
            </ul>
        </div>