Kembali ke atas

Cara Memasang List Artikel Terkait Pada Postingan Blog

Cara Memasang List Artikel Terkait Pada Postingan Blog - Hallo Sahabat blogger Sekalian, selamat datang kembali di Blog Bang Ariel,Terutama jika kalian adalah First Time Visitor, Saya ucapkan Selamat Datang 🙏
Hayoo lagi cari artikel refrensi buat blog kalian yaaa ?



Jika tujuan kalian memilih artikel ini untuk belajar Memasang List Artikel Terkait Pada Postingan Blog, Kalian telah telat sekali memilih artikel ini.

Kalian gk perlu pusing pusing, Sebenarnya cara ini sangat mudah sekali, Kalian bisa langsung terapkan pada blog kalian.

Tapi kalian harus ikuti langkah demi langkah, Jangan lewatkan 1 kalimat pun, Jika kalian lewatkan, mungkin kalian akan sia - sia , Karena tidak akan berhasil.

Maka dari itu saya harap kalian fokus sedikit eaa sob, hehehe 🤣
Langsung saja ke intinya, Mari kita mulai

Cara Memasang List Artikel Terkait Pada Postingan Blog


  1. Masuk ke Blogger
  2. Lalu pilih lah Tema
  3. Selanjutnya Pilihlah Opsi Edit Html
  4. Selanjutnya kalian tambahkan code di bawah ini sebelum code </head> ataupun </header>
    <script type="text/javascript">
    //<![CDATA[
    function bacajuga(e){document.write("<ul>");for(var t=0;t<e.feed.entry.length;t++){for(var r=0;r<e.feed.entry[t].link.length&&"alternate"!=e.feed.entry[t].link[r].rel;r++);var n="'"+e.feed.entry[t].link[r].href+"'",l=e.feed.entry[t].title.$t,a="<li><a href="+n+'" title="'+l+'" target="_blank">'+l+"</a> </li>";document.write(a)}document.write("</ul>")}
    //]]>
    </script>
  5. Selanjutnya Tambahkan CSS Di bawah sini Tepat Sebelum kode </style> atau </b:skin>
    
    
    
    /* BACA JUGA */
    #baca-juga {
    display: none;
    position: relative;
    }
    #baca-juga h2 {
    color: #888888;
    position: absolute;
    top: -15px;
    left: 20px;
    border: 1px solid #dddddd;
    padding: 2px 12px;
    font-size: 14px;
    background: #f8f8f8;
    font-weight: 500;
    z-index: 1;
    }
    #baca-juga a {
    font-weight: 500;
    font-size: 14px;
    display: block;
    padding: 0;
    }
    #baca-juga ul {
    max-width: 75%;
    margin: 30px 0 20px;
    padding: 20px 20px 10px 40px;
    position: relative;
    border: 1px solid #dddddd;
    }
    #baca-juga li {
    padding: 0px;
    margin: .6em 0;
    }
    #baca-juga, #baca-juga h2 {
     border-radius: 3px;
    }
    #baca-juga {
     display: block;
    } 
    
    @media only screen and (max-width:480px){
    #baca-juga {
      max-width: 100%;
     }
    }  

  6. Selanjutnya, Kalian Cari dan Ganti Code <data:pos.body/> Dengan Kode Di bawah sini ya sob.
    
    
         <div expr:id='&quot;post1&quot; + data:post.id'/>
    <div id='baca-juga'>  
    <b:if cond='data:post.labels'>  
    <b:loop values='data:post.labels' var='label'>  
    <b:if cond='data:blog.pageType == "item"'>  
    <script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5"' type='text/javascript'/>  
    </b:if>  
    </b:loop>  
    </b:if>  
    <b:if cond='data:blog.pageType == "item"'>  
    <h2>Baca Juga</h2>  
    <script type="text/javascript">  
    removeRelatedDuplicates();  
    printRelatedLabels();  
    </script>  
    </b:if>  
    </div>
    <div expr:id='&quot;post2&quot; + data:post.id'><data:post.body/></div>
    <script type='text/javascript'>
    var obj0=document.getElementById(&quot;post1<data:post.id/>&quot;);
    var obj1=document.getElementById(&quot;post2<data:post.id/>&quot;);
    var s=obj1.innerHTML;
    var t=s.substr(0,s.length/2);
    var r=t.lastIndexOf(&quot;&lt;br&gt;&quot;);
    if(r&gt;0) {obj0.innerHTML=s.substr(0,r);obj1.innerHTML=s.substr(r+4);}
    </script>
  7. Silahkan Simpan Template
  8. Selanjutnya silahkan kalian cek

Di dalam Template yang kalian pasang, Kalian akan menemukan beberapa <data:post.body/>, Di dalam beberapa kasus, Saya menemukan 3 <data:post.body/> didalamnya, jika di template kalian ada 3 <data:post.body/> kalian coba satu persatu saja.

Nah cukup mudah bukan pemasangannya ?
Dengan demikian kalian bisa dengan mudah mempraktekan nya.

Penutup 

Demikianlah artikel ini bisa saya sampaikan kepada kalian semua, semoga bisa Bermanfaat untuk kalian semua, jangan lupa untuk selalu mengunjungi blog saya ini, Sampai jumpa pada update artikel selanjutnya, Cukup sekian dari saya.

Terima kasih.
Komentar Facebook
0 Komentar Blogger

0 Response to "Cara Memasang List Artikel Terkait Pada Postingan Blog"

Post a Comment

Silahkan Berkomentar Dengan Baik, Dilarang !
- Sara
- Provokasi
- Menggunakan Kata Kasar
- Spam
- Phissing
- Sebar Url
- Dan Lain Lain yang melanggar ketentuan Google.

Berkomentarlah Dengan Sopan Dan Santun,

Jika komentar kalian melanggar ketentuan blog bang ariel, Dalam Sekejap Komentar Anda Akan Saya Hapus.

Terimakasih.

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel