News Update :


Cara Memasang Related Post/Artikel Terkait Dengan Scroll



Cara Memasang Related Post/Artikel Terkait Dengan ScrollSelain untuk memudahkan pengunjung blog untuk mencari artikel di blog sobat, widget artikel terkait ini juga bisa memperkuat SEO kalau menurut saya sob. Kalau sobat udah penasarang pengen bikin widget ini, ayo langsung saja ke-TKP!! Atau bisa juga coba yang ini!!!
caranya seperti ini :


1. Masuk ke Dashboard , pilih Rancangan , pilih Edit HTML
2. Silahkan untuk mendownload Full Template sebagai backup
3. Centang Expand Widget Templates
4. Cari kode : <data:post.body/>
5. Copy kode dibawah ini dan paste dibawah kode nomor 4 diatas






<b:if cond='data:blog.pageType == &quot;item&quot;'>
<br/>
<br/>
<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 = 9999;
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>


6.Cari kode ]]></b:skin>
7.copy kode dibawah ini diatas kode poin no.6
. rbbox {border: 1px solid #D8D8D8; padding: 5px;
background-color: #E0F8E0;-moz-border-radius: 5px; margin: 5px;}
. rbbox: hover {background-color: #EFFBEF;} 
Tulisan Related Post pada point 5. (warna merah) bisa diganti apa saja misalnya baca juga, artikel terkait dsb.

8. Save




Anda sedang membaca artikel tentang Cara Memasang Related Post/Artikel Terkait Dengan Scroll dan anda bisa menemukan artikel Cara Memasang Related Post/Artikel Terkait Dengan Scroll ini dengan url http://wawasanfadhitya.blogspot.com/2012/02/cara-memasang-related-post-dengan.html,anda boleh menyebar luaskannya atau mengcopy paste-nya jika artikel Cara Memasang Related Post/Artikel Terkait Dengan Scroll ini sangat bermanfaat bagi teman-teman anda,namun jangan lupa untuk meletakkan link Cara Memasang Related Post/Artikel Terkait Dengan Scroll sebagai sumbernya.

Share on :
Bookmark and Share
| | 6 comments



Artikel Terkait

6 comments:

haem sutrisno mengatakan...

Mohon ijin boc ikut memngamalkan ilmunya

Fandi Adhitya mengatakan...

monggo

haem sutrisno mengatakan...

ikutan make ilmunya ya mas

Ramzi mengatakan...

Scriptnya cukup panjang, kalo mau dibuat external link sebaiknya disimpan dimana ya script diatas ??
terima kasih mas bri atas tutorialnya

Fandi Adhitya mengatakan...

@haem: silahkan bung

Fandi Adhitya mengatakan...

@ramzi: di bawah datapostbody..silahkan dicoba

Komentar di: Cara Memasang Related Post/Artikel Terkait Dengan Scroll

Berkomentarlah dengan sopan dan pastikan komentar anda bukan spam. Komentar spam akan dihapus.

 

Page Rank Check

Technology Blogs