Blogger Kenar Çubuğu için Popüler Etiket Yayın Eklentisi

Blogger’un Popüler yayınlar eklentisine benzer, en çok beğendiğiniz yazılarınıza eklediğiniz etiketleri kullanarak sidebar alanında kullanabileceğiniz Popüler etiket yayın eklentisi. Blogger’un meşhur Popüler yayınlar eklentisi olur da, neden Popüler etiket yayın eklentisi olmasın düşüncesinden yola çıkılarak tasarlanmış bir eklentidir. Normalde böyle bir isimde eklenti yoktur. Ancak, en uygun isim ne olabilir diye düşündüm ve sonunda Popüler etiket yayın eklenti ismini uygun gördüm. Umarım sizde beğenirsiniz.

Popüler etiket yayın eklentisi hakkında bilgiler :

1. Popüler etiket yayın eklentisi, blog şablon kod içinde mevcut olan ( feeds/posts/default/) link yapısından veri alır.

2. feeds, etketi hepimizin bildiği gibi, Feedburner RSS yazı akışını yöneten bir link'tir.

3. Herhangi bir konu seçip, o konuda yazmış olduğunuz tüm yazılara eklediğiniz aynı metin niteliğindeki tek bir etiket, tıklandığında tüm yazılarınızı gösterebilmektedir. Wordpress blog için Kategori ne ise, Blogger için Etiket de bir Kategori özelliği taşımaktadır. Birbirinden farklı birçok yazınızı farklı etiketler altında toplayarak okuyucu kitlenize etiket yazı sunumu yapabilirsiniz.

4. Popüler etiket yayın eklentisini kullanmak çok kolaydır. İster Sidebar kenar çubuğuna isterseniz Footer alt bilgi alanına gadget olarak ekleyebilirsiniz.

5. Yazı sayısını stil kodlarında bulunan rakamı değiştirerek siz belirlersiniz.

6. Yazı açıklama karakter sayısını stil kodlarındaki rakamı değiştirerek siz belirlersiniz.

7. Mevcut kodlar için resim ebatları 81x81 pix. olarak ayarlanmıştır. Klavye kısa yol arama özelliğini kullanarak, CTRL + F, “img.recent_thumb” etiketini bulup, resim ebatlarını örneğin 72x72 pix. değeri ile değiştirin.

8. Her bir yazı link çerçevesinde, Resim, Yazı linki, Yazı açıklaması, Yazı tarihi, Yorum sayısı ve yazının devamının okunması içinDevamı” metni bulunur.

9. Kodlardan anlamıyor, Acemi bir blogger yazarı olabilirsiniz. Hiçbir ayarı ellemeden sadece yazınızda beğendiğiniz tek 
bir etiketi ekleyip, yayın sayısını belirleyerek çok rahatlıkla kullanabileceksiniz.

Popüler etiket yayın eklentisini şu anda blog’umun sidebar kenar çubuğunda “KÜFLÜ ODA YAZILARI” başlık ismi ile görebilirsiniz.

Popüler etiket yayın eklentisinin kullanımı :

1. Blogger Tasarım kumanda paneline giriş yapın.

2. Yerleşim → Gadget ekle → HTML/JavaScript gadgetini açın.

3. Aşağıda verilen kodları eksiksiz kopyalayıp bir metin dosyasına yapıştırın. Metin dosyası için Notepad++ ücretsiz programı veya bilgisayarında mevcut olan metin dosyasını kullanabilirsiniz.
Popüler etiket yayın eklenti kodları :

<script>
//<![CDATA[
function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){
if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}
if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)
 
{
s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){
thumburl=d;} else thumburl='https://dl-web.dropbox.com/get/cb_online/sem_imagem.gif?w=cfac64d6';
}
 
var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Jan";monthnames[2] = "Fev";monthnames[3] = "Mar";monthnames[4] = "Abr";monthnames[5] = "Maio";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Ago";monthnames[9] = "Set";monthnames[10] = "Out";monthnames[11] = "Nov";monthnames[12] = "Dez";document.write('<li class="clearfix">');
 
 
if(showpostthumbnails==true) 
document.write('<a title="'+posttitle+'" href="'+posturl+'"><img class="recent_thumb" src="'+thumburl+'"/></a>');
document.write('<h4><a title="'+posttitle+'" href="'+posturl+'">'+posttitle+'</a></h4>');
 
    if ("content" in entry) {
      var postcontent = entry.content.$t;}
    else
    if ("summary" in entry) {
      var postcontent = entry.summary.$t;}
    else var postcontent = "";
    var re = /<\S[^>]*>/g; 
    postcontent = postcontent.replace(re, "");
 
 
