En Çok Yorum Yapanlar Eklentisi

Blogger En Çok Yorum Yapanlar Eklentisi Widget

Blogger blogunuzda , en çok yorum yapanları göstermek istermisiniz ?

DEMO

Bu eklentimizle , blogunuzun istediğiniz bir yerine ekleyeceğiniz gadget ile , blogunuzda en çok yorum yapan kullanıcıları listeleyecektir..

Blogunuzun yerleşim kısmına girerek gadget ekle >> HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodları ekleyin..

<script type='text/javascript'>
function pipeCallback(obj) {
 document.write('<ol>');
 var i;
 for (i = 0; i < obj.count ; i++)
 {
 var href = "'" + obj.value.items[i].link + "'";
 var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
 document.write(item);
 }
 document.write('</ol>');
 }
 </script>
<script type="text/javascript" src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=918c4b96efdf63fee389f2f025085904&EntertheURL=http%3A%2F%2Feklentileri.blogspot.com&number=5&Nametobeexcluded=XXXXX"></script>

Yukarıdaki kodlarda dikkat etmeniz gereken ,

      Kırmızı ile yazılmış eklentileri.blogspot.com adresi yerine kendi blog adresinizi

      Mavi renk ile yazılmış 5 yerine , göstermek istediğiniz kişi sayısı

      Siyah ile yazılmış XXXXX yerine ise , görünmesini istemediğiniz kullanıcı adı ( Kendinizin görünmesini istemiyorsanız , kendi kullanıcı adınızı yazabilirsiniz.. )

<<< Bu Yazı için Arama Sonuçları  >>>

En Çok Yorum Yapanlar Eklentisi , Blogger En Çok Yorum Yapanlar Eklentisi , Blogger en çok yorum yapanlar , Blogger yorum eklentisi , blogger en yorumcular , blogger en fazla yorum yapanlar , Blogger en çok yorum yapanları gösterme

By Eklentileri.Blogspot Devamını Oku >>>

En Çok Yorum Yapılan Yazılar / Konular Eklentisi

En Çok Yorum Yapılan Yazılar / Konular Eklentisi Widget

Blogger blogunuzda , en çok yorum yapılan yazılarınızı göstermek istermisiniz ?

DEMO

Lafı uzatmadan hemen anlatıma geçelim..

Blogunuzun Yerleşim kısmına girerek Gadget Ekle >> HTML/JavaScript seçeneği ile açılan panele aşağıdaki kodları ekleyin..

<!-- Popular posts with comment eklentileri.blogspot.com -->
<script type="text/javascript">
function getYpipePP(feed) {
 document.write('<ol style="">');
 var i;
 for (i = 0; i < feed.count ; i++)
 {
var href = "'" + feed.value.items[i].link + "'";
var pTitle = feed.value.items[i].title;
var pComment = " \(" + feed.value.items[i].commentcount + "\)";
var pList = "<li>" + "<a href="+ href + '" target="_blank">' + pTitle;
 document.write(pList);
 document.write(pComment); //to remove comment count delete this line
 document.write('</a></li>');
 }
 document.write('</ol>');
 }
 </script>
 <script src="http://pipes.yahoo.com/pipes/pipe.run?
 YourBlogUrl=http://eklentileri.blogspot.com
 &ShowHowMany=10
 &_id=390e906036f48772b2ed4b5d837af4cd
 &_callback=getYpipePP
 &_render=json" 
type="text/javascript"></script>

<!-- Popular posts with comment eklentileri.blogspot.com -->

Yukarıdaki kodları eklediyseniz , kod içinde geçen ; eklentileri.blogspot.com adresi yerine , kendi blog adresinizi , mavi ile yazılmış olan 10 rakamını değiştirerek göstermek istediğiniz yazı sayısını ayarlayabilirsiniz..

<<< Bu Yazı için Arama Sonuçları  >>>

En Çok Yorum Yapılan Yazılar , En Çok Yorum Yapılan Yazılar eklentisi , Blogger En Çok Yorum Yapılan Yazılar , En Çok Yorum Yapılan Konular ,En Çok Yorum Yapılan konular eklentisi , Blogger En Çok Yorum Yapılan Konular , Blogger yorum yapılan knouları gösterme , en çok yorum 

By Eklentileri.Blogspot Devamını Oku >>>

