Beranda » Tutorial Blog » Cara Membuat Artikel Terkait With Scroll

Cara Membuat Artikel Terkait With Scroll

T Diposting oleh pada 13 April 2012
F Kategori
b Belum ada komentar
@ Dilihat 321 kali

Cara Membuat Artikel Terkait With Scroll. Sobat Darmanto semua,setelah beberapa waktu yang lalu saya berbagi catatan membuat artikel terkait,pada catatan saya kali ini yang masih berisi seputar tutorial blog akan dilanjutkan dengan Membuat artikel terkait  namun dilengkapi dengan fungsi scoll.Membuat artikel terkait dengan scroll adalah bertujuan bila postingan sobat sudah banyak maka,membuat artikel terkait with scroll ini adalah solusinya agar artikel terkait dengan postingan kita tidak memenuhi banyak tempat atau kelihatan terlalu panjang.

Ok sobat Darmanto semua,bagi yang ingin membuat artikel terkait dengan scroll…Langsung saja yuk ikuti langkah-langkah berikut:

    1. Masuk ke akun blog sobat pilih tata letak
    2. Klik Design > Edit HTML
    3. Klik Expand Widget Template
    4. Letakkan kode dibawah ini diatas kode ]]></b:skin>#artikel-terkait{background-color:#F0F0F0; border:solid 1px #DEDEDE; padding:10px}

      Catatan : Jika perlu ganti kode berwarna merah dengan warna background serta border yang sesuai dengan template kamu

    1. Selanjutnya cari kode  <data:post.body/>  dan letakkan kode berikut dibawahnya<b:if cond=’data:blog.pageType == &quot;item&quot;’>
      <br/>
      <div class=’similiar’>
      <div class=’widget-content’ id=’artikel-terkait’>
      <div style=’width:100%; height:190px; overflow: auto;’>
      <div id=’data2007’/>
      <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>
      </div>
      </b:if>

      Catatan : Kode yang berwarna merah merupakan kode panjang dan lebar space dari widget related post ini, silahkan sobat sesuaikan saja dengan ukuran template kamu

  1. Simpan Template

Semoga tutorial blog pada catatan saya kali ini mengenai Cara Membuat Artikel Terkait With Scroll  ada rmanfaatnya.
Sumber kode:
http://kangamphi.blogspot.com

Diposting oleh

Owner CV. Studio Web, sebuah perusahaan jasa pembuatan website SEO, jasa desain blog, google adwords, jasa SEO profesional. Hubungi CS Kami telpon/SMS/WA: 082310361484 (Puspa) untuk respon layanan cepat

Belum ada Komentar untuk Cara Membuat Artikel Terkait With Scroll

Silahkan tulis komentar Anda

Your email address will not be published. Required fields are marked *

*

a Artikel Terkait Cara Membuat Artikel Terkait With Scroll

Cara Membuat Akun Google Code

T 6 October 2012F A Darmanto SEO

Cara Membuat Akun Google Code.Sudahkah sobat Membuat File Hosting di google code? Para Sobat,pada Tutorial blog kali ini,saya akan berbagi Cara membuat akun google code.Google Code adalah salah satu tempat menyimpan file yang kita miliki dengan gratis Google Code bisa... Selengkapnya

Cara Membuat Label Yang Di Klik Hanya Tampil Judulnya Saja.

Cara Membuat Label Yang Di Klik Hanya Tampil Judulnya Saja.

T 16 September 2012F A Darmanto SEO

Membuat label yang di klik hanya tampil judulnya saja adalah salah satu tips blog dan juga triks para blogger agar jumlah pageviews blog kita lebih banyak.Cara membuat label yang di klik hanya tampil judulnya saja juga bertujuan untuk memudahkan pengunjung... Selengkapnya

cek ranking website di myserpchecker

Mau Cek Ranking Website Menggunakan WhatsMySerp? Begini Caranya

T 21 July 2017F , A Darmanto SEO

Kadang sebagai pemilik website, biasanya penasaran ingin cek ranking website untuk keyword yang diinginkan. Cek ranking web juga biasanya sering dilakukan dan ditanyakan oleh mereka yang sedang ikut kontes SEO atau sedang pesan seo website untuk keyword tertentu ke penyedia jasa... Selengkapnya

+ SIDEBAR

Ada Pertanyaan? Silahkan hubungi customer service kami untuk mendapatkan informasi lebih lengkap mengenai jasa/produk kami.