Blogger tarafından desteklenmektedir.

Belirli Etiketten Yazıları Göstermek

Blogun Sidebar kısmında belirlediğiniz bir etiketten yazıları gösterme.

Çok faydalı ve aranan bir eklentidir, Sitemizde de aynını kullanmaktayız.

Ayrıca kurulumu çok basittir, zahmetsizce kullanabilirsiniz.

Kurulum


Öncelikle düzenlemeniz gereken kısımlar :


Kırmızı kısım gösterilmesini istediğiniz yazı adedi
Yeşil kısım yazının açıklama kısmının karakter sayısı
Mavi kısım site adresiniz ve yazı gösterilecek etiketin ismi



<script style='text/javascript'> var numposts = 3; var showpostthumbnails = true; var displaymore = true; var displayseparator = true; var showcommentnum = true; var showpostdate = true; var showpostsummary = true; var numchars = 50; </script> <script src='http://site adresiniz.com/feeds/posts/default/-/Etiket İsmi?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script> <div style="font-size: 12px;text-align:center;"><a href=" http://site adresiniz.com.tr/search/label/Etiket İsmi "target="_blank">T�M�N� G�R</a></div>


Yerleşim => Gadget Ekle =>  HTML/JavaScript  yolunu izleyin ve alttaki kodları yapıştırın.
<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] = "Ocak";monthnames[2] = "�ubat";monthnames[3] = "Mart";monthnames[4] = "Nisan";monthnames[5] = "Mayıs";monthnames[6] = "Haziran";monthnames[7] = "Temmuz";monthnames[8] = "Agustos";monthnames[9] = "Eylül";monthnames[10] = "Ekim";monthnames[11] = "Kasım";monthnames[12] = "Aralık";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 = 3; var showpostthumbnails = true; var displaymore = true; var displayseparator = true; var showcommentnum = true; var showpostdate = true; var showpostsummary = true; var numchars = 50; </script> <script src='http://site adresiniz.com/feeds/posts/default/-/Etiket İsmi?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script> <div style="font-size: 12px;text-align:center;"><a href=" http://site adresiniz.com.tr/search/label/Etiket İsmi "target="_blank">T�M�N� G�R</a></div>


Resimli Benzer Yazılar Eklentisi

Her blogda mutlaka bulunması gereken eklentilerden hatta olmazsa olmazlardan birisidir.
Çünkü okuyucu yazımızın sonuna geldiğinde berzer konudaki diğer yazılar hemen gözüne ilişecek ya merak edip tıklayacak yada aradığı bir yazıyı görüp tıklayacak haliyle site içi dolaşım da artacak, bunlarla beraber görsellik olarakta blogumuza zenginlik katan bir eklenti.

Kurulum


Şablon  =>  Html'yi Düzenle kısmına gelip alttaki kodu Ctrl+F tuşlarına basarak bulun

</head>

Bu kodun hemen üstüne alttaki kodları yapıştırın

<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <style type='text/css'> #related-posts { float:center; text-transform:none; height:100%; min-height:100%; padding-top:5px; padding-left:5px; } #related-posts h2{ font-size: 18px; letter-spacing: 2px; font-weight: bold; text-transform: none; color: #5D5D5D; font-family: Arial Narrow; margin-bottom: 0.75em; margin-top: 0em; padding-top: 0em; } #related-posts a{ border-right: 1px dotted #DDDDDD; color:#5D5D5D; } #related-posts a:hover{ color:black; background-color:#EDEDEF; } </style> <script type='text/javascript'> var defaultnoimage=&quot;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKVIl4bZY5qcC0agN7CfGsZxKC88h2L09UuxETQTk41P6b9XcGxWvMMmlaIUVXrx2PnbB0t1GNGslSfLJM3XiQ5lhBT6GyEAHqwN4R8TwWxMDcTlZG7nR7pMNa7QU_DpvFqZmNCX3nT4sy/s1600/no_image.jpg&quot;; var maxresults=5; var splittercolor=&quot;#DDDDDD&quot;; var relatedpoststitle=&quot;İlgili Yazılar&quot;; </script> <script src='http://helplogger.googlecode.com/svn/trunk/related-posts-with-big-thumbnails.js' type='text/javascript'/> <!-- remove --></b:if>

Son olarak alttaki kodu da Ctrl+F tuşlarına basarak bulun

<data:post.body/>

Hemen altına bu kodları ekleyin

<!-- remove --><b:if cond='data:blog.pageType == &quot;item&quot;'> <div id='related-posts'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != &quot;true&quot;'> </b:if> <script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop> <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;); </script> </div><div style='clear:both'/> <!-- remove --></b:if> <b:if cond='data:blog.url == data:blog.homepageUrl'><b:if cond='data:post.isFirstPost'> </b:if></b:if>

Önemli not:   Blogda 3 farklı yerde bulunuyor. İlk olarak 3.cünün altına ekleyin olmazsa diğerlerini de deneyin.

Sorunsuz olarak çalışmaktadır,  Sitemizdekinin aynısıdır.

Blogger Tema Nasıl Yüklenir ?






Blogger'da tema yüklemek aslında çok basit bir iştir, fakat bilmeyen, özellikle de yeni başlayan blogcular için nasıl tema yükleneceğini anlaşılır biçimde anlatalım;




Öncelikle kumanda panelinden Şablon'a tıklayalım















Oradan Yedekle/Geri Yükle butonuna tıklayalım














Son olarak Gözat'a tıklayarak temamızı seçelim, ardından Yükle butonuna basalım.





- yeni temamızın tadını çıkaralım :)







Blogger Kişisel Tema - Fantasy


Kişisel blog teması Fantasy, oldukça gösterişli ve şık bir tasarıma sahip, hızlı bir yapıda.

  

Tema Adı : Fantasy
Yapımcısı : Templatetrackers.com
Lisans     :  Ücretsiz


Blog Destek Puanı : 5/10


      TEMA ÖZELLİKLERİ
  • Sade bir yapıya sahip
  • Resimli benzer yazılar eklentisi
     
 bkz: Blogger Tema Nasıl Yüklenir ?
http://superseo-gbt.blogspot.com.tr/



http://link.tl/j6YC 





* İndirme linkine tıkladıktan sonra 5 saniye bekleyip sitenin sağ üst köşesindeki  reklamı geç butonuna tıklayın.
* Program yükleme talebi olursa reddedin.