Membuat related post, baik yang ditaruh dibawah posting maupun yang berupa related post widget yang diletakkan pada sidebar ini bukan hanya merupakan pemanis belaka, tapi juga merupakan hal yang sangat bermanfaat. selain dapat meningkatkan page views, related
post ini sangat membantu apabila ada beberapa posting lama kita yang belum terindeks oleh mesin pencari. Related Post adalah daftar link posting yang berhubungan. dihubungkan oleh kategori atau label yang sama.Pada tutorial blogspot kali ini, saya akan memberikan tutorial tentang bagaimana cara membuat related post dibawah posting pada blog berplatform blogspot.
Pada postingan sebelumnya menyinggung masalah Membuat Related Post Berdasarkan Kategori dan Related Post Tanpa Label. Untuk postingan kali ini coba menyinggung tentang Related Post dibawah Postingan.


Berikut ini adalah langkah2 untuk membuat link artikel yang berhubungan atau membuat related post dibawah posting :

    Login ke account blogger anda,
    Pada dashboard, pilih edit layout–> edit HTML
    Centang Expand widget template
    Cari kode seperti dibawah ini, lebih mudah bila anda menggunakan ctrl+F

    <p><data:post.body/></p>
    Lalu sisipkan kode2 berikut persis dibawah kode tadi

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<H2>Artikel Terkait:</H2>
<DIV class='rbbox'>
<DIV style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<DIV id='albri'/>
<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;albri&#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>
<script type="text/javascript">RelPost();</script>
</DIV>
</b:if>

    Simpan perubahan

Sampe sini anda sudah bisa membuat related post dibawah posting blogspot anda.
Semoga Bermanfaat, Jangan Lupa tinggalkan Komentar anda.

Penjelasan yang jelas dan ringkas, langkah-demi-langkah, dan penuh warna gambar layar membawa Anda melalui fitur terbaru dari Windows 7 Lebih dari 150 Windows 7 tugas menunjukkan dasar-dasar dan seterusnya, termasuk dan memperbaiki instalasi program, menjaga sistem Anda, memuat gambar dari kamera digital, dan lebih Buku ini sangat penting jika Anda seorang pelajar visual yang sangat antusias menyelam dan menjelajahi semua bahwa Windows 7 yang ditawarkan!

Anda akan menemukan bagaimana cara menginstal dan memperbaiki program, menjaga sistem anda, membuat dilindungi sandi account, gambar beban dari kamera digital, memainkan musik dan file media lainnya, internet yang aman dan e-mail account, dan banyak lagi. Lebih dari 150 tugas yang disertai dengan penuh warna screen shot saat mereka memandu Anda untuk menjadi percaya diri pengguna Windows 7.

situs :
http://monozcore.blogspot.com/2011/07/7-graphic-user-interface-for-blog.html
http://monozcore.blogspot.com/2011/09/membuat-taskbar-navigation-menu.html#
http://www.jankoatwarpspeed.com/post/2010/04/06/windows-7-start-menu-css3.aspx

            
Download  Elegance Theme untuk Nokia OS: Windows XP (8.5MB)

Password: metrixcyber.blogspot.com    

            
Download  Elegance Theme untuk Nokia OS: Windows XP (8.5MB)

Password: metrixcyber.blogspot.com    

Menarik dan sangat spektakuler tema Revo untuk Windows XP untuk orang yang Anda cintai di Fradanlvd kita miliki. Kami harap Anda akan menggunakan cukup dari tema ini.

Menarik dan sangat spektakuler tema Revo untuk Windows XP untuk orang yang Anda cintai di Fradanlvd kita miliki. Kami harap Anda akan menggunakan cukup dari tema ini.