Apr
19
Membuat Related Post, postingan terkait #2 | Tipsyournet
Posted by
tipsyournet
Labels:
BLOG
![]() |
Artikel terkait | tipsyournet |
Berikut ini adalah tutorial singkatnya :
Share
1. Buka account Blogger Beta Anda, lalu klik “TEMPLATE”, selanjutnya klik “EDIT HTML”
2. Klik “Expand Widget“.
3. Jangan lupa untuk menyimpan template Anda di Komputer atau File lain dengan meng-klik “Download Full Template“. Ini adalah prosedur standar (gold procedure) setiap kali Anda akan melakukan perubahan pada template Blogger Beta. Sewaktuwaktu, jika proses editing Template Blogger Beta Anda bermasalah, maka Anda masih bisa kembali ke Template Anda sebelumnya.
4. Cari kode <data:post.body/>
5. Copy + Paste kode dibawah ini setelah kode <data:post.body/>
<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>
<!-- *****************http://tipsyournet.blogspot.com*****April,2010****************** -->
<!-- *****************Related Articles by Labels - Take Two****************** -->
<div class='widget-content'>
<b>Postingan Terkait Lainnya :</b>
<div id='data2007'/><br/><br/>
<div id='Randezvous'>
Widget by <u><a href='http://tipsyournet.blogspot.com/2010/04/artikel-terkait-tipsyournet-dari.html' target='_blank'>Tipsyournet.blogspot.com</a></u>
</div>
<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('data2007').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>
</div>
</b:if>
. Pekerjaan selesai!
Saya tunggu komentar Anda…
LIHAT CONTOH dibawah INI
Postingan Terkait Lainnya :
BLOG
- Menampilkan Judul Posting Saja Pada Halaman Pencarian
- membuat 7 kolom iklan | tipsyournet
- Menghilangkan Tulisan Showing Post With Label Blogger
- rahasia membuat tombol spoiler, tombol tampilkan dan sembunyikan | tipsyournet
- memasang toolbar blog wibiya | tipsyournet
- Create roll effect, when opening Blogs
- Email Validation script
- Membuat kolom Form field Progress Bar
- kriteria blog yang dapat menarik pengunjung
- Tips mempercepat loading Blog
- Membuat kolom komentar Disqus | tipsyournet
- Membuat Kolom Komentar | tipsyournet
- Membuat Judul Blog Berjalan | tipsyournet
- Colour code | Kode warna
- Cara Memasang Kode Warna
- membuat Kolom Daftar Isi
- Mengganti Favicon Bloger, logo blog
- membuat floating box (iklan diawal pembukaan halaman situs)
- cara rahasia membuat blog atau website gratis
- membuat alert message | tipsyournet
- Membuat menu Dtree | menu seperti Windows Explorer pada blog
- membuat footer 3 kolom
- tipsyournet | tips membuat logo dan sejenisnya
- cara simpel posting kode HTML
Related post | Widget by Tipsyournet.blogspot.com
.
.
Grab this Widget ~ Blogger Accessories Custumized by Yuniarto Rahardjo
4/19/2010
Makasih tutornya.
4/19/2010
Sob tomo, sama2 sob :)
7/14/2010
waw,,, tengkyu bnged,, dah lama aku cari yang ginian..
8/25/2010
kok retet article nya ga mau muncul di blog aku boz minta bantuannya... http://www.info-ntb.co.cc/
Post a Comment