Langsung ke konten utama

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 

Komentar

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

    BalasHapus

Posting Komentar

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

Postingan populer dari blog ini

Rumah Gadang dan maknanya

Tak adil rasanya kalau saya tak menampilkan artikel tentang Rumah Gadang yang merupakan ciri Khas dari Suku Minangkabau yang banyak makna terkandung didalam bangunan Rumah Gadang ini.Apalagi saya menggunakan nama blog ini ada embel-embel minangnya.

Rumah Gadang merupakan ciri khas Rumah Adat Minangkabau (Sumatra Barat), yang berfungsi sebagai tempat tinggal keluarga besar dan pusat kegiatan orang yang sedarah dan seketurunan dari kerabat matrilinial baik kegiatan ekonomi dan sosial maupun kegiatan budaya, dikepalai oleh seorang Tungganai (Mamak) dan sebagai syarat berdirinya suatu nagari di Minangkabau, dengan arsitektur bentuk atap bergonjong (berbentuk tanduk kerbau).

Rumah Gadang dibangun dengan bergonjong dimana semakin keatas semakin runcing, agar air mudah meluncur dan atap tahan lama walaupun terbuat dari injuk. Gonjong atap Rumah Gadang terdiri dua pola, yaitu gonjong Rumah Gadang Pola Koto Pialang (Aristokrat) terdiri dari 3 gonjong, 3 gonjong kanan , 1 gonjong depan dan 1 gon…

2 Cara Untuk mengembalikan hilangnya menu tab di task manager windows

Suatu saat ada saja kemungkinan Task Manager di komputer kita mengalami kehilangan menu tabnya sehingga yang tampil hanya TASK(processes)nya saja .dimana tab yang lainnya seperti Application, performance,networking dan usersnya tidak tampil ketika mengaktifkan task manager tersebut.Task Manager yang merupakan bawaan windows ini merupakan suatu aplikasi yang menampilkan informasi secara rinci tentang kinerja komputer dan aplikasi yang berjalan, proses dan penggunaan CPU ( Central Prosessing Unit ) , melakukan informasi muatan dan memori, aktivitas jaringan dan statistik, log-in pengguna, dan sistem pelayanan. Task Manager juga dapat digunakan untuk menetapkan prioritas proses, prosesor affinitas, secara paksa menghentikan proses, dan mematikan, Aktifkan Ulang, hibernasi atau log off dari Windows.Biasanya kalau menu tab pada task manager ini hilang disebabkan oleh virus yang bisa dikembalikan bisa dengan 2 cara yang saya ketahui ,yaitu :1. Melalui GPEDIT  ,langkahnya seperti dibawah ini…

CMOS CHECKSUM BAD atau selalu setting BIOS setiap menghidupkan Komputer

Seiring dengan kita terus menggunakan komputer PC atau Laptop kita lambat laun ,adakalanya akan tampil saat booting ada pesan kalau kita harus menekan tombol F1 untuk run setup atau F2 untuk ke posisi default setinggan BIOS. Namun nyatanya setelah kita menyetting ulang konfigurasi BIOS ,setelah kita mematikan komputer dan ketika menghidupkan PC/Laptop lagi akan tampil posisi semula kembali. Bingung bagaimana solusinya ? sebaiknya diteruskan membacanya. he he he..biar tuntas semuanya.Kita kenali dulu apa itu BIOS ? = Basic Input Output System, merujuk kepada kumpulan rutin perangkat lunak yang mampu melakukan hal-hal berikut:Inisialisasi (penyalaan) serta pengujian terhadap perangkat keras (dalam proses yang disebut dengan Power On Self Test, POST) Memuat dan menjalankan sistem operasi Mengatur beberapa konfigurasi dasar dalam komputer (tanggal, waktu, konfigurasi media penyimpanan, konfigurasi proses booting, kinerja, serta kestabilan komputer) Membantu sistem operasi dan aplikasi dal…