Apa yang anda cari ?


CSS

Jumat, 14 Desember 2012

Membuat Artikel Terkait Dibawah Artikel dengan mudah

·


Dikutip dari : Luhur Patah Blog

Hai..sob..pada kesempatan kali ini saya akan memberikan sedikit tutorial bagi sobat yg ingin tau mengenai "Cara Membuat Artikel Terkait Dibawah Posting  Blog". Nih saya akan memperkenalkan widget yg keren yg perlu sobat pake di blog sobat.
Kenapa widget ini perlu di pasang di blog sobat..?
Karena manfaatnya itu lho yg lumayan, selain memper cantik blog widget ini juga bisa membuat pengunjung membaca artikel-artikel lain di blog kita.
Contohnya jika salah satu pengunjung masuk ke blog kita dan sedang membaca salah satu artikel di blog kita dan si pengunjung melihat widget ini, jika artikelnya bagus pengunjung pasti akan mengeklik artikel tersebut artinya kita mendapat keuntungan pageview.
Gimana sob tertarik untuk memasang widget  ini di blog anda mari simak tutorial berikut.

1. Login ke Dasbor >> Template

2. Untuk mengantisipasi terjadinya kesalahan Back Up dulu template blog sobat.

3. Edit Template >> Lanjutkan >> Conteng Expand Template Widget 


4. Cari kode ]]><b/:skin> Untuk mempermudah gunakan F3 atau Ctrl+F

5. Jika sudah ketemu letakan kode berikut tepat di atas kode ]]><b/:skin> 
.rbbox{-moz-box-shadow: inset 0 0 20px #f10c0c;-webkit-box-shadow: inset 0 0 20px #f10c0c;
box-shadow: inset 0 0 20px #f10c0c;
.rbbox:hover{background-color:#000000);}
6. Selanjutnya cari kode <data:post.body/> 
7. Letakan kode di bawah ini tapat di bawah kode <data:post.body/> 

<<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 = 10;
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>

8. Simpan dan lihat hasilnya.
Comments
0 Comments

0 komentar:

Poskan Komentar

Mari berpartisipasi dalam berkomentar,dengan diberikannya hak untuk menyatakan pendapat dan berbicara ,mari nyatakanlah pendapatmu tentang artikel diatas asalkan tidak berunsur SPAM/Penipuan,tidak berbau pornografi dan menggunakan bahasa yang ramah.

handapeunpost