23 Oktober 2012

Cara Menambahkan Artikel Terkait di Postingan Blog

Mempercantik tampilan blog memang tak ada habisnya semakin ingin blog kita agar terlihat bagus maka  kita akan saja merasa masih banyak yang kurang dan ingin menyempurnakan.Sebagai blogger pemula saya juga demikian setiap berkunjung ke blog lain yang lebih bagus ingin blog sendiri menjadi terlihat lebih menarik

Baru saja saya berhasil  menambahkan "Artikel Terkait" di bawah postingan fungsinya untuk mengaitkan tulisan yang baru saja di tulis dengan tulisan terdahulu tentu saja yang masih ada kaitanya dari beberapa waktu lalu ingin mengubahnya namun belum menemukan tempat meletakan kode tersebut.Dan malam ini saya coba mencoba dan alhamdulilah berhasil.Berikut cara menambahkan artikel terkait yang saya kutip dari tutorial-blogz.blogspot.com

1. Silahkan login ke Blogger kamu.
2. pilih Rancangan >> Edit HTML >> Ceklis "Expand Template Widget"
3. Cari kode <data:post.body/> 
4. Lalu copy kode berikut tepat dibawah kode tadi



 <b:if cond='data:blog.pageType == &quot;item&quot;'> <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> </b:if>

5.Simpan Template

Jika anda seorang blogger pemula seperti saya maka harus sabar dan hati dalam meletakan kode di atas jangan sampai salah meletakan karena bila salah nanti bisa bermasalah , kesulitan saya dalam meletakanya adalah mencari kode <data:post.body/> karena rumit banyak sekali kode kode html.Namun baru saja aku temukan cara jadi kini tak lagi sulit karena sudah bisa dengan cara control F atau Ctrl F trus copas kode tersebut maka kode yang di maksud segera ketemu..

Selamat Mencoba Semoga Berhasil

0 komentar:

Posting Komentar