Cara Mudah Membuat Artikel Terkait Dengan Mudah


Assalam Mualikum Wr.Wb

Cara Mudah Membuat Artikel Terkait Dengan Mudah - Salah satu paling menarik agar pengunjung mudah membaca artikel yang kira terbitkan, yaitu dengan membuat artikel terkait dengan mudah, karena kita pasti perlu terutama yang baru terjun kedunia blog, bagai mana caranya supaya pengunjung atau pembaca artikel kita melirik artikel kita lainnya.

Baca Juga : Kumpulan Font Desain Grafis

Kalau kalian penasaran Cara Mudah Membuat Artikel Terkait Dengan Mudah , terus ikuti tutorial berikut ini:

  1. Login Terlebih dahulu ke akun blog kalian
  2. Pilih Layout --> Tata Letak --> Rancangan
  3. Klik tab Edit HTML
  4. Lalu Klik Expand Template Widgets
  5. Jika sebelumnya kalian sudah menggunakan fungsi "Read More" maka terdapat dua code <data:post.body/>  di bawah tag </b:if> dan jika kalian sudah menggunakan Artikel terkait hapus saja kode artikel terkait yang lama. Bila susah Gunakan CTRL+F untuk mempermudah pencarian
  6. Kalian Bisa copy paste kode dibawah ini setelah kode <data:post.body/></b:if>yang pertama (bila kalian sudah mengunakan Read more)
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<br/>
<br/>
<H2>Artikel Terkait:</H2>
<div class=’rbbox’>
<div style=’margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;’>
<div id=’albri’/>
<script type=’text/javascript’>
var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;
var maxNumberOfPostsPerLabel = 4;
var maxNumberOfLabels = 10;
maxNumberOfPostsPerLabel = 9999;
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;albri&#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>
<script type=”text/javascript”>RelPost();</script>
</div>
</b:if>
  • Untuk "Artikel Terkait " kalian bisa menggantinya sesuai kata yang kalian suka
     7. Setelah itu masukan kode ini diatas  ]]></b:skin>

 
. rbbox {border: 1px solid #D8D8D8; padding: 5px;
background-color: #E0F8E0;-moz-border-radius: 5px; margin: 5px;}
. rbbox: hover {background-color: #EFFBEF;}

Catatan :
Gantilah code-code warna yang kalian suka,berikut spesifikasinya
#E0F8E0 : Warna Backgound
#D8D8D8 : Warna Border
#EFFBEF  : Warna Background, namu perbedaannya akan terlihat jika disort dengan Pointer

    8. Klik Simpan Template  

Artikel : Situs Penyedia Domain Gratis 

Share this

0 Comment to "Cara Mudah Membuat Artikel Terkait Dengan Mudah"

Posting Komentar

,