Mau tau cara buat yang seperti ini, silahkan klik disini

widget by Kianhome
Postingan berikut ini k'ian akan angkat mengenai sebuah artikel tetang cara membuat related post atau lebih kerennya dibilang artikel-artikel terkait. Sebagian besar pola atau format ini sangat diminati oleh para blogger dengan berbagai macam alasan, blogger icon Pictures, Images and Photossalah satunya agar para pembaca yang mampir bisa dimanjakan dan pastinya betah dengan apa yang mereka cari. Lagian cara ini memang sangat ampuh dan bisa meningkatkkanjumlah pengunjung yang ingin berlama - lama sambil menikmati artikel - artikel yang kita buat.

Sebagai Blogger tutorial atau pun blogger news dan lain lain, artikel terkait adalah pilihan yang sangat tepat. nah dari pada kelamaan kita langsung aja yach..

  • Langkah pertama Loggin ke account blog kamu..
  • Pilih dan masuk ke laman / halaman "Edit HTML",
  • selanjutnya klik "expand Tempalte widget", kamudian cari kode berikut : <data:post.body/>
  • Jika kamu sudah menggunakan fungsi "Readmore" sebelumnya, maka kamu cari kode <data:post.body/> yang kedua.. jika sudah copy kode dibawah ini dan letakkan tepat di bawah <data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/>
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div class='similiar'>
<div class='widget-content'>
<h3>Artikel Terkait</h3>
<div id='data2007'/><br/><br/>
<script type='text/javascript'>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 5;
var maxNumberOfLabels = 7;
maxNumberOfPostsPerLabel = 7;
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>
  • Terakhir tinggal simpan dan lihat hasilnya..
update : jika blog kamu telah menggunakan kode Readmore, maka hal perlu diperhatikan adalah meletakkan kode yang sudah kamu copy tadi. untuk lebih jelasnya kamu bisa melihat contoh berikut :
<span class='rmlink' style='float:right; margin:0px 5px 0px 0px;'><a expr:href='data:post.url'><img alt='Baca selanjutnya' src='http://i406.photobucket.com/albums/pp146/p4ladin/readmore.gif'/></a></span>
</b:if>
kode diatas adalah contoh kode readmore yang k'ian gunakan, nah cara meletakkan kode related postnya tepat setelah kode </b:if>
atau untuk contoh format readmore yang lain, bisa kamu lihat dibawah ini :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style>.fullpost{display:inline;}</style>
<p><data:post.body/></p>
<b:else/>
<style>.fullpost{display:none;}</style>
<p><data:post.body/></p>
<a expr:href='data:post.url'><div style='float:right'>Readmore</a>
</b:if>
sama seperti contoh yang pertama hanya saja ini mungkin jauh lebih jelas, bisa kamu lihat kode yang k'ian beri warna merah adalah kode yang harus kamu perhatikan. Disitu kamu bisa melihat kode <data:post.body/> kedua yang pada akhirnya diakhiri oleh kode </b:if>,caranya tetap sama dimana kamu tinggal mempaste seluruh kode yang sudah kamu copy tadi tepat di bawah kode </b:if>

nb : kode Readmore kamu mungkin berbeda beda, namun perhatikan beberapa point penting yang sudah k'ian jelaskan, hampir lupa sebaiknya untuk memaksimalkan kode ini kamu harus menggunakan label / kategori dan meletakkan pada tiap label postingannya... semoga bermanfaat..

Share to :

Related Post :


About the Author :

K'ian is a designer, web tutorial design, and blogging enthusiasts. Tutorial blog debut the first time when entering college, when I get to know the world wide internet and so much more. Now I work at one of the state trading company, a job that would conflict with the world of blogging and web design. Today remains a serious manage blog " Kolam Blogging Tips | Kianhome ".

7 Response to "Cara buat Related post atau artikel terkait"

  1. wonderful article my friend! very helpful too. I wonder if you could put a translate to English button? Thanks my friend! ...Replay

     

  2. Kian Coi Said,

    @ She be the evilsquirrel01 : Thank's friend for visited and comment in here...so thank u so much ...Replay

     

  3. Lia_Lovaa Said,

    koq gak ada ya..coba dichek deh..aku udah buat tapi gak ada..tolong ya ...Replay

     

  4. Lia_Lovaa Said,

    cara buat kotak blogroll untuk komentar gimana caranya ya.. ...Replay

     

  5. Kian Coi Said,

    @ Lia lovaa : makasih atas sarannya, aq udah posting tuh pertanyaan kamu... ...Replay

     

  6. budy Said,

    om bisa-sih bisa tapi pas gwa buat error, postingannya jadi 2 gitu trus paling ...Replay

     

  7. endut Said,

    Bike Attachments : What youre saying is completely true.
    Dog Crates Article know that everybody must say the same thing,
    Job Feed Aggregator just think that you put it in a way that everyone can understand. but Indonesia News Aggregator also love the images you put in here. Aroma Therapy Packs fit so well with what youre trying to say. Im sure youll reach so many people with what youve got to say. Diamond Blizz

    Kind Regard

    Yuniico.com

    Best to Download ...Replay

     

Post a Comment

Blog ini menganut sistem "Dofollow", Silahkan Tinggal komentar, saran, kritik disini.. apapun itu jangan SPAM ok..


Berita Terkini

Friend Follower's

Tips Health

Techno

Hot Nasional

Celebrity

My Blog List

Recent Comment

© Copyright 2011 | Dikelola sepenuhnya oleh : Kiancoi
KianHome Member of PlanetBlog | SitusBersih | Support on Mozilla Firefox and Google Crome Browser
Home | Posts RSS | Comments RSS | Sexy Blog |