Membuat related post keren

Apa kabar pengunjung Blog indotopnews kali ini kita akan sharing tentang bagaimana membuat related post dibawah postingan caranya mudah

jika sobat ingin menerapkannya di Blog sobat ikuti langkah berikut

Berikut membuat artikel yang berhubungan :

1.Login ke blogger Blogger


2.Pilih menu Tataletak lalu pilih edit HTML


3.Setelah itu beri tanda centang pada kotak "Expand Widgets Template".


4.Cari kode beriku <data:post.body/> 
letakan kode berikut tepat dibawahnya <data:post.body/> 
<b:if cond='data:blog.pageType == "item"'><br /> <br /> <div class='similiar'><br /> <br /> <br /> <div class='widget-content'><br /> <br /> <h3>Related Post</h3><br /> <br /> <div id='data2007'/><br/><br/><br /> <br /> <script type='text/javascript'><br /> <br /> <br /> var homeUrl3 = &quot;<data:blog.homepageUrl/>&quot;;<br /> <br /> var maxNumberOfPostsPerLabel = 4;<br /> <br /> var maxNumberOfLabels = 10;<br /> <br /> <br /> maxNumberOfPostsPerLabel = 100;<br /> <br /> maxNumberOfLabels = 3;<br /> <br /> <br /> <br /> function listEntries10(json) {<br /> <br /> var ul = document.createElement(&#39;ul&#39;);<br /> <br /> var maxPosts = (json.feed.entry.length &lt;= maxNumberOfPostsPerLabel) ?<br /> <br /> json.feed.entry.length : maxNumberOfPostsPerLabel;<br /> <br /> for (var i = 0; i &lt; maxPosts; i++) {<br /> <br /> var entry = json.feed.entry[i];<br /> <br /> var alturl;<br /> <br /> <br /> for (var k = 0; k &lt; entry.link.length; k++) {<br /> <br /> if (entry.link[k].rel == &#39;alternate&#39;) {<br /> <br /> alturl = entry.link[k].href;<br /> <br /> break;<br /> <br /> }<br /> <br /> }<br /> <br /> var li = document.createElement(&#39;li&#39;);<br /> <br /> var a = document.createElement(&#39;a&#39;);<br /> <br /> a.href = alturl;<br /> <br /> <br /> if(a.href!=location.href) {<br /> <br /> var txt = document.createTextNode(entry.title.$t);<br /> <br /> a.appendChild(txt);<br /> <br /> li.appendChild(a);<br /> <br /> ul.appendChild(li);<br /> <br /> }<br /> <br /> }<br /> <br /> for (var l = 0; l &lt; json.feed.link.length; l++) {<br /> <br /> if (json.feed.link[l].rel == &#39;alternate&#39;) {<br /> <br /> var raw = json.feed.link[l].href;<br /> <br /> var label = raw.substr(homeUrl3.length+13);<br /> <br /> var k;<br /> <br /> for (k=0; k&lt;20; k++) label = label.replace(&quot;%20&quot;, &quot; &quot;);<br /> <br /> var txt = document.createTextNode(label);<br /> <br /> var h = document.createElement(&#39;b&#39;);<br /> <br /> h.appendChild(txt);<br /> <br /> var div1 = document.createElement(&#39;div&#39;);<br /> <br /> div1.appendChild(h);<br /> <br /> div1.appendChild(ul);<br /> <br /> document.getElementById(&#39;data2007&#39;).appendChild(div1);<br /> <br /> }<br /> <br /> }<br /> <br /> }<br /> <br /> function search10(query, label) {<br /> <br /> <br /> var script = document.createElement(&#39;script&#39;);<br /> <br /> script.setAttribute(&#39;src&#39;, query + &#39;feeds/posts/default/-/&#39;<br /> <br /> + label +<br /> <br /> &#39;?alt=json-in-script&amp;callback=listEntries10&#39;);<br /> <br /> script.setAttribute(&#39;type&#39;, &#39;text/javascript&#39;);<br /> <br /> document.documentElement.firstChild.appendChild(script);<br /> <br /> }<br /> <br /> <br /> var labelArray = new Array();<br /> <br /> var numLabel = 0;<br /> <br /> <br /> <b:loop values='data:posts' var='post'><br /> <br /> <b:loop values='data:post.labels' var='label'><br /> <br /> textLabel = &quot;<data:label.name/>&quot;;<br /> <br /> <br /> var test = 0;<br /> <br /> for (var i = 0; i &lt; labelArray.length; i++)<br /> <br /> if (labelArray[i] == textLabel) test = 1;<br /> <br /> if (test == 0) {<br /> <br /> labelArray.push(textLabel);<br /> <br /> var maxLabels = (labelArray.length &lt;= maxNumberOfLabels) ?<br /> <br /> labelArray.length : maxNumberOfLabels;<br /> <br /> if (numLabel &lt; maxLabels) {<br /> <br /> search10(homeUrl3, textLabel);<br /> <br /> numLabel++;<br /> <br /> }<br /> <br /> }<br /> <br /> </b:loop><br /> <br /> </b:loop><br /> <br /> </script><br /> <br /> </div><br /> <br /> <br /> </div><br /> <br /> </b:if>

simpan tamplate..