Jumat, 19 April 2013

Cara Membuat Artikel Terkait Dibawah Postingan Blog

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.

Buat kalian yang ingin mencobanya Cara Membuat Artikel Terkait Dibawah Postingan Blog silahkan lihat tutorialnya di bawah ini.


1. Pastikan login terlebih dahulu.
2. Pilih menu Template > Edit HML.
3. Backup terlebih dahulu untuk menghindari kesalahan,kemudian centang Expand Widget Templates
4. Kemudian cari kode <data:post.body/> (gunakan CTRL+F untuk memudahkan pencarian)
5. Setelah ketemu lalu perhatikan kode ini biasanya ada tiga bagian,jika memang ada tiga pilih kode yang kedua.
5. Kemudian letakan script di bawah setelah kode <data:post.body/>



<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 save dan silahkan lihat hasilnya.


Itulah sedikit ulasan mengenai Cara Membuat Artikel Terkait Dibawah Postingan Blog semoga dapat bermanpaat buat semuanya.

Tidak ada komentar:

Posting Komentar