Resimli En Çok Yorum Yapanlar Eklentisi

Blogger için Resimli En Çok Yorum Yapanlar Eklentisi Widget

Daha önceden ŞU konuda , en çok yorum yapanlar eklentisini paylaşmıştık..Şimdi ise en çok yorum yapanlar eklentisinin resimli versiyonunu sizlerle paylaşacağız..

Yapmanız gereken , aşağıdaki kodları Yerleşim >> Gadget Ekle >> HTML/JavaScript ile blogunuzda uygun bir yere gadget olarak eklemek..

<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/AVvXsEgugTdu8QYqFkQYwt2YqKyxxclBJO_Kij531Euwv8DSzE_40ZLLAKTIEfvR0JCV6-SA9t06WS8Y22xRYRdh39VqbzN1ih0gI6wSL7HdOMjmmAVD21JuI68hb8rb0rObC2s24_lSJ4VPiQ4/"+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>

Eklediyseniz , eklentimiz hazır halde blogunuzdan görebilirsiniz , bu eklentinin demosunu paylaşmıyoruz, yukarıdaki resime tıklayarak inceleyebilirsiniz..

<<< Bu Yazı için Arama Sonuçları  >>> 

Resimli En Çok Yorum Yapanlar Eklentisi , Blogger en çok yorum yapanlar , Resimli yorumlar , resimli en çok yorum yapanlar , yorumlar , Blogger yorum Eklentisi ,Blogger yorum resimli eklenti , Top Comment Gadget , Top Comment , Top Comment Gadget Avatars

By Eklentileri.Blogspot Devamını Oku >>>

Blogger Resimli Yukarı Kayan Son Yorumlar

Blogger Resimli Yukarı Kayan Son Yorumlar Eklentisi Widget

Bu eklentimizi istek üzerine paylaşıyoruz..

Blogger Resimli Yukarı Kayan Son Yorumlar eklentisi ile , blogger blogunuza son yorum yapan kullanıcıların yorumlarını , aşağıdan yukarı kayacak şekilde blogunuza ekleyebiliyorsunuz..

DEMO

Anlatıma geçelim hemen..

Blogunuzun yönetim panelinden Yerleşim >> Gadget Ekle >> HTML/JavaScript seçeneğini seçelim ve açılan panele aşağıdaki kodları ekleyelim..

<marquee direction=up scrollamount="2" onmouseover="this.scrollAmount=0" onmouseout="this.scrollAmount=2"><style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#none;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #000000;display: block;font-size: 12px;font-style: italic;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
 numComments  = 5,
 showAvatar  = true,
 avatarSize  = 60,
 roundAvatar = true,
 characters  = 80,
 showMorelink = false,
 moreLinktext = "More »",
 defaultAvatar  = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7o36LFgIMg04IYzwZjTYE_JoMdj05CaypZp2mGsvimIgY83kpmnjPsOeGiaktRo5CM5Idsf3RtmitbnMQuZ8vfN80-_P4F-fQlbXzftSrt8OSZ_55bdSdFDlAPqNJYHPukIsxc6b3oK3Z/s1600/comment.png",
 hideCredits = false;
//]]>
</script>
<script type="text/javascript" src="http://yourjavascript.com/211112512416/come.js"></script>
<script type="text/javascript" src="http://eklentileri.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script></marquee>

Yukarıdaki kodlar içinde geçen , kırmızı ile yazılmış ilk satırdaki 2 rakamını değiştirerek  hızı ayarlayabilirsiniz ( iki kez yazılmıştır , ikisinide aynı şekilde değiştirin) , alt satırda bulunan eklentileri.blogspot.com adresi yerinede kendi blog adresinizi yazmanız gerekiyor..

<<< Bu Yazı için Arama Sonuçları  >>>

Blogger Resimli Yukarı Kayan Son Yorumlar , Blogger Son Yorumlar Eklentisi , Blogger Resimli Son Yorumlar Widget , Aşağıdan Yukarı Kayan Yorumlar , Blogger Kayan Yorum Ekleme

By Eklentileri.Blogspot Devamını Oku >>>

Daha iyi Bir Blog için Yapılması Gerekenler

Daha iyi Bir Blog için Yapılması Gerekenler

