Friday, July 3, 2009

Tutorial Link Pautan Post

Tutorial ini merupakan pautan bagi setiap post yang telah di buat. Ianya akan muncul di akhir posting pada bahagian bawah, link pautan post ini merupakan artikel yang terdahulu dan mempunyai hubung kait dengan artikel yang terkini. Ianya berfungsi melalui label/kategori yang sama dengan setiap posting yang dibuat. Kegunaan link pautan ini adalah untuk menarik perhatian pengunjung membaca artikel sebelumnya dan berkaitain dengan label/kategori posting.

Berikut adalah cara² untuk memasukan pautan link kedalam blog.
1. Login ke ID Blogger atau terus ke "Dashboard"

2. Klik "Layout" kemudian pilih Bahagian "Edit HTML"

3. Tanda pada Expand Widget Template

4. Copy code dibawah ini

<b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<b>Pautan Link</b>
<div id='data2007'/><br/><br/>
<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>

5. Kemudian paste pada bawah code ini <data:post.body/>
*Perhatian bagi blog yang mempunyai read more, code seperti di atas akan kelihatan 2, sila paste pada bawah code pertama seperti gambar di bawah

6. Anda boleh menggantikan tulisan merah (Pautan Link) pada kotak code di atas dengan perkataan anda sendiri seperti Pautan Artikel, Artikel Lain, Mungkin Anda Meminati Artikel Ini, dan lain-lain.

7. Setelah selesai meletakkan code dan mengubahnya. SAVE TEMPLATE!

Selamat Mencuba!

Tambahan

Jika tidak mahu pautan link yang dipaparkan terlalu banyak ubah angka nombor yang berapda di dalam kotak code di atas seperti di bawah ini

var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;

6 comments:

en_me said...

salamm bro..

Aspalela said...

ahahahah...

tepat pada masanye...Thanks Ady sbb saya tgh mencari pautan ni...
nnt saya x paham...saya tye ady ekk..

:)

Seti@wan Dirgant@Ra said...

Mungkin sama dengan related post yah?

paan said...

owh..thanks bro..lebih dikenali ngan nama related post

kakyong said...

terima kasih, sudah berjaya di buat... peeewwiiiit... :)

wanshah said...

camne ni bro?.. blom berjaya wat lagi la. wawawa..