if (showpostsummary == true) {
 
      if (postcontent.length < numchars) {
         document.write('<p>'+postcontent+'</p>');
         }else {
         postcontent = postcontent.substring(0, numchars);
         var quoteEnd = postcontent.lastIndexOf(" ");
         postcontent = postcontent.substring(0,quoteEnd);
         document.write('<p>'+ postcontent + ' [...]</p>');}
}
 
var towrite='';var flag=0;
document.write('<p class="creditx">');
 
if(showpostdate==true) {towrite=towrite+ cdday +'/'+monthnames[parseInt(cdmonth,10)]+'/'+cdyear;flag=1;}
 
if(showcommentnum==true) 
{
if (flag==1) {towrite=towrite+' | ';}
if(commenttext=='0 Comments') commenttext='0 Comentários';
if(commenttext=='0 Comentários') commenttext='0 Comentários';
if(commenttext=='1 Comment') commenttext='1 Comentário';
if(commenttext=='1 Comentário') commenttext='1 Comentário';
commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';
towrite=towrite+commenttext;
flag=1;
;
}
 
if(displaymore==true) 
{
if (flag==1) towrite=towrite+' | ';
towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Devamı</a>';
flag=1;
;
}
 
document.write(towrite);
 
document.write('</p></li>');
if(displayseparator==true) 
if (i!=(numposts-1))
document.write('<hr/>');
}document.write('</ul>');
 
}
//]]>
</script>

<style type='text/css'>
img.recent_thumb {padding:2px;width:81px;height:81px;border:0;float:left;margin:0 10px 0 0; border: 1px solid #ccc;}
.recent_posts_with_thumbs {font-family: Arial, sans-serif;width: 100%;min-height: 100px;padding: 0;font-size:14px;}
ul.recent_posts_with_thumbs li {list-style: none;clear: both;padding:8px 0;}
.recent_posts_with_thumbs a {text-decoration:none; }
.recent_posts_with_thumbs strong {font-size:10px;}
.recent_posts_with_thumbs h4 {font-size: 12px;padding: 2px 0 0 0;margin:0;}
li.clearfix p{padding: 0;margin:3px 0;font-size: 11px;}
.creditx {font-size: 12px;}
</style>

<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = true;
var numchars = 85;
</script>

<script src='http://adnanguney.blogspot.com/feeds/posts/default/-/Tema tasarım?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

<div style="font-size: 10px;text-align:center;">By <a href="http://wp.me/p3IEyb-1Op"target="_blank"> Adnan Güney Gadgeti Al</a></div> 

Popüler etiket yayın eklenti kodlarını Özeleştirme :

1. Kod içinde yapacağınız özelleştirme için kod kenarında bulunan dikey çubuğu en alt kısma indirin ve şu, “<style type='text/css'>” etiketleri görmeye çalışın. (Mavi renk)

2. img.recent_thumb : Resim boyutunu belirlemek için, width:81px; height:81px; (81) değerlerini farklı rakamlar ile değiştirebilirsiniz. Örnek : width:72px; height:72px;

3. <script style='text/javascript'>, bu etiketi bulun ve alt kısımda bulunan ;
var numposts = 5; Gadget içinde görülmesini istediğiniz yazı sayısını belirleyin.

4. var numchars = 85; Yazı açıklama karakter uzunluğunu istediğiniz sayı ile belirleyin.

5. Popüler etiket yayın eklenti kodlarının can damarı olan Etiketimizi eklemeye sıra geldi.

http://adnanguney.blogspot.com/feeds/posts/default/-/Tema tasarım

URL : adnanguney, kendi blog linkiniz ile değiştirin. Linki içinde “Tema tasarım” yazan metni, T ve m harfine kadar seçin ve eklemeyi düşündüğünüz Etiketinizi buraya yapıştırıp gadget’i kaydedin ve ön izleme ile kontrol edin.

Not:
Yukarıda anlatılanları uyguladınız ancak eklenti çalışmadı ise işlemi tekrarlayarak herhangi bir hataya karşı tekrar deneyin. 


Her hangi bir sorun yaşarsanız yorum kısmından bilgi geçerek yardım alabilirsiniz. Yazılan yazılar hoşunuza gidiyor ve ilk yazılan yazılardan haberdar olmak istiyorsanız RSS abonelik eklenti simgesine tıklayıp e-mail bilgilerinizi girip, posta e-mailini onayladığınızda artık ilk yazıları okumaya başlayabileceksiniz. 

Ayrıca yazıyı paylaşarak Blog/Web siteme sizde bir değer katabilirsiniz.