Bir blog yazarının aklında, Blogumun hitini nasıl arttırırım ? Bloguma nasıl daha fazla ziyaretçi çekerim , Blogumu daha okunur bir hale nasıl getirebilirim vb. tarzı sorular her zaman vardır...

Resim kullanın ; Blogunuza yazdığınız yazılarınızda , en azından bir tane resim,logo,görsel öge içeren bir obje kullanmanız her zaman iyidir.Okurlarınızın yazılarınızdan keyif alması için bu gereklidir...

Fazla yazmayın ; Bir blog yazarının bazen yaptığı en büyük hata , yazılarını uzun tutarak ziyaretçileri sıkmasıdır , Uzun ve anlamsız cümleler ziyaretçilerinizi blogunuzdan uzaklaştırır.Yazılarınızı net ve anlaşılır biçimde yazın..

Yorumları unutmayın ; Blogunuza yorum yapan ziyaretçilerinizin yorumlarını görmezden gelmeyin , olumlu yada olumsuz mutlaka geri dönüş yapın , blogunuza yorum yapan kullanıcılar, mümkün olduğunca çabuk cevap bekler , bu süreyi çok fazla uzatmamaya çalışın..

Yazım hataları ; Blogunuza yazı yazarken yazım hatalarına dikkat edin , mutlaka hata yapabilirsiniz, olabildiğince az hata yapmaya çalışın , yazınızı yayınlamadan önce mümkünse önizleme yaparak yazım hatalarınızı kontrol edin..

Blogunuzu güncel tutun ; Ziyaretçiler güncel blog sever ! Blogunuzu çok fazla aksatmayın , yazdığınız yazılar mümkünse , bir çok kişiye hitap edecek şekilde olmalı , haftada bir yazı yazmayın , günde en az bir yazı paylaşın ve paylaştığınız bu yazıyı sırf yazmak için yazmayın , ziyaretçi kitlenize göre ne uygun bir yazı yazmaya çalışın....

Sıkıcı olmayın ; Her ne kadar ciddi bir blogunuz olsada , bazen blogunuzda komik bir resim , fotoğraf , karikatür vb.. paylaşımlar yaparak ziyaretçilerinizi anlıkta olsa eğlendirebilirsiniz..

Google ile aranızı sağlam tutun ; Yazılarınız güncel ve sizin tarafınızdan yazılmış olsun , kopyala yapıştır yapmayın , blogunuza yüzlerce etiket eklemeyin, etiketler önemlidir...

By Eklentileri.Blogspot Devamını Oku >>>

Blogger Facebook Yorum Kutusu Ekleme Eklentisi

Blogger Facebook Yorum Kutusu Ekleme Eklentisi

Blogger Blogunuzda bulunan yorum panelini , facebook yorum paneli ile değiştirmek istermisiniz ?

Bu eklentimizle , Ziyaretçileriniz yorumlarını facebook yardımı ile blogunuza gönderebilecek , biraz karışık olan bu eklentimizi , dikkatli şekilde uygularsanız blogger blogunuza ekleyebilirsiniz..

Anlatıma geçelim..

Blogunuzun ayarlar menüsüne girin , resimde gösterilen gibi, 1-2-3 ve 4 yollarını izleyin, ve Gizle seçeneğini seçin..Ayarları kaydet butonu ile çıkın..

Ardından BU adrese girerek , facebookta yeni bir uygulama oluşturalım..

Açılan panelde, Aşağıdaki resimdeki gibi 1 ve 2. adımları izleyin..

Açılan Güvenlik kontrolü Panelinde , aşağıdaki resimdeki gibi 1 ve 2. adımları izleyin..

Aşağıdaki panel açılacaktır..

Yukarıdaki panelde , ID Numaranız lazım olacaktır , isterseniz bir yere not alabilirsiniz, Resimdeki bütün adımları uygulayın..

Artık facebook ile işimiz bitti , şimdi blogunuzun şablon kısmına girerek aşağıdaki adımları takip edin...

Aşağıdaki kodu bulun..

<head>

Hemen bir satır altına , aşağıdaki kodu ekleyin , ID NUMARASI yerine kendi ID numaranızı yazınız ( Yukardaki resimde belirtmiştik )

<meta content='ID NUMARASI'   property='fb:app_id'/>

Şimdi ise aşağıdaki kodlardan birini bulalım..

<div class='post-footer-line post-footer-line-3'>


