Membuat "pos berkaitan" V.2

Kalu aritu saya dah dapat cara nak wat "Related Post" gadjet, kali ni sya jupe gadjet yang sama fungsinya...bezanya, gadjet ni memaparkn "related post" pecah kepada tag@label yg ada dalam posting kite...cuba tgk gambar kat bawah

Gambar diatas memaparkan link yang sama kerana saya menggunakan label Blogger hack & Tutorial utk setiap Posting Tersebut..Jadi kalu nak guna kod ni, saya nasihatkan jgn guna label yg banyak..

Jika kamu ingin letakkannya dalam blog kamu, ikut prosedur dibawah:-

1st skali kena log in lam Blogger, gi kat |Layout| --> |Template| --> |Edit Html|.
Jangan lupa tanda pada kotak |Expand Widget Template|

Okay cuba cari kod yang warna merah kat bawah:-

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

Kalu dah jupe,letakkan kod dibawah selepas <data:post.body/> itu

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

<div class='widget-content'>
<h3>Pos Berkaitan :</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>

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

maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 3;


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>

Save Template dan cube tgk perubahan dalam blog anda....

Sumber : JackBook

---

~orang yang comel sentiasa meninggalkan komen~

---

Membuat "pos berkaitan"

Kalu mat salleh diorang cakap "RELATED POST", kiranya ini untuk memudahkn visitor blog kita utk mencari link2 yg bersesuaian tanpa perlu ke halaman depan "HOME".

Navigasi yang senang akan membuatkan pengunjung berada di blog kita lebih lama disamping meneroka posting yang menarik perhatian mereka

Cuba lihat gambar kat bawah, itu merupakan "Related Post" utk blog saya....

Jika kamu berminat, sila ikut prosedur dibawah:-

1st: first skali kena log in lam Blogger, gi kat |Layout|, pilih |Template|, sila pilih |Edit Html|. Jangan lupa tanda pada kotak |Expand Widget Template|

Cari kod </head> , masukkan kod dibawah diatas </head>

<style>

#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://javascripthost.com/s1/bin/fyzuex.RelatedPosts.js' type='text/javascript'/>

2nd: kedian cari kod ini <data:post.body/> , dan letakkan dibawahnya kod ini

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; data:label.name &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

dan save template, maka widget ini sudah siap utk dipaparkan...

sumber : realtrix

---

~orang yang comel sentiasa meninggalkan komen~

---