Rabu, 06 Januari 2010

cara membuat related post



kembali ke blogging tutorial,,,posting kali ini saya akan nyampaikan bagaimana membuat related post di blogspot. walaupun hal ini bukan sesuatu yang baru tapi saya yakin akan berguna bagi anda yang masih sangat baru terjun di dunia blog.

fungsi dari related post, artikel terkait atau artikel yang berhubungan sangat penting. cara ini akan memudahkan pembaca menemukan artikel yang ada hubungannya dengan artikel yang sedang dibaca,,,juga merupakan cara promosi membuat artikel-artikel lama anda akan terbaca lagi.

langsung ke tkp....

1. login ke blogger.com dengan account anda.

2. klik menu 'Layout (tata letak), klik Edit HTML'

3. jangan lupa centang kotak 'Expand Widgets Template'

4. carilah kode ini <data:post.body/>

5. letakkan script berikut ini di bawah kode tadi.



<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Post</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


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>



6. klik tombol SIMPAN TEMPLATE.

anda bisa menganti related post (warna merah) dengan artikel terkait, artikel yang berhubungan atau biarkan saja jika anda ingin related post.

ok,,,semuga bermanfaat selamat mecoba !!!
Selamat mencoba.


selamat belajar dan membaca !!!!
karena blog ini di buat oleh pemula untuk pemula jadi saran dan kritik anda akan sangat membantu.

Dapatkan atikel-artikel terbaru langsung ke email anda. Masukkan alamat email aktif anda :

Delivered by FeedBurner


jangan lupa baca atikel di bawah ini,,,



Comments :

0 comments to “cara membuat related post”

Posting Komentar

blogging tidak ubahnya dunia offline, banyak hal yang harus anda pahami. jangan menerima suatu informasi dengan apa adanya. blogger yang maju selalu kritis terhadap apapun,,,salah satu caranya dengan berkomentar.

Blog Archive

Label

blogging (15) CSS (2) duit gratis (2) google (1) HTML (3) internet (11) paypal (2) seo tips (12) tema (3) tips n trik (1) tutorial blogging (28)