Cara Memasang Widget Related Post / Artikel Terkait | Griya Ilmu & Bisnis
 
Griya Ilmu & Bisnis
 
Sabtu, 04 Juni 2011

Cara Memasang Widget Related Post / Artikel Terkait

it's an information blog
Duh kemaleman euy postingnya, tapi cuek deh ...abiz ini mo bobo kok ... dah kecapean ...

Nah tips kali ini saya jelaskan tentang cara memasang widget Related Post / Artikel Terkait yang nantinya akan tampil seperti dibawah postingan ini... liat deh ke bawah ....eitttttttttt jangan terlalu bawah !!! He he... canda sob ...


Nah caranya :
Seperti biasa, login dulu ke akunmu...
lalu kamu masuk ke rancangan
klik edit HTML
jangan lupa download dulu tuh templatenya kalo belum profesional
lalu centang expand widgetnya
nah aktifkan mode pencarian dengan menekan CTRL+F
lalu ???
Ya temukan kode biru ini :

<div class='post-footer'>
<div class='post-footer-line post-footer-line-1'/>
<div class='post-footer-line post-footer-line-2'/>
<div class='post-footer-line post-footer-line-3'/>

Jika sudah ditemukan lihat bagian bawah kode tersebut, lalu temukan kode penutup tag nya yaitu kode </div&gt;

dibawah kode </div&gt; ini yang paling akhirnya (jika ada lebih dari 1 kode) maka paste code merah berikut ini dibawahnya :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similar'>
<!-- *****************http://hoctro.blogspot.com*****Jan,2007****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->
<div class='widget-content related-by-cat'>
<h3>Related Posts / Artikel Terkait :</h3>
<div id='data2007'/><br/><br/>
<div id='hoctro' style='display:none;'>
Widget by <u><a href='http://hoctro.blogspot.com'>Hoctro</a></u> | <u><a href='http://www.jackbook.com/' title='Related Posts on Blogger Modified by JackBook.Com. Read More?'>Jack Book</a></u>
</div>
<script type='text/javascript'>

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

maxNumberOfPostsPerLabel = 40;
maxNumberOfLabels = 40;


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, dan temukan keindahannya ...
Eittttttttttttttttttttt mo kemana ??? Koment dulu ah !!! SUka kebiasaan gitu langsung pergi ....he he....

3 komentar:

Abu Hashifah mengatakan...

Alhamdulillah, ini dia yang sejak beberapa hari ini ada di kepala dan pengen ditanyain ke antum...!
Tapi kok belum ditanya sudah dibagi-bagi ilmu nya gini...ckckck...manTAP!!

jazakallahu khairan....

Ahmad Thoufur MH ; Abi HaSnaNif At-Thoilah mengatakan...

assalamu'alaikum ww...
kalau di wordpress gimana ya..?! Jelasin ya...?!

Muhammad Yusuf mengatakan...

Kalau di wordpress cara memasangnya pakai yang namanya plug in yang ada dibagian dashbor, tapi harus wordpress yang berbayar pak, yang gratisan ndak ada fasilitas plugin nya...

:10 :11 :12 :13 :14 :15 :16 :17
:18 :19 :20 :21 :22 :23 :24 :25
:26 :27 :28 :29 :30 :31 :32 :33
:34 :35 :36 :37 :38 :39

Posting Komentar

Tinggalkan pesan anda disini :

Updates Via E-Mail