Gelandang Internet yang mencoba melewati lorong sempit tanpa batas ruang dan waktu
Joint Venture Adsense

Cara Membuat Related Post di Blogspot

· · 0 comments
Assalamu'alaikum, wr.wb

Cara Membuat Related Post di Blogspot - Apa itu related post ? dikenal juga dengan artikel terkait yang biasanya terletak dibawah postingan artkel blog. Yaitu beberapa link atau sekumpulan link untuk memudahkan para pengunjung blog kita menemukan posting atau tulisan yang ada hubungannya dengan halaman blog yang sedang terbuka. Jadi membuat artikel terkait di bawah postingan blog ini sangat berguna sekali sobat untuk membuat blog user friendly sehingga pengunjung atau visitor blog kita bisa menjelajah blog dengan topik bahasan yang bersangkutan dengan kategori terkait dari tulisan yang dibacanya, sehingga pageview blog akan bertambah. Dan konon katanya related post di blog kabar burung yang pernah saya dengar dapat menambah nilai persentase SEO suatu blog. Benar atau salah berita itu mari kita serahkan pada yang maha kuasa saja ya.. karena pihak google tidak pernah membeberkan rahasia algoritmanya secara signifikan.

Untuk model related post atau artikel terkait dibawah postingan blog bermacam-macam, ada yang memakai tulisan saja dan ada juga dilengkapi dengan gambar, silahkan sobat sesuaikan dengan selera atau style masing-masing. Namun bentuk related post di blogspot yang saya bagikan kepada sobat maya sekalian kali ini tanpa menggunakan gambar (biasanya source picture dari postingan). Seperti yang terdapat pada blog saya ini, artikel terkait atau related post menggunakan link judul posting sebagai mana tampak pada gambar berikut. Oh ya dibeberapa template blogger sudah menyediakan fasilitas related post sehingga kita tidak perlu menambahkannya lagi.


membuat artikel terkait dibawah postingan blog



















Pertama berdoa dulu ya.. (ini poin penting yang saya kira juga sangat berpengaruh) hehe.

- Login dulu di blog sobat, pilih template, klik edit HTML
- Ctrl + F kemudian temukan <data:post.body/>
- Letakkan formulanya dibawah <data:post.body/> tersebut.

Silahkan copy formulanya dibawah ini :

<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>

Kemudian save template, dan selesai. demikian cara membuat related post atau artikel terkait dibawah postingan blogger. Oh ya. satu lagi nih..yang perlu diperhatikan jika penempatan script dibawan kode <data:post.body/> tidak bekerja, silahkan temukan kode <data:post.body/>  lainnya, karena dalam sebuah template terdapat beberapa kode <data:post.body/>. dan script ini tidak boleh ganda. Selamat mencoba moga bermanfaat dan kalau bisa terharu juga ya. Baca juga cara membuat blog gratis dengan blogger.

0 comments:

Post a Comment

- Komentar yang mengandung hujatan, negatif akan dianggap spam
- Komentar link akan dilaporkan ke posyandu terdekat & tidak akan ditampilkan