YADA 


<p class='post-footer-line post-footer-line-3'>


YADA


<data:post.body/>

Bir satır altına aşağıdaki kodlarımızı ekleyelim.

<b:if cond='data:blog.pageType == "item"'>
<div id="fb-root"></div>
<script>(function(d){
 var js, id = 'facebook-jssdk'; if (d.getElementById(id)) {return;}
 js = d.createElement('script'); js.id = id; js.async = true;
 js.src = "//connect.facebook.net/tr_TR/all.js#xfbml=1";
 d.getElementsByTagName('head')[0].appendChild(js);
}(document));</script>
<fb:comments width='500' colorscheme='light' expr:title='data:post.title' expr:href='data:post.canonicalUrl' expr:xid='data:post.id'/>
</b:if>

Son olarak aşağıdaki kodu bulun

<html

Bu kodumuza xmlns:fb="https://www.facebook.com/2008/fbml" kodunu ekliyeceğiz , örnek olarak aşağıdaki gibi

<html xmlns:fb="https://www.facebook.com/2008/fbml" b:version='2' class='v2' expr:dir='data:blog.languageDirection' 



Sadece Kırmızı yerde gösterilen gibi olacak , Mavi yazılar Örnek amaçlı yazılmıştır eklemeyiniz !!

Mavi yazılar sizde farklı olabilir..Kodu nasıl ekliyeceğinz amaçlı örnektir..

Artık blogunuzda , Blogger Facebook Yorum Kutusu Ekleme eklentisine sahipsiniz, bol yorumlar..DEMO

<<< Bu Yazı için Arama Sonuçları  >>>

Blogger Facebook Yorum Kutusu Ekleme , Blogger Facebook Yorum Kutusu  , Facebook Yorum Kutusu Ekleme , Yorum Kutusu Ekleme , Facebook Yorum Formu , Facebook Yorum Formu Blogger ekle , Facebook Eklentisi

By Eklentileri.Blogspot Devamını Oku >>>

Blogger Yorum Kutusuna Arka Plan Ekleme

Blogger Yorum Kutusuna Arka Plan Ekleme Eklentisi...

Blogger blogunuzdaki yorum kutusunun görüntüsü hoşunuza gitmiyor yada daha hareketlilik kazandırmak istiyorjavascript:void(0);sanız bu eklenti tam size göre..

Blogger yorum kutunuz daha görsel ve renkli hale gelecek..

Aşağıdaki kodu bulun

]]></b:skin>

Bu kodun üstüne aşağıdaki kodları ekleyin

#mybtips-form iframe{ 
background:#ffffff url(BURAYA RESIM LINKI) repeat; 
border:1px solid #ddd; 
-moz-border-radius:6px; 
-webkit-border-radius:6px; 
box-shadow: 5px 5px 5px #CCCCCC; 
padding:5px; 
font:normal 12pt "ms sans serif", Arial; 
color:#ffffff; 
width:560px; height:213px !important; 
}
#mybtips-form a{ 
color:#000; 
}

Üstteki işlemi yaptıktan sonra aşağıdaki kodu bulun , blogunuzda 1 veya 2 tane olacaktır..

<div class='comment-form'>

üstteki kodu silip yerine aşağıdaki kodu yapıştırınız..

<div id='mybtips-form'>

Resim linki yazan yere, aşağıdaki resimlerden beğendiğinizin linkini yazıp , o resmi kullanabilirsiniz..DEMO

Bu kısmı en son deneyiniz ! eğer yorum formunuz , yorum yapılan konularda gözükmüyorsa aşağıdaki adımı uygulayınız

'comment-holder' kodunu aratın blogunuzda , 2 sonuç çıkacaktır..

her ikisinide 'mybtips-form' olarak değiştirin..

Floral

Image URL:
http://1.bp.blogspot.com/-TjJflzKETo4/ToB8PzdeWdI/AAAAAAAAAO4/e39aQolo8c8/s1600/238+%25281%2529.jpg

Wire Fence

Image URL:
http://3.bp.blogspot.com/-9J_2sSAD-Wg/ToCAy4hppjI/AAAAAAAAAPM/3FKPo9TZoFU/s1600/153.jpg

Metallic

Image URL:
http://2.bp.blogspot.com/-nvs8ifZy9o8/ToB8Oh9jvoI/AAAAAAAAAO0/fPxeGXUTsG0/s1600/12.png

