Belajar Askep
.

Wednesday, December 28, 2011

Browse » Home » » Cara Membuat Related Post Pada Blog/Bloger

Cara Membuat Related Post Pada Blog/Bloger

Bagikan Keteman Lewat:



Apa itu Related Post?

Related post adalah daftar dari posting terkait yang biasanya berada di bawah artikel. Related post atau posting terkait sangat berguna untuk meningkatkan jumlah pageview dari blog kallian. Fitur Related post sendiri tidak langsung disediakan oleh pihak blogger / blogspot. Oleh karena itu, kalian harus membuatnya sendiri dengan cara menambahkan beberapa script dengan memodifikasi template blogger kalian agar tempaltenya menjadi SEO Friendly.

Cara Membuat Related Post

Pertama - tama masuklah ke account blogger dengan mengetikkan email dan password kalian

1.Pilih Rancangan --> edit html
2.Beri tanda centang pada ‘Expand Template Widget’.
3.Lalu carilah kode berikut ini:
<data:post.body/>
4. Lalu masukkan code berikut ini dibawah kode <data:post.body/> :
<b:if cond='data:blog.pageType == &quot;item&quot;'>
            <div class='similiar'>
                <!-- *****************http://pintarseo.blogspot.com*****Jan,2007****************** -->
                <!-- *****************Related Articles by Labels - Take Two****************** -->

                <!--
                 Modified by JackBook.Com to make it easier to use.
                1. Now, users don't need to change anything to use this widget. just copy and paste, and done!
                2. The current article will also be listed, now it's no more.
                -->

                <div class='widget-content'>
                <h3>Related Posts by Categories</h3>
                <div id='data2007'/><br/>
                    <div id='hoctro'>
                        Widget by <u><a href='http://pintarseo.blogspot.com'>PintarSEO</a></u> | <u><a href='http://pintarseo.blogspot.com/2011/12/7-keajaiban-rejeki-dan-3-orang-kaya.html' title='Download 7 Keajaiban Rejeki by pintarseo.blogspot.Com. Read More?'>Download</a></u>
                    </div>
                    <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;data2007&#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>

            </div>
        </b:if>
5. Simpan Template

Kesimpulan Dari Related Post

Dengan adanya Related Post makan pengunjung akan mendapatkan kemudahan navigasi dalam mencari atau mengetahui artikel - artikel kalian dengan begitu maka pageview kalian tentu akan bertambah dengan mudah.
Thank You So Much!
Kalau sudah membaca silahkan isi Buku Tamu
Terima kasih telah membaca artikel: Cara Membuat Related Post Pada Blog/Bloger Silahkan baca artikel Blog ©Belajar Askep Lainya Dibawah ini:
Advertisement below...!

Comments : Ada 0 komentar untuk Cara Membuat Related Post Pada Blog/Bloger

Post a Comment

 
© Copyright 2011 : Belajar Askep
All Rights Reserved | About | Privacy | Contact | T O S | Sitemap | Stylished by Ahmad Soleh Powered By Blogger
^_^ Submit | Template dari : Free Blogger Templates | Member Area | Report | Report | Log In | Log Out
Ping your blog, website, or RSS feed for Free | |