rss

Senin, Juli 6

Relatedpost pd TurnOutMag template

Pada artikel sebelumnya dibahas bagaimana yos mencoba menambahkan kolom footer pada TurnOutmag, pada artikel ini yos mencoba membahas lagi tentang TurnOut,dimana mengenai bagaimana memasukkan artikel yang berhubungan ( related post ) pada setiap artikel..

 

Pada turnoutmag asli kita akan menjumpai ,script berikut ini :

 

        <DIV expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</SCRIPT>
      <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>
        <p class='details2'>       
<b:if cond='data:blog.pageType != &quot;item&quot;'>

          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'><data:top.commentLabel/> (1)<b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>)</b:if></a>
          </b:if>
        </b:if> /  <a expr:href='data:post.url'>Read More</a></p>
        </div>
<b:else/>

<!-- BEGIN content -->
<div id='contentb'>

    <div class='single'>
        <h2><data:post.title/></h2>
        <div class='contentb'><p><data:post.body/></p>
</div>
    </div>

 

kita ganti saja kode diatas dengan yang ini ( tapi sebelumnya jangan lupa simpan template lama kita buat backup ,seandainya nanti kita ada keliru dalam melakukan perubahan template ) ,untuk langkah-langkahnya dalam mengedit ,Yos yakin sekali sobat sudah paham.

 

    <DIV expr:id='&quot;summary&quot; + data:post.id'><p><data:post.body/></p></DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</SCRIPT>
      <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>
        <p class='details2'>       
<b:if cond='data:blog.pageType != &quot;item&quot;'>

          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'><data:top.commentLabel/> (1)<b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>)</b:if></a>
          </b:if>
        </b:if> /  <a expr:href='data:post.url'>Read More</a></p>
        </div>
<b:else/>

<!-- BEGIN content -->
<div id='contentb'>

    <div class='single'>
        <h2><data:post.title/></h2>
        <div class='contentb'><p><data:post.body/></p>
        <!--relatedpost-->
        <b:if cond='data:blog.pageType == "item"'>
<div class='similiar'>

<div class='widget-content'>
<h3>Related Posts by Categories</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>

        <!-- end relatedP-->
</div>
    </div>

coba kita preview dulu ,setelah sukses barulah kita SAVE

coba kita bandingkan kedua script tersebut,dimana biasanya kita kalau ingin menambahkan script relatedpost pada <p><data:post.body/></p> yang pertama sebelum READMORE ,bila kita memiliki penggalan artikel tapi yang ini malah sesudah readmore.

<DIV expr:id='&quot;summary&quot; + data:post.id'><p> <data:post.body/></p> </DIV> <SCRIPT type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</SCRIPT>
      <div style='clear: both;'/> <!-- clear for photos floats -->
        </div>
        <p class='details2'>       
<b:if cond='data:blog.pageType != &quot;item&quot;'>

          <b:if cond='data:post.allowComments'>
            <a class='comment-link' expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><b:if cond='data:post.numComments == 1'><data:top.commentLabel/> (1)<b:else/><data:top.commentLabelPlural/> (<data:post.numComments/>)</b:if></a>
          </b:if>
        </b:if> /  <a expr:href='data:post.url'>Read More</a></p>
        </div>
<b:else/>

<!-- BEGIN content -->
<div id='contentb'>

    <div class='single'>
        <h2><data:post.title/></h2>
        <div class='contentb'> <p><data:post.body/></p>

semoga berguna jangan lupa tinggal komen ya,terimakasih

salam

yos 

Related Article:

Related Website

2 comments:

taragak on Senin, Juli 06, 2009 4:29:00 AM mengatakan...

bagus juga ulasannya,trims sobat

computerslearning.blogspot.com

mabro on Senin, Juli 06, 2009 8:19:00 PM mengatakan...

bro...banner mu dah aq pasang ya!
sekarang giliranmu pasang banner ku ya...
thanks


Posting Komentar

Silahkan berkomentar ya..saya berharap sobat dapat memberikan saran dan komentarnya disini..Terimakasih.

Cari Blog Ini

Yahoo bot last visit powered by  Ybotvisit.comMsn bot last visit powered by MyPagerank.Net Page Rank Add to Technorati Favorites Add to Technorati Favoritesblogarama - the blog directory Webmaster-Resources.com.ru Subscribe with Bloglines Literature Top Blogs Blog Directory Directory of Science Blogs Blog Directory ReadABlog.com Blog Search Engine Top 10 Bertuah Join My Community at MyBloglog! ngeblog,internet,software,hardware,laptop,komputer,hacking cracking,tips dan trik serta program Bisnis online Personal Blogs - BlogCatalog Blog Directory RSSMicro FeedRank Results Find broken links on your website for free with LinkTiger.com My Ping in TotalPing.com

Free Blog Counter

Direktori Indonesia - Indonesian free listing directory, SEO friendly free link directory, a comprehensive directory of Indonesian website. blogarama.com TopOfBlogs Add to Technorati Favorites

Dofollow Backlinks

free counters

KampungBlog.com - Kumpulan Blog-Blog Indonesiablog-indonesia.com
 

Masukkan Alamat e-mail kamu untuk mendapatkan Postingan Terbaru langsung di email kamu GRATIS:

Dikirim by FeedBurner

Pengikut

Gadget

Konten ini belum tersedia melalui sambungan terenkripsi.