Link Related Posts Blogger Yang Mengiurkan v2

Link Related Posts Blogger Yang Menguirkan v2

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 == &quot;item&quot;'>
<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 == &quot;item&quot;'>
<H3>Related Post</H3>
<DIV class='rbbox'>
<DIV id='relpostFs'>
<DIV id='albri'/>
<SCRIPT type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 10;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 100;
maxNumberOfLabels = 2;
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;albri&#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>
<script type='text/javascript'>RelPost();</script>
</DIV>
</b:if>
<!-- /RELATED POSTS -->

8. Preview Template

9. Kalau tiada Error > Save N Done !

Pengubahsuaian

DE4 - maxNumberOfPostsPerLabel = 100

100 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

Beliau seorang penulis online. Peminat Insyirah Azhar. Blog editor Sedut Software Sampai Lebam (SSSL). Penulis eBook Rahsia Google PageRank. Pengasas Seni Bina Blog. Selain itu, beliau berjaya mengusaha lebih 20 Projek Blogspot. Antaranya, KeZoom SSSL dan banyak lagi.

PERCUMA: 3 Cara Tingkatkan Bisnes Tanpa Risiko

(Jangan Terkejut.)

Tiada ulasan

Leave a Reply

Hubungi Saya

Nama

E-mel *

Mesej *

100% Percuma Ebook

[FREE] Ebook Rahsia Google PageRank
Email *

Sumber Inspirasi

Danial Abdul Rahim