Cara Membuat Artikel Berhubungan

Estetika dan Kecantikan Gigi S.A.S

Perbaikan dan Restorasi Gigi

Ig @ahligigijember

KLIK ahligigijember.blogspot.com

Aloha... Ketemu lagi.. Posting kali ini, saya ingin berbagi tentang cara membuat Artikel berhubungan. Mmmm.. Udah tau kan apa itu artikel berhubungan?, Ok kusus bagi kalian yang masih bertanda tanya tentang artikel berhubungan, saya jelaskan.. hehehe..! Begini ceritanya.. Artikel berhubungan yaitu, sebuah artikel yang masih ada hubungannya dengan artikel yang sedang kita lihat atau kita posting atau kita kategorikan. Fungsi dari artikel berhubungan ini adalah mempermudah pembaca untuk mengetahui artikel lain yang masih berhubungan dengan artikel yang sedang dibaca. Udah jelas kan? Ok, kita langsung aja yaaa ! Oya, sekedar memberi tau, artikel berhubungan ini di ciptakan oleh master kita alias Bang Kendhin.. silahkan Beri hormat pada beliau..

Kita mulai..!

Langkah-langkahnya sbb :
1. Login ke blogger.com, silahkan gunakan email dan password yang kalian miliki..
2. Silahkan Pilih Layout/Tata Letak ---> Edit HTML
3. Klik tombol Download Template Lengkap untuk berjaga-jaga kalau ada kesalahan dalam pengeditan HTML atau copy code html kalian dan simpan di notepad
4. Beri tanda centang pada kotak "Expand Template Widgetâ"
5. Tunggu sampai proses selesai
6. Setelah selesai, silahkan kalian copy script di bawah ini dan letakkan tepat di bawah kode <data:post.body/> biar cepat ketemu tekan Ctrl+F

<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>

7. Setelah selesai, klik simpan template dan lihat hasilnya.
8. Tetapi jika kamu ingin mengganti tulisan "Related Post by Categories" silahkan kalian cari kode dengan tulisan tersebut di dalam kotak Edit HTML, terus ganti kode tersebut dengan kode yang kalian inginkan..
9. Selesai dan selamat mencoba..

Foto Tentang Kecantikan Gigi Versi Tukang Gigi S.A.S
Koleksi Foto Hasil Perbaikan Gigi
Ig@ahligigijember
ahligigijember.blogspot.com