cara membuat "related post / artikel yang berhubungan"

Related post atau artikel terkait alias posting pada kategori yang sama dan sebutan lainnya adalah daftar link artikel yang berhubungan dimana dihubungkan karena dalam kategori atau label yang sama. Hampir semua blogger sudah memasang, tapi sudahkah anda mengoptimalkan pemasangannya berkaitan dengan fungsi yang juga memperhatikan faktor keindahan agar page view meningkat?
contohnya ada dibawah artikel ini. bentuknya bagus bukan?
begini cara membuatnya..

Cari kode dibawah ini pada template anda, ingat sebelumnya centang "Expand Widget Templates"

<p><data:post.body/></p>

kalau sudah ketemu silahkan copy kode berikut ini kemudian paste dibawah kode tadi.

<b:if cond="'data:blog.pageType"> <h2>Artikel Terkait:</h2> <div class="'rbbox'"> <div style="'margin:0;"> <div id="'albri'/"> <script type="'text/javascript'"> var homeUrl3 = "<data:blog.homepageurl/>"; var maxNumberOfPostsPerLabel = 4; var maxNumberOfLabels = 10; maxNumberOfPostsPerLabel = 100; maxNumberOfLabels = 3; function listEntries10(json) { var ul = document.createElement('ul'); var maxPosts = (json.feed.entry.length <= maxNumberOfPostsPerLabel) ? json.feed.entry.length : maxNumberOfPostsPerLabel; for (var i = 0; i < entry =" json.feed.entry[i];" k =" 0;" rel ="="" alturl =" entry.link[k].href;" li =" document.createElement('li');" a =" document.createElement('a');" href =" alturl;" txt =" document.createTextNode(entry.title.$t);" l =" 0;" rel ="="" raw =" json.feed.link[l].href;" label =" raw.substr(homeUrl3.length+13);" k="0;" label =" label.replace(" txt =" document.createTextNode(label);" h =" document.createElement('b');" div1 =" document.createElement('div');" script =" document.createElement('script');" alt="json-in-script&callback="listEntries10');" labelarray =" new" numlabel =" 0;" values="'data:posts'" var="'post'"> <b:loop values="'data:post.labels'" var="'label'"> textLabel = "<data:label.name/>"; var test = 0; for (var i = 0; i < test =" 1;" test ="="" maxlabels =" (labelArray.length"> </b:loop> </script> </div> <script type="text/javascript">RelPost();</script> </div> </b:if>
Kalau sudah silahkan dicari lagi kode dibawah ini:

]]></b:skin>

Kalau sudah ketemu copy kode dibawah ini kemudian paste " diatas" kode

]]></b:skin>

tadi. /*----------------------------- kode related post optimal visit http://www.ateonsoft.com ------------------------------*/ .rbbox{border: 1px solid rgb(192, 192, 192);padding: 5px; background-color: #f0f0f0;-moz-border-radius:5px; margin:5px;} .rbbox:hover{background-color: rgb(255, 255, 255);} Setelah itu copy kode dibawah ini kemudian paste "dibawah" kode

]]></b:skin>

tadi:

<SCRIPT src='http://ateon.fs.googlepages.com/kodescript.js' type='text/javascript'/>

Kalau sudah silahkan disimpan templatenya. Lihat hasilnya dengan membuka salah satu artikal anda.

Sekian dulu tips dari saya. Artikel asli di sini