Home » Widget » Cara Membuat Related Post Dibawah Posting Blogspot

Cara Membuat Related Post Dibawah Posting Blogspot

Posted by Unknown on Senin, 28 November 2011










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.

Penulis : Unknown ~ Share All Tutorial, Tips, Tricks About Blog and SEO

Artikel Cara Membuat Related Post Dibawah Posting Blogspot Ini Diposting Oleh Unknown. Terimakasih Atas Kunjungan Anda Serta Kesediaan Anda Membaca Artikel Ini. Kritik Dan Saran Dapat Anda Sampaikan Melalui Kotak Komentar. Kebijakan Dan Privasi

:: Dodol Blog ::

Label: ,

{ 14 comments... Read Them Below or add one }

Admin mengatakan...

Tanks... udah ane praktikin.. maknyus hasilnya...

14 Desember 2011 pukul 10.00
Cakemier mengatakan...

Tipsnya mantap

28 Desember 2011 pukul 01.16
ery mengatakan...

ertikel nya ,,keren2 omz,,,!!
visit back ya....!!!

26 Januari 2012 pukul 03.26
Unknown mengatakan...

Assalamualaikum,

makasih kk infonya sangat bermanfaat.

ijin follow ya

8 Mei 2012 pukul 08.26
Unknown mengatakan...

makasih mas infoh nya

10 Mei 2012 pukul 11.41
TIARSOFTWARE mengatakan...

Mantap Gan infonya ..
udah gwe coba . ..
maknyuuss ..

tiarhacker.blogspot.com

13 Juni 2012 pukul 17.40
razone wanennoor mengatakan...

terima kasih gan, sudah berbagi ane coba dulu ya , semoga berhasil dan tampak lebih berisi di blog ane nantinya..

28 Juni 2012 pukul 09.38
Julian fasha mengatakan...

Langsung d coba dulu sob..

4 Juli 2012 pukul 21.40
Unknown mengatakan...

aduh gan tidak bisa di cari kode itu tu ...jadi gmna lah

12 Juli 2012 pukul 21.47
Rudi Hr mengatakan...

tks,,,,

18 Juli 2012 pukul 10.54
Listlowker mengatakan...

makasih gan bermanfaat sekali mampir di blog ane Lowongan Kerja

28 Agustus 2012 pukul 09.23
Unknown mengatakan...

Terimakasih ya Mas tutor nya...., sangat bermanfaat...!

Visite Back Please : http://khabaranunik.blogspot.com/

9 Oktober 2012 pukul 20.47
Unknown mengatakan...

terima kasih atas tutornya

11 November 2012 pukul 16.33
Unknown mengatakan...

thanks gan tutornya..
kunjungi blog ku yah
http://antok-cyber.blogspot.com

27 Maret 2013 pukul 15.03


Posting Komentar

Silahkan sahabat berkomentar sesuai dengan artikel postingan di atas. Apabila ada postingan yang rusak atau tidak bisa terbaca mohon beritahu di Komentar ini.Trimakasih telah berkunjung & berkomentar

Penting... Maaf,Tidak Diizinkan Memberikan Atribut Pada Komentar Anda..