SELAMAT DATANG SEMUANYA DI BLOG UNTUK SEMUA KALANGAN YANG MENYEDIAKAN BERITA TERBARU, DOWNLOAD SOFTWARE, FILM TERBARU, GOSIP ARTIS, BERITA PENDIDIKAN, DAN SEMUA MEDIA TERBARU

Cara Membuat Related Post / Postingan Terkait di Blog


Akhirnya aku bisa posting artikel lagi... setelah modem baruku yang agak lemot sampai menguras hatiku. untunglah sedikit demi sedikit aku mulai posting lagi tentang tutorial blog. nah kesempatan ini akan aku manfaatin untuk posting tentang cara membuat related post / postingan terkait. Teknik ini sebenarnya bukanlah teknik yang baru tetapi tidak salahkan jika aku sedikit berbagi bagaimana cara membuat related post / postingan terkait. perlu diketahui sebenarnya dengan adanya related post akan mempermudah pengunjung blog kita untuk mencari informasi terkait dengan artikel yang sedang dibacanya.
Ok lah tanpa panjang lebar aku akan memberi tau cara membuat related post / postingan terkait
1. Silahkan anda login ke account blog anda
2. Masuk ke MENU Layout => Edit HTML
3. Jangan lupa 'Download Template Lengakap' untuk jaga-jaga bila template tidak sesuai
4. Centang kotak Expand Widgets Template
5. Cari kode ini <data:post.body/>
6. Setelah ketemu silah anda copy script dibawah ini tepat di bawah kode <data:post.body/>

<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>
7. Simpan template

keterangan : pada tulisan Related Post anda bisa menggantinya dengan tulisan yang anda suka, semisal 'postingan terkait' atau 'artikel terkait'

Ok semoga postingan tentang cara membuat related post / postingan terkait sudah selesai, semoga postingan bisa bermanfaat bagi anda.

Postingan Terkait



1 komentar:

Dindikonline mengatakan...

Thank atas info dan ilmunya...

Posting Komentar