Stripes

Image URL:
https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirzt6nEGHCGbMg6Wz3M6gy942Sz-FLYCgyYSI6UDYSvHhYY64PZ-eRascMdp1ld4BptFjmRzSHntmhoTxkpc4kQdlroxarHRhRs1aR0hP1PzG_UjDhDPyLwtC-He1B_Yaoo79NlK2jJbY3/s1600/152.jpg

Metallic Grid

Image URL:
http://3.bp.blogspot.com/-MayXHtLb8pA/ToCDZM4EUjI/AAAAAAAAAPU/qXueR9EGUks/s1600/115.jpg

<<< Bu Yazı için Arama Sonuçları >>>

Blogger Yorum Kutusuna Arka Plan Ekleme , Blogger Yorum Kutusu , Blogger Yorum Kutusu görsel , Blogger Yorum Kutusu renklendir , Blogger Yorum Kutusu resim ekle , Blogger Yorum Kutusu eklentisi , Blogger Yorum Kutusu eklentileri , Blogger Yorum formu arka plan ekleme , Blogger Yorum formu resmi

By Eklentileri.Blogspot Devamını Oku >>>

Blogger Admin / Yazar Yorumlarını Farklı Renkte Gösterme

Blogger Admin / Yazar Yorumlarını Farklı Renkte Gösterme eklentisi

Blogger blogunuzda yazılarınıza yapmış olduğunuz kendi yorumlarınızın farklı renkte gözükmesini istermisiniz ?

Bu Blogger eklentimizde , yorumlarınız farklı gözükecek , sayfanıza giren ziyaretçiler yorumlarınızı daha net seçecek..Kullanışlı bir eklenti olduğunu düşündüğümüz Blogger Admin / Yazar Yorumlarını Farklı Renkte Gösterme eklentisini sizde blogger'e eklemek için aşağıdaki yolları uygulayınız..

]]></b:skin>

Yukarıdaki kodu bulun ve hemen üstüne aşağıdaki kodları ekleyiniz.

.comment-body-author { 
background: #00BBF1; /* Arkaplan resmi*/ 
color: #000000; /* Yazı rengi*/ 
border-top: 1px dotted #223344;border-bottom: 1px dotted #223344;border-left: 1px dotted #223344;border-right: 1px dotted #223344; 
margin:0; 
padding:0 0 0 20px; /* Yorumunuzun posizyonunu ayarlar*/ 
} 

üstteki işlemi yaptıktan sonra aşağıdaki işleme geçin..

<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>
</dt>


<b:if cond='data:comment.author == data:post.author'> 
<dd class='comment-body-author'> 
<p><data:comment.body/></p> 
</dd> 
<b:else/> 



<dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p>
<data:comment.body/>
</p>
</b:if>
</dd>

</b:if> 

Burası biraz karışık ama eminim yapacaksınızdır , yukarıdaki kırmızı olan kodlar bizim eklememiz gereken kodlardır , diğerleri zaten blogunuzun kodlarında mevcut , biraz uğraşarak bu kodları bulun ve kırmızı olan kodları yukarıdaki gibi ekleyiniz..Demosunu şuan zaten blogumuzda kullanıyoruz , Göremeyenler için LİNK

<<< Bu Yazı için Arama Sonuçları  >>>

Blogger yazar yorumları , Blogger yazar yorumlarını renklendirme , Blogger yazar yorumlarını farklı renklerde gösterme , Blogger yazar yorumlarını biçimlendirme , Blogger yazar yorumlarına renk verelim , Blogger admin yorumları , Blogger admin yorumlarını renklendirme , Blogger kullanıcı yorumları , Blogger yorumları , Blogger yorumları renklendirme

By Eklentileri.Blogspot Devamını Oku >>>

Yorum Gönder Yazısı Yerine Resim Eklemek

Yorum Gönder Yazısı Yerine Resim Eklemek

Blogger blogunuzda bulunan yorum gönder yazısı yerine resim eklemek istermisiniz ? aşağıda yer alan kodlar yardımı ile , yorum gönder yazısı yerine istediğiniz resimi ekleyebilirsiniz..

Bu sayede yorum gönder formunuz daha şık bir hal alacak..

