Blogger’da “benzer yazılar” göstermek

05 / Mayıs / 2008 Author

İsa Engiz

Blogger / Blogspot Tags

blogger/blogspot Yorumlar

10 Yorum Yapilmis.

Çok kullanışlıdır değil mi yazının sonunda, “benzer yazılar” başlığı altında ziyaretçiye gerçekten “benzer” yazılar göstermek? Eğer ziyaretçinin o anda okuduğu yazı ilgisini çekmişse, diğer benzer yazıları da okuması, sizin blugunuzda kalma süresini de arttırmış olacaktır.

resim

Bunu wordpress’de yapabiliriz, peki ya blogger/blogspot bloglarında? Evet, blogger’da da yapabiliriz, yazının sahip olduğu etiketlere göre, sayfa sonunda “benzer yazılar” başlığı altında, aynı etikete sahip yazılardan gösterebiliriz.

Adım 1

Blogger kontrol paneline gidiyoruz, “yerleşim”, sonra da “HTML Düzenle” bölümüne tıklıyoruz. Ardından “Widget Şablonlarını Genişlet”i seçili hale getiriyoruz.

Adım 2

Aşağıdaki kodun geçtiği yeri buluyoruz:

<data:post.body/>

Adım 3

Hemen onun altına, aşağıdaki kodu yapıştırıyoruz:

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
	<!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
	<!-- *****************Related Articles by Labels - Take Two****************** -->
 
	<!--
	 Modified by JackBook.Com to make it easier to use.
	1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
	2. The current article will also be listed, now it's no more.
	-->
	<!-- bu eklenti, yazının sahip olduğu her etiket için, aynı etikete sahip diğer yazıları gösterir. -->
	<!-- türkçe kullanım için hazırlayan: İsa Engiz http://www.koodla.com/ -->
 
	<div class='widget-content'>
	<h3>Benzer Yazılar</h3>
	<div id='data2007'/><br/><br/>
		<div id='hoctro'>
			Eklentiyi Hazırlayan: <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u>
		</div>
		<script type='text/javascript'>
 
		var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
 
		<!-- ******** 1 ******** -->
		var maxNumberOfPostsPerLabel = 4; <!-- her etiket için gösterilecek max yazı sayısı -->
 
		<!-- ******** 2 ******** -->
		var maxNumberOfLabels = 10; <!-- gösterilecek max etiket sayısı -->
 
 
		function listEntries10(json) {
		  var ul = document.createElement(&#39;ul&#39;);
		  var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?
						 json.feed.entry.length : maxNumberOfPostsPerLabel;
		  for (var i = 0; i &lt; maxPosts; i++) {
			var entry = json.feed.entry[i];
			var alturl;
 
			for (var k = 0; k &lt; entry.link.length; k++) {
			  if (entry.link[k].rel == &#39;alternate&#39;) {
				alturl = entry.link[k].href;
				break;
			  }
			}
			var li = document.createElement(&#39;li&#39;);
			var a = document.createElement(&#39;a&#39;);
			a.href = alturl;
 
			if(a.href!=location.href) {
				var txt = document.createTextNode(entry.title.$t);
				a.appendChild(txt);
				li.appendChild(a);
				ul.appendChild(li);
			}
		  }
		  for (var l = 0; l &lt; json.feed.link.length; l++) {
			if (json.feed.link[l].rel == &#39;alternate&#39;) {
			  var raw = json.feed.link[l].href;
			  var label = raw.substr(homeUrl3.length+13);
			  var k;
			  for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);
			  var txt = document.createTextNode(label);
			  var h = document.createElement(&#39;b&#39;);
			  h.appendChild(txt);
			  var div1 = document.createElement(&#39;div&#39;);
			   div1.appendChild(h);
			  div1.appendChild(ul);
			  document.getElementById(&#39;data2007&#39;).appendChild(div1);
			}
		  }
		}
		function search10(query, label) {
 
		var script = document.createElement(&#39;script&#39;);
		script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;
		 + label +
		&#39;?alt=json-in-script&amp;callback=listEntries10&#39;);
		script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);
		document.documentElement.firstChild.appendChild(script);
		}
 
		var labelArray = new Array();
		var numLabel = 0;
 
		<b:loop values='data:posts' var='post'>
		  <b:loop values='data:post.labels' var='label'>
			textLabel = &quot;<data:label.name/>&quot;;
 
			var test = 0;
			for (var i = 0; i &lt; labelArray.length; i++)
			if (labelArray[i] == textLabel) test = 1;
			if (test == 0) {
			   labelArray.push(textLabel);
			   var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?
					  labelArray.length : maxNumberOfLabels;
			   if (numLabel &lt; maxLabels) {
				  search10(homeUrl3, textLabel);
				  numLabel++;
			   }
			}
		  </b:loop>
		</b:loop>
		</script>
	</div>
 
</div>
</b:if>

opsiyonel adım 4

Şu anda blogunuza baktığınızda, etiketlerine göre, yazı sonlarında benzer yazıları gösteriyor olmalı. Bu kadarla bırakabilirsiniz, ya da biraz daha değiştirebilirsiniz!

Görüldüğü üzere bu eklenti, hem etiket için benzer yazıları göstermekte. Gösterilecek yazı sayısını ve etiket sayısını değiştirebilirsiniz. Bunun için eklediğimiz kodun içerisinde **** 1 **** ve **** 2 **** diye işaretlediğim bölüme bakın ve max. değerleri değiştirin.
Eklentiyi hazırlayan kişi, görüldüğü üzere kendi sitesine bağlantı vermiş durumda. Bu yazıyı daha küçük hale getirebilirsiniz. Bunun için blogunuza ufak bir css kodu eklemelisiniz. Bu bağlantının verildiği kısım, div id=”hoctro” eitketine sahip, siz de bu div etiketi için:
```
style="font-size:11px; font-style:italic;"
```
gibi bir kod ekleyebilirsiniz. Ya da bu bölümü silip, eklentiyi hazırlayan kişinin sitesine “düzgün” biçimde bir bağlantı verirsiniz.
Benzer yazılar bölümünün div etiketi ise class=”similar” olarak belirlenmiş. Yine bu bölümün görünüşünü değiştirebilirsiniz, çerçeve ekleyebilir, “padding” değerlerini değiştirebilirsiniz.

İşte bu kadar…

NOT:
Eklentiyi oluşturan kişinin sitesi: Hoctro
Eklentiyi düzenleyen kişinin sitesi: Jack Book
Türkçeleştiren ve kullanıma hazırlayan: İsa Engiz – Koodla | Blog

- Bu blogda yer alan yazıları RSS ile takip edebilirsiniz. RSS aboneliği için tıklayın.

- Ya da bu blogda yer alan bütün yazıları içindekiler sayfasında görüntüleyebilirsiniz. Tıklayın!