Bikin Artikel Terkait Di Bawah Posting Blog

Berbagi-Kreativitas.blogspot.com - Siap memodif blog tercinta ini, langsung terpikirkan kenapa gak sekalian tips ini aku share saja. Ya itung-itung menambah postingan blog ini. Seputar artikel dalam kategori Trik dan  Tips Untuk Rancangan Web Blog untuk Bikin Artikel Terkait Di Bawah Posting Blog. Apa itu Artikel Terkait? Artikel Terkait adalah suatu tulisan, tulisan yang di buat untuk menandai deretan kata, kalimat sampai  berbentuk paragraf yang di sampul pada sebuah judul, yang kemudian di susun dan di letakkan pada sebuah form atau tempat  untuk mempermudah pengunjung memilih artikel yang di inginkan atau di butuhkan, yang tersimpan dengan nama label yang sama.

Bikin Artikel Terkait Di Bawah Posting Blog

Gunakan Artikel Terkait Pada Blog Anda Untuk Mempermudah Pengunjung Mencari Postingan Yang Sesuai Pilihan

Nah seperti itulah kurang lebihnya. Artikel Terkait di sini untuk Anda bisa melihatnya langsung yang aku bikin di blog ini, posisinya terletak di akhir sebuah postingan. Cari saja tulisan "Artikel Terkait" Nah itu yang akan aku bagikan kepada Anda yang mungkin belum tahu dan membutuhkannya, di lihat dari fungsinya aku yakin Anda pasti tertarik untuk membuatnya. OK! langsung saja lihat cara di bawah ini.

1. Log in Account Blogger
2. Cari Icon "Go to post lis"
3. Pilih Template >> Backup terlebih dahulu tempalte blog Anda sebelum pengeditan
4. Pilih Edit HTML >> Proceed >> Centang Expand Widget Templates sebelum pengeditan
5. Tekan Ctrl+F untuk mencari cepat kode <data:post.body/>
6. Letakkan kode di bawah ini tepat di bawah kode di atas

<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 = 5; var maxNumberOfLabels = 1000; maxNumberOfPostsPerLabel = 1000; maxNumberOfLabels = 5; 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>

7. Bingung kode no. 5 mungking ada 2 atau lebih di template blog Anda pilih yang pertama untuk meletakkan kode di atas
8. Simpan template.

OK good luck saja.......!!