Minggu, 09 Maret 2014

Cara Membuat Artikel Terkait Dibawah Postingan

Assalamualaikum Wr. Wb.

Salam blogger jumpa lagi dengan Mr. Kodok , kali ini Mr-Kodok akan membahas tentang Cara Membuat Artikel Terkait Dibawah Postingan Blog. Sangatlah penting kita pasang guna untuk  memberikan kemudahan sekaligus memberi tahu tentang isi dari artikel bersangkutan. Dengan di terapkannya Artikel Tekait besar kemungkinan para pengunjung akan mengetahui semua artikel satu persatu karena akan saling berkaitan satu sama lainnya.

Berikut langkah-langkahnya :

1. Login ke akun blog anda

2. Pilih menu Template



3. Edit HTML.



4. Jangan lupa Expand Widget Templates



5. Kemudian cari kode <data:post.body/> (gunakan CTRL+F untuk memudahkan pencarian)

6. Setelah ketemu lalu perhatikan kode ini biasanya ada tiga bagian,jika memang ada tiga pilih kode yang kedua.

7. Kemudian letakan script di bawah setelah kode 

<b:if cond='data:blog.pageType == &quot;item&quot;'><div style='margin-top: 10px;'><strong>Artikel Terkait</strong> <div class='rbbox'> <div style='margin:0; padding:10px;height:200px;overflow:auto;border:1px solid #ccc;'> <div id='ardi33'/> <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;ardi33&#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> </div> </b:if>

6. Terakhir simpan dan silahkan lihat hasilnya


Nah selesai mudah bukan, sekian artikel Cara Membuat Artikel Terkait Dibawah Postingan versi David Wahyu selamat mencoba dan semoga bermanfaat. Terima kasih telah berkunjung kunjungi terus http://mr-kodok.blogspot.com. Komentar kritik dan saran anda adalah inspirasi saya silahkan pos di tempat yang telah tersedia.












Terima Kasih Anda Telah Membaca Artikel Tentang
Judul : Cara Membuat Artikel Terkait Dibawah Postingan
Ditulis Oleh : Unknown
Berikanlah saran dan kritik atas artikel ini. Salam blogger, Terima kasih
Baca Juga Artikel Tentang :

0 komentar:

Posting Komentar