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 484 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

Darmanto adalah owner CV. Studio Web, sebuah perusahaan jasa pembuatan web SEO friendly, jasa desain blog, google adwords, jasa SEO profesional. Follow Channel telegramnya di https://t.me/darmantoseo

Belum ada Komentar untuk Cara Membuat Artikel Terkait With Scroll

Silahkan tulis komentar Anda

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *

*

a Artikel Terkait Cara Membuat Artikel Terkait With Scroll

Cara menghilangkan Tulisan Home atau Beranda di Footer Blog

Cara menghilangkan Tulisan Home atau Beranda di Footer Blog

T 26 Juni 2011 F A Darmanto SEO

Cara menghilangkan Tulisan Home atau Beranda di Footer Blog platform blogspot. Tutorial blog ini saya buat karena terkadang ada yang berpendapat tulisan Home atau beranda di footer blog,membuat kurang indah halaman blog. Oleh karena itu,kali ini saya akan memposting tutorial... Selengkapnya

Membuat Artikel Terkait dengan Gambar

Membuat Artikel Terkait dengan Gambar

T 16 April 2012 F A Darmanto SEO

Membuat Artikel Terkait dengan Gambar. Sebelumnya pada catatan saya yang lalu sudah pernah memposting mengenai cara membuat artikel terkait untuk menampilkan artikel yang berkaitan dengan judul postingan utama,sehingga memudahkan pembaca untuk mencari topik yang berkaitan.Nah kali ini saya ingin melanjutkan... Selengkapnya

Cara Membuat Sitemap Di blogger

Cara Membuat Sitemap / Daftar Isi di Blogger

T 9 November 2015 F A Darmanto SEO

Cara Membuat Sitemap / Daftar Isi di Blog khusus untuk pengguna web platform blogger akan saya share. Hal ini karena ada salah satu sobat blogger yang minta petunjuk cara membuatnya.  Membuat sitemap di blogger ada beberapa cara, cara membuat sitemap... Selengkapnya

+ SIDEBAR

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

Legalitas Usaha

CV. STUDIO WEB
SIUP: 503.9/192/KPPT/PMK/11-22/II/2015
TDP: 112236321645
Akta Notaris no. 01
Detail Legalitas Kami Klik disini

Alamat

Office:
Jl. Raya Gili Tugel – Kreo KM 1, Rt. 039 Rw. 005

Desa Cibuyur, Kec. Warungpring

Kab. Pemalang, Jawa Tengah,52358