, Yorum Gönder Yazısı Yerine Resim Eklemek için , aşağıdaki kodu bulunuz..

]]></b:skin>

, Bu kodun hemen üstüne aşağıdaki kodu ekleyiniz..

#comment-post-message {
background:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjaJfQ4EpXKN1LKyhJ5NQBIbo6ltMzsH2p4Z2CR8rTWmnn7fth2y-JDKYZbWzhjE0lVy0NBRJuoggQ1Fn-7yaupjKpMCoH-QTwAr788aYpYNyoO2_dOEGIvsWrYeizvpqDwCFJiHpl49wla/s1600/yorum.png") no-repeat scroll left top transparent;
height:52px;
margin-bottom:10px;
text-indent:-9999px;
width:485px;
}

, Yapmamız gereken sadece bu kadar , artık yorum gönder yerine resmimiz çıkacak...eğer resmi değiştirmek isterseniz , kırmızı olan yere kendi upload ettiğiniz resim linkini ekleyiniz..

By Eklentileri.Blogspot Devamını Oku >>>

Blogger Yorumları Numaralandırma Eklentisi

Blogger Yorumları numaralandırma eklentisi

Bu eklentimizde , blogger blogunuza yapılan yorumların yanına yorum sayılarını ekliyeceğiz , yukarıdaki resimde gördüğünüz gibi , her yorumun yanında sayılarımız çıkacak , bu şekilde hem kaç kişinin yorum yaptığını hemde kaçıncı yorumu yapmış olduğunu önizleyebileceğiz..

öncelikle blogumuzda aşağıdaki kodu buluyoruz

<dl id='comments-block'>

Yukarıdaki kodun hemen altına aşağıdaki kodu ekliyoruz..

<script type='text/javascript'>var CommentsCounter=0;</script>

Yukarıdakileri yaptıktan sonra , aşağıdaki kodumuzu buluyoruz..

<data:commentPostedByMsg/>

Bu kodun hemen altına aşağıdaki kodu ekliyoruz , artık blogger yorumlarınızda numaralar gözükecektir..

<span class='numberingcomments' style='float: right; font-size: 20px;'>
<a exprCoolref='data:comment.url' title='Yoruma Git'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

Soru ve görüşleriniz için yorum panelini kullanabilirsiniz..

By Eklentileri.Blogspot Devamını Oku >>>

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..

<script type="text/javascript">
function w2bnumberofposts(json) {document.write('Toplam Yazı : ' + json.feed.openSearch$totalResults.$t + '<br/>');}
function w2bnumberofcomments(json) {document.write('Toplam Yorum : ' + json.feed.openSearch$totalResults.$t );}
</script>
<script src="http://eklentileri.blogspot.com/feeds/posts/summary?alt=json-in-script&callback=w2bnumberofposts"></script>
<script src="http://eklentileri.blogspot.com/feeds/comments/summary?alt=json-in-script&callback=w2bnumberofcomments"></script>

By Eklentileri.Blogspot Devamını Oku >>>

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..

<!-- Link's code --> <a href="http://eklentileri.blogspot.com">Blogger Eklentileri</a> <style type="text/css"> ul.w2b_recent_comments{list-style:none;margin:0;padding:0;} .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;} .w2b_recent_comments li .avatarImage{padding:3px;background:#none;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;} .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;} .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;} .w2b_recent_comments li span{margin-top:4px;color: #000000;display: block;font-size: 12px;font-style: italic;line-height: 1.4;} </style> <script type="text/javascript"> //<![CDATA[ // Recent Comments Settings var numComments = 5, showAvatar = true, avatarSize = 60, roundAvatar = true, characters = 80, showMorelink = false, moreLinktext = "More »", defaultAvatar = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7o36LFgIMg04IYzwZjTYE_JoMdj05CaypZp2mGsvimIgY83kpmnjPsOeGiaktRo5CM5Idsf3RtmitbnMQuZ8vfN80-_P4F-fQlbXzftSrt8OSZ_55bdSdFDlAPqNJYHPukIsxc6b3oK3Z/s1600/comment.png", hideCredits = false; //]]> </script> <script type="text/javascript" src="http://yourjavascript.com/211112512416/come.js"></script> <script type="text/javascript" src="http://xxxxx.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=5"></script>

By Eklentileri.Blogspot Devamını Oku >>>