Blogger tarafından desteklenmektedir.
Eklentiler etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster
Eklentiler etiketine sahip kayıtlar gösteriliyor. Tüm kayıtları göster

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.

Ilgili Aramalar Eklentisi


Her blogda mutlaka bulunması gereken eklentilerden birisidir.

Çünkü seo konusunda blogunuza katkı sağlar ve arama motorların da üst sıralara çıkmanıza yardımcı olur. Ayrıca css kodlarından gerekli düzenlemeleri yaparak sitenizin tasarımına ve renklerine uyumlu hale getirebilirsiniz bu sayede ek bir görsellikte katmış olursunuz.

Eklenti Önizlemesi : 






Eklenti Kurulumu :

Şablon>Html'yi Düzenle   içerisinde alttaki kodu bulun

]]></b:skin>


Hemen üstüne alttaki kodu ekleyin

.ikaz {margin-top: 0.5em;margin-bottom: 0.5em;padding: 1em 1.5em 1em 5.5em;border-bottom: 2px solid #fff;border-top: 2px solid #fff;color:#444;background: #FFF6BF url() 2.2em center no-repeat; border-color: #EB1885;}.ikaz .kapat{ position:relative; float:right; top:-5px; right:-5px; }.ikaz .kapat img{border:none; background:none;}.ikaz a&nbsp; {color: #817134;}.ikaz2 {color:#444444;background:#BFE5F2 url(http://i50.tinypic.com/oqyjo3.jpg) no-repeat 25px center;border: 1px solid #0098CA;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 65px;margin: 5px 30px;font-family: "Trebuchet MS";}.ikaz3 {color:#444444;background:#FFF8AF url(http://i50.tinypic.com/oqyjo3.jpg) no-repeat 25px center;border: 1px solid #DDDDDD;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 65px;margin: 5px 30px;font-family: "Trebuchet MS";}.ikazyeni {color:#444444;background:#ebf1f1 url() no-repeat 25px center;border: 1px solid #DDDDDD;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 65px;margin: 5px 30px;font-family: "Trebuchet MS";}#yukari h1 {text-indent: -9999px;}#yukari h1 a {background: url(http://i37.tinypic.com/15yxcsn.png);padding:0;display: block;height:83px;width: 344px;cursor:pointer;}.ikaz3-reklam {color:#444444;background:#FFF8AF url() no-repeat 50px center;border: 1px solid #DDDDDD;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 65px;margin: 5px 30px;font-family: "Trebuchet MS";}.ikaz27 {color:#444444;background:#E9FFDD url(http://i25.tinypic.com/5cexvl.png) no-repeat 10px center;border: 2px solid #72C868;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 65px;margin: 5px 30px;font-family: "Trebuchet MS";}.ikaz-sinema {color:#444444;background:#e3e8d5 url() no-repeat 1px center;border: 2px solid #bedd66;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 10px;margin: 5px 30px;font-family: "Verdana";}.ikazbilgi {color:#444444;background:#FF9933 url(http://i32.tinypic.com/defpz.png) no-repeat 10px center;border: 2px solid #FF8000;-webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px;padding: 9px 35px 9px 65px;margin: 5px 30px;font-family: "Trebuchet MS";} a.linkopacity img{filter:alpha(opacity=50); -moz-opacity: 0.5; opacity: 0.5;} a.linkopacity:hover img{filter:alpha(opacity=100); -moz-opacity: 1.0; opacity: 1.0;}


Son Olarak,  Ayarlar > Yayınlar ve Yorumlar kısmından Kayıt Şablonu Ekleye tıklayın ve alttaki kodu yapıştırıp ayarları kaydedin.

<div class="ikaz27">İlgili Aramalar: </div>


Bu ayarları yaptıktan sonraki her yazınızın altında otomatik olarak Ilgili Aramalar kısmı görünecektir.