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

Posting Komentar

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

Populer

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 F 1 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 ? = B asic I nput O utput S ystem, 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 si...
Baca selengkapnya

2 Cara Untuk mengembalikan hilangnya menu tab di task manager windows

Gambar
    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 ...
Baca selengkapnya

Setting Fastnet pada komputer/Laptop baru

Sengaja saya tampilkan di blog saya ,artikel/pemberitahuan yang dikirimkan firstmedia ke email saya,dengan maksud agar saya selau ingat akan setingan fastnet tersebut dan berharap juga rekan yang lain jadi bisa menggunakannya . Pergantian perangkat computer (seperti CPU, notebook,router) atau pergantian jenis koneksi dari ethernet card ke USB atau sebaliknya terkadang perlu kita lakukan karena alasan tertentu, misalnya dikarenakan ingin mencoba computer baru, namun setelah proses pergantian perangkat terkadang muncul masalah dimana kita tidak bisa menggunakan internet karena perangkat kita tidak mendapatkan IP address (biasanya akan keluar message "Limited or no connectivity"). No Connection Windows Untuk mengantisipasi hal diatas, Anda dengan mudah dapat melakukan Restart Modem atau Plug-Unplug Kabel Power Modem, kemudian di ikuti dengan langkah - langkah sebagai berikut: 1. Pindahkan kabel Ethernet (LAN) ke port Ethernet (LAN) pada computer yang akan digunak...
Baca selengkapnya

Rumah Gadang dan maknanya

Gambar
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 da...
Baca selengkapnya

repair Harddisk Bad Sector dengan SpinRite

Gambar
Software buatan Gibson Research ini cukup baik buat mengatasi masalah bad sector pada hard disk . Versi terbaru peranti ini versi 6.0 pada saat artikel ini ditulis. Baca juga SpinRite mendukung FAT, NTFS, Linux, Novell, drive dengan beberapa sistem operasi serta hard disk yang belum diformat. Silahkan ikuti langkah-langkah berikut ini. 1. Buat disket atau CD yang bisa boot . dengan menggunakan SpinRite. Klik [Create Boot Diskette ], [ Create ISO or Image File] , atau [Install SpinRite on Drive ]. Biar mudah, pilih bikin CD bootable .  SpinRite hanya berjalan dalam modus DOS. 2. Setelah file image sudah jadi, gunakan software pembakar CD, seperti Nero Burning ROM,Power2Go,dll  untuk membuat CD. Restart komputer dan boot dengan CD yang barusan dibuat. 3. SpinRite punya 5 level. Level yang kemungkinan besar Anda butuhkan adalah level 2 ataupun level 4. Tindakan di level 2 adalah pengembalian data, sedangkan level 4 adalah pemeliharaan drive dan anali...
Baca selengkapnya