2013/07/11

Kategorilerini Popüler Yazı Gibi Gösteren Gadget

Görüntüleme ..counter ..📂
Kategorilerini Popüler Yazı Gibi Göster


Blogger Popüler yazılar eklentisi gibi, tüm Kategorilerinizi de popüler yazılar eklentisi olarak gösterebilirsiniz. Uzun zaman önce yazdığım ve yazılar arasında kaybolan benimde çok sevdiğim bu gadget hakkında tekrar yazı yazmak istedim. Gadget hakkında sizleri biraz bilgilendirmek isterim.
Gadgeti ekleyebileceğiniz alanlar öncelikle nerelerdir ;
1. Gadget’i sol sidebar, sağ sidebar, ve footer alt kısım olarak bilinen yere ekleyebilirsiniz.

Sidebar
Blog Başlık Alanı (header)
Sidebar
A
1.
2.
3.
4.
5.







YAZI ALANIMIZ

B
1.
2.
3.
4.
5.
C

1.
2.
3.
4.
5.
Alt Alan Footer)

E
1.
2.
3.
4.
5.
D

1.
2.
3.
4.
5.

2. A,B,C,D,E harfleri ile beilirtiğim alanlara blog yazı içinden seçeceğiniz herhangi bir kategori yazınızı ekleyebilirsiniz.
Örnek Test Blog’umda yaptığım uygulamada seçtiğim etiket kategori başlıklarım şunlardan ibaret olup siz bu kategori eklentisiniz çoğaltabilir zaman zaman değişim yaparak blogunuzda farklılık yaratabilirsiniz.
Seçilen kategori isimleri ;
→ Google Sites Kurulumu
→ Blogger ayarlar
→ Blog eğitim videoları
Bu kategorilerde yapılan işlemin CANLI DEMO ’sunu buradan inceleyiniz.
3.  Bu eklenen gadget içindeki yazılar sabit midir ?
→ En son yazdığınız yazılar gadgetin en üstünde görülmek üzere RSS akışınızdan otomatikman alınarak eklenti içinde görülür.
→ Yazının kısa bir başlığı , kısa bir açıklaması vardır. Yazının hemen alt kısmında yazı tarihi, yorum ve yorum sayısı görülür. En önemliside yazının son kısmında “Devamı” kelimesine tıklandığında okuyucularınız ilgili yazıya ulaşabilir.
→ Gadget içinde kaç yazı görülmesini istiyorsanız bu sayıyı siz belirlersiniz.
→ Yazı ebatlarını istediğiniz büyüklüğe ayarlayabilirsiniz. Varsayılan ayar 85 dir. Yazı sayısıda 5 dir. Verilen kod üzerinden temanızın büyüklüğüne göre özelleştirebilirsiniz.

<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: 50%;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://guney59.blogspot.com/feeds/posts/default/-/Blogger ayarlar?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>

<div style="font-size: 10px;text-align:center;">By <a href="http://www.adnanguney.com/kategorilerini-populer-yazi-gibi-gosteren-gadget.html"target="_blank"> Adnan Güney Gadgeti Al</a></div>

4. Blogunuza nasıl ekleyeceksiniz.
1. Blogger blogunuza giriş yapın.
2.Yerleşim ⇒ Gadget Ekle ⇒ HTML/JavaScript Gadgeti açın
3.Aşağıdaki kodu html modunda iken yapıştırın ve içindeki bilgileri arzu ettiğiniz gibi değiştirin. ( Önemli Not : Oluştur sekmesine tıklamayın )
4.Kaydedin

NOT: Kod içineki bilgilere lütfen ellemeyin. Sizinle ilgili kısımları değiştirmeniz yeterli olacaktır.

Verilen kod içinde Mavi renkli kısımları değiştireceksiniz. Bunlar kısaca link ve link açıklaması. Karakter büyüklüğünü gösteren 85 ve yazı sayısını gösteren 5 rakamları varsayılandır. Dilerseniz eski ölçüleri bir yere not alarak değişim yapabilir kendinize göre özelleştirebilirsiniz.

Özel kategori eklentisi çok az kişi tarafından bilinmektedir. Arkadaşlarınıza önererek onlarında kullanmasına yardımcı olabilirsiniz. Konuyu beğendiyseniz bir teşekkür mahiyetinde yorum yazabilir, G+ paylaşarak sitemize katgı sağlayabilirsiniz.

Yeni içerik yayınlarımızdan haberdar olabilmek için , “E-Bültene Kayıt Ol” sekmesinde “E-Mail” bilginizi girmeniz yeterli olacaktır. Tüm yeni yazılardan haberdar olacaksınız. Tekrar buluşmak üzere...
Kaynak :www.adnanguney.com