October 06, 2012
MR.L.A
Assalamualaikum WBT dan selamat sejahtera kepada tetamu yang dihormati. Baru sahaja saya post "Related Posts Yang Paling Cool Untuk Blogger", rakan saya request related post serupa seperti saya. Nak tahu siapakah rakan saya tu?
Gemok Imba(Xitox)
Admin kepada eBusuk.blogspot.com
Yang banner kat atas kanan itu ialah blog beliau.
Untuk related post ini cuma ada Link dah hover yang mengiurkan .
Tanpa membuang masa lagi marilah kita menambahkan Widget Related post ini :D
Menambahkan Widget Link Related Post Pada Blogger
1. Log In Blogger.com
2. Drop Down Menu > Template
3. Edit Template
4. Proceed
5. Cek kotak > Expand Widget Templates
6. Cari code tersebut:-
<b:if cond='data:blog.pageType == "item"'>
<div style='clear:both;'/>
<div class='post-share-buttons'>
7. Copy code di bawah dan letakkan code di bawah > di atas code tadi(6):-
<style>
.rbbox{-moz-transition:0.7s;-webkit-transition:0.7s;border:1px solid rgb(192,192,192);padding:5px;background-color:#f0f0f0;-moz-border-radius:5px;margin:5px}
.rbbox:hover{-moz-transition:0.7s;-webkit-transition:0.7s;background-color:rgb(255,255,255)}
#relpostFs{border:1px solid rgb(204,204,204);margin:0;padding:3px 5px;overflow:auto;max-height:200px;-moz-border-radius:5px}
</style>
<!-- RELATED POSTS: http://Danialde4.blogspot.com -->
<b:if cond='data:blog.pageType == "item"'>
<H3>Related Post</H3>
<DIV class='rbbox'>
<DIV id='relpostFs'>
<DIV id='albri'/>
<SCRIPT type='text/javascript'>
var homeUrl3 = "<data:blog.homepageUrl/>";
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 2;
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('albri').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>
<!-- /RELATED POSTS -->
8. Preview Template
9. Kalau tiada Error > Save N Done !
Pengubahsuaian
DE4 - maxNumberOfPostsPerLabel = 100100 tu boleh tukar ke seberapa banyak link yang kalian mahukan :)
Dikemaskini: Jumlah post yang nak kita paparkan
DE4 - maxNumberOfLabels = 2
2 bermaksud berapa banyak label yang ditunjuk. Kalau, tulis 3. Maka 3 label akan keluar.
Dikemaskini: Jumlah label yang nak kita paparkan
Contok (Kalau tulis 2).
Tutorial
... Link related post ...
... Link related post ...
... Link related post ...
Blogger
... Link related post ...
... Link related post ...
... Link related post ...
Lebih kurang bergitulah :)
Akhirnya... dalam sehari ni macam tidak percaya yang saya post 2 kali.
Wasalam ^_^
DikemasKini = 7/10/2012 - 3:42 Malaysia
