Minggu, 03 Maret 2013

Cara Membuat Artikel Terkait Dibawah Posting Standar

 Asalamualaikum Wr. Wb.Di pagi hari yang sejuk ini saya memcoba memberikan sedikit tip buat kalian yang inggin tau bagaimana " Cara Membuat Artikel Terkait Dibawah Posting Standar " Kenapa pake kata standard karna tamilannya yang biyasa tapi manfaatnya luar biyasa. Saya pake Ini pastinya ada manfaatnya donk.. masa nda pake widget yang nda asa manfaatnya.. Manfaat dari adanya artikel di bawah posting banyak sekali salah satunya digunain untuk membuat pengunjung membaca artikel artikel yang terkait dengan apa yang kita post jadi bisa membetahkan pengunjung juga bisa nambah Page View bagi kita... itu manfaat yang terpenting . Udah tau manfaatnya.. Yuk kita lanjut ke Trutorialnya..
Trutorial  Cara Membuat Artikel Terkait Dibawah Posting Standar
Jangan Lupa untuk meng Back Up Dulu Thempletnya Supaya buat pengaman aja Gitu... Semoga Sukses
Pertama:::: Kita masuk ke Menu Themplete yang ada di blogger
Kedua:::::: Kita Pilih Edit HTML >>Lanjutkan >> jangan lupa Centang Expand Template Widgetnya..
Ketiga:::::: Cari Kode Ini <data:post.body/> Biar lebih mudah tekan CTRL + F
Keempat::: Tambahan Kode  Berikut Tepat di bawah Kode ini<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 class='ycdr' style='font-family: arial, sans-serif; font-size: 9px;'><a href='http://majalahsoftware.blogspot.com/2013/03/cara-membuat-artikel-terkait-dibawah.html' target='_blank' title='Cara Membuat Releated Post keren'>Cara Membuat Artikel Terkait Dibawah Posting</a> <a href='http://majalahsoftware.blogspot.com/' target='_blank'>Tempat Cari ilmu</a></div></div>  </div> </b:if>

Silahkan Yang Berwarna Merah  ganti sesuai ke inginan kalian
Tapi inggat Kode <data:post.body/> ini nga cuman satu Jadi kalo kode pertama tidak jadi.. Silahkan Tempatkan di kode berikutnya... dan seterusnya ... Ini Contoh pemasangannya di blog saya

Saya pasang widged ini setelah Readmore... Tampilannya kaya gini .... Jadi kalo themplet kalian udah di pasang Readmore otomatis Silahkan tempatkan kode berikut di bawah kode readmorenya... kaya Punya saya itu

Kelima::: Sekarang Tinggal Simpan Thempletnya dehh Dan liat Hasilnya jika blum Baca lagi Yang Atas

Semoga Bermanfaat
Yahhh udah selesai dehh Trutorialnya semoga trutorial ini dapat membantu rekan rekan sekalain bila ada kesalahan saya mohon maaf yang sebesar besarnya Akhir kata Saya Ucapkan Terimakasi Dan
Wasalamualaikum Wr. Wb.
www.majalahsoftware.blogspot.com copypaste from : ariflaw.blogspot.com
Artikel Terkait :

0 komentar:

Posting Komentar

 
Design by Wordpress Theme | Bloggerized by Free Blogger Templates | coupon codes