Saya akan membuat trik blog yang berjudul "Memasang Widget Artikel Terkait di Blog". Artikel Terkait ini memudahkan kita, saat pencarian artikel yang lain dan terkait dalam artikel tersebut
Kita langsung saja pada pembahasan artikel ini. Perhatikan trik di bawah ini:
1. Login Blogger
2. Lalu pilih Rancangan
3. Langsung ke Edit HTML
4. Jangan lupa centang Expand Template Widget
5: Cari kode di bawah ini:
<p><data:post.body/></p>6. Kemudian paste kode berikut ini di bawah kode tadi:
<b:if cond='data:blog.pageType == "item"'>7. Jika sudah, tinggal paste kode berikut di bawah kode ]]></b:skin> :
<strong>.::Artikel Terkait::.</strong>
<div class='rbbox'>
<div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'>
<div id='tkjlover'/>
<script type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;
function listEntries10(json) {
var ul = document.createElement('ul');
var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ?
json.feed.entry.length : maxNumberOfPostsPerLabel;
for (var i = 0; i < maxPosts; i++) {
var entry = json.feed.entry[i];
var alturl;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
alturl = entry.link[k].href;
break;
}
}
var li = document.createElement('li');
var a = document.createElement('a');
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 < json.feed.link.length; l++) {
if (json.feed.link[l].rel == 'alternate') {
var raw = json.feed.link[l].href;
var label = raw.substr(homeUrl3.length+13);
var k;
for (k=0; k<20; k++) label = label.replace("%20", " ");
var txt = document.createTextNode(label);
var h = document.createElement('b');
h.appendChild(txt);
var div1 = document.createElement('div');
div1.appendChild(h);
div1.appendChild(ul);
document.getElementById('tkjlvoer').appendChild(div1);
}
}
}
function search10(query, label) {
var script = document.createElement('script');
script.setAttribute('src', query + 'feeds/posts/default/-/'
+ label +
'?alt=json-in-script&callback=listEntries10');
script.setAttribute('type', 'text/javascript');
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 = "<data:label.name/>";
var test = 0;
for (var i = 0; i < labelArray.length; i++)
if (labelArray[i] == textLabel) test = 1;
if (test == 0) {
labelArray.push(textLabel);
var maxLabels = (labelArray.length <= maxNumberOfLabels) ?
labelArray.length : maxNumberOfLabels;
if (numLabel < maxLabels) {
search10(homeUrl3, textLabel);
numLabel++;
}
}
</b:loop>
</b:loop>
</script>
</div>
<script type="text/javascript">RelPost();</script>
</div>
</b:if>
<script src='http://h1.ripway.com/tkjlover/kodescript.js' type='text/javascript'/>8. Simpan deh dan lihat hasilnya
9. Okeh
Related Posts :
- Memasang Reply Button di Komentar Blog
- Cara mengatasi Error judul pada Widget HTML/JavaScript
- Cara membuat Random Posts
- Membuat Readmore Otomatis
- Cara Membuat Label Blog
- Cara Membuat Setiap Artikel Menjadi Populer
- Memasang Widget Artikel Terkait di Blog
- Menambahkan Social Bookmark di Gadget Profile Blog
- Trik Membuat Kategori Melayang (seperti tombol spoiler)
- Modifikasi Warna Saat Memblock Text
12 komentar:
waw...bermanfaat ni.ijin nyoba sob.
@sofilmendo
Okeh sob, silahkan dicoba...
Terimakasih tutorialnya kawan, langsung kucoba nich
@PIK Remaja Al-Hikmah
Okeh sob...silahkan
Ini dya Yang Kucari Cari !! Oke makasih
@Anak Indonesia Harapan Masa Depan
Sama-sama kawan..
sob,aq mo request don"bagaimana menampilkan status FB di blog sob???"
@sofilmendo
Wah maaf sob, untuk menampilkan status FB di blog itu nggak ada...
Ini dya Yang Kucari Cari !! Oke makasih
Oke Sob...
@iklan gratis
Iya sob...
Terima kash atas kunjungannya
@Anak Indonesia Harapan Masa Depan
U are welcome kawan,,,
Post a Comment