23 January 2010

;

Cara membuat artikel terkait di blogspot

classicstudio, tutorial blogspotTutorial blogspot

Cara membuat artikel terkait di blogspot

Membuat navigasi blog adalah hal penting untuk meningkatkan page view web/blog, salah satunya adalah Membuat link artikel terkait, artikel yang berhubungan, Related post atau nama lain yang berdasarkan kategori atau label yang diberikan tiap postingan.

Cara membuatnya di blogspot, disini kita akan menempatkannya tepat dibawah postingan :

1. Login ke blogmu
2. Klik Layout lalu pilih Edit HTML
3. Untuk keamanan sebelum mengedit template backup dulu templete mu klik Download Full Template.
4. Centang Expand Widget Templates
5. Cari kode
<data:post.body>
6. Copy kode dibawah ini letakkan dibawah <data:post.body>

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<span class='box'>
<div class='widget-content'>

<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>

<script type='text/javascript'>

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

maxNumberOfPostsPerLabel = 6;
maxNumberOfLabels = 100;

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>
</span></div>

</b:if>

Save Template dan lihat hasilnya

Head " Artikel Terkait " dapat anda ganti dengan kata yang disukai contohnya Related Post, Related Articles, Baca Juga dan sebagainya.





classicstudio, facebook Ahmad Mutakabbir : Seluruh Artikel seputar Tutorial Blog, Tips Facebook, Download Antivirus, serta informasi komputer dan internet disajikan secara gratis dan bebas iklan.

Artikel lain yang menarik



28 comments:

setting gprs on February 10, 2010 at 2:11 AM said...

kalau cara pasang image pada artikel terkai bisa nggak ya sob

classicstudio on February 10, 2010 at 9:50 PM said...
This comment has been removed by a blog administrator.
rizki on April 10, 2010 at 6:17 AM said...

wah terimakasih informasinya,, langsung saya praktekan di blog saya

classicstudio on April 13, 2010 at 12:30 AM said...
This comment has been removed by a blog administrator.
Nofianto on November 8, 2010 at 6:49 PM said...

Mkasih infonya mas... http://nofianto777.blogspot.com/

Nofianto on November 8, 2010 at 7:11 PM said...

http://nofianto777.blogspot.com/

Agam Gusriyandi on December 6, 2010 at 7:38 PM said...

mantap di cobaya, buat temen temen yang butuh artikel bisnis, kesehatan, motivasi bisa kunjungi blog saya ya....
di hattp://agam-on.blogspot.com
admin blog tuker link ya...

Agam Gusriyandi on December 6, 2010 at 7:53 PM said...

sory salah ketik link :
http://agam-on.blogspot.com

sekedar ikut berbagi artikel :
1. Cara Membuat readmore di blogger
http://agam-on.blogspot.com/2010/11/cara-membuat-readmore-blogger-sudah.html.
2. pertanyaan umum seputart blogger
http://agam-on.blogspot.com/2010/11/pertanyaan-umum-seputart-blogger.html

dan masih banyak lagi silahkan mengungjungi....

Desain M.and.Art on December 20, 2010 at 1:11 AM said...

thanks...

MAS-IKBAL on December 24, 2010 at 4:51 AM said...

makasih infonya

iyan on January 4, 2011 at 2:41 AM said...

bos kenapa ya ,pas saya coba, yang muncul cuma bacaan ,ARTIKEL TERKAIT saja. tolong kasih tau alasanya bos, kirim ke email aja ya.thank
rullauhy@gmail.com

Poetra761 on February 9, 2011 at 11:37 PM said...

Wah info2 yg sgt menarik..slmknal ya.blog pemula ni msh bljar,heE..

http://minority761.blogspot.com

marketingan on March 7, 2011 at 2:26 AM said...

nice artikelnya, tapi sayang sudah tak coba ditempatku tapi gagal kayaknya.

Jirdi Zaedin on March 14, 2011 at 8:40 PM said...

terima kasih infonya

Zen's Evanthe on April 15, 2011 at 12:34 AM said...

thanks.

om onny on May 15, 2011 at 10:10 PM said...

terima kasih atas infonya

Rina As on May 20, 2011 at 11:42 PM said...

trims kebetulan saya lagi cari script ini... ijin coba ya..

bisnis scam on June 2, 2011 at 12:46 AM said...

cara bikin artikel terkait mirip agc gmn ya?

Wahid on June 6, 2011 at 1:06 PM said...

Tak cobanya dulu. Terimakasih sebelumnya

boz jangkrik on June 25, 2011 at 3:53 PM said...

postingannya mantab, yang suka main ninja saga kunjungi blog ane http://www.bozjangkrik.co.cc/

ismanpunggul on August 21, 2011 at 4:39 AM said...

Tipsnya sudah berhasil kupraktekkan di blogku Mas!
Makasih ya!

Patrisia on August 30, 2011 at 4:10 AM said...

Nice article dan semoga bermanfaat bagi banyak orang. Sukses selalu buat sobat.

Prince Inside on September 4, 2011 at 9:34 PM said...

wooooooowww thanx ya gan, akhirnya bisa juga, nice info :)

Ilmu Desain Grafis on September 5, 2011 at 5:45 PM said...

Info yang manfaat..thanks gan, jangan lupa mampir di blog sederhana saya gan !!!
http://www.ilmudesain.web.id

serba serbi on October 10, 2011 at 3:44 AM said...

kok nggak jadi gan...???

Damar Wu on October 11, 2011 at 7:01 PM said...

Makasih mas bro...

mampir di blog aku ya.. http://masdamarwu.blogspot.com/

pemula nih..

rud on September 28, 2012 at 8:49 AM said...

makasih...gan di coba dulu...mudah-mudahan bisa di pasang di blog saya
http://mediaedustira.blogspot.com

niena on April 19, 2014 at 10:05 PM said...

Yg tanpa edit html gmn gan caranya??
Mohon infonya

Tinggalkan Komentar

 
Computer Blogs - BlogCatalog Blog DirectoryTechnology Blogs - Blog Rankings Blog Directory by Blog FluxInternet GoLedy.comComputers Blogs TopOfBlogsHihera.com Add to Technorati FavoritesAdd to Technorati Favorites Top BlogsPageRank Checking Icon

Classicstudio | Blog Tutorial | Tips Facebook | Download Antivirus | Cara Hacking Copyright © 2009 Classicstudio