Membuat Artikel Terkait Tanpa Gambar

Artikel Terkait tanpa Gambar - Setelah sebelumnya saya menuliskan tentang cara membuat artikel terkait bergambar, kali ini saya akan menuliskan tentang cara membuat artikel terkait tanpa gambar. Jika anda menyukai tampilan yang sederhana, mungkin ini adalah salah satu pilihan bagi anda. Berikut langkah-langkahnya :

*Jangan lupa Backup terlebih dahulu untuk antisipasi hal-hal yang tidak di inginkan!!!*

Cara Membuat Artikel Terkait Tanpa Gambar

1. Login ke akun blog anda

2. Pilih menu template

3. Klik Edit HTML

4. Cari kode </head> , gunakan Ctrl+F untuk mempermudah pencarian

5. Copy paste kode berikut ini tepat diatas kode </head>

<script type="text/javascript">

//<![CDATA[

var relatedTitles = new Array();

var relatedTitlesNum = 0;

var relatedUrls = new Array();

function related_results_labels(json) {

for (var i = 0; i < json.feed.entry.length; i++) {

var entry = json.feed.entry[i];

relatedTitles[relatedTitlesNum] = entry.title.$t;

for (var k = 0; k < entry.link.length; k++) {

if (entry.link[k].rel == 'alternate') {

relatedUrls[relatedTitlesNum] = entry.link[k].href;

relatedTitlesNum++;

break;}}}}

function removeRelatedDuplicates() {

var tmp = new Array(0);

var tmp2 = new Array(0);

for(var i = 0; i < relatedUrls.length; i++) {

if(!contains(tmp, relatedUrls[i])) {

tmp.length += 1;

tmp[tmp.length - 1] = relatedUrls[i];

tmp2.length += 1;

tmp2[tmp2.length - 1] = relatedTitles[i];}}

relatedTitles = tmp2;

relatedUrls = tmp;}

function contains(a, e) {

for(var j = 0; j < a.length; j++) if (a[j]==e) return true;

return false;}

function printRelatedLabels() {

var r = Math.floor((relatedTitles.length - 1) * Math.random());

var i = 0;

document.write('<ul>');

while (i < relatedTitles.length && i < 20) {

document.write('<li><a href="' + relatedUrls[r] + '">' +

relatedTitles[r] + '</a></li>');

if (r < relatedTitles.length - 1) {

r++;

} else {

r = 0;}

i++;}

document.write('</ul>');}

//]]>

</script>

6. Kemudian cari kode <data:post.body/>

7. Copy paste kode berikut tepat di bawah kode <data:post.body/>

<b:if cond='data:post.labels'>

<b:loop values='data:post.labels' var='label'>

<b:if cond='data:blog.pageType == "item"'>

<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>

</b:if>

</b:loop>

</b:if>

<b:if cond='data:blog.pageType == "item"'>

<h4>Artikel Terkait</h4>

<script type="text/javascript">

removeRelatedDuplicates();

printRelatedLabels();

</script>

</b:if>

Keterangan :
- Biasanya akan terdapat lebih dari 1 kode  <data:post.body/>
- Mulailah peletakan kode script di atas di mulai dari <data:post.body/> yang paling bawah

8. Klik save

Demikian artikel kali ini tentang cara membuat artikel terkait tanpa gambar, semoga artikel ini membawa manfaat buat kita semua. Terima kasih sudah berkunjung.

Artikel Terkait

Tweet