Cara membuat artikel terkait didalam postingan blog ?

Cara membuat artikel terkait didalam postingan blog seperti ditemplate
Name     :  Alexia
Versi    :  1.0
Designer :  Bamz
URL      :  bamz.co.id
Release  :  Januari 2016
SMP Ditanyakan on 28 Agustus 2016 pada Blog/Web.
Tambah Komentar
  • Loading...
    2 Jawaban

    Artikel terkaitnya mirip dengan plugin di wordpress, belum nemu oprekannya kalo yang itu gan, tapi bisa juga pakai yang ini :

    • Pasang di atas kode ]]></b:skin>
    
    /* ==== Related Post Widget Start ==== */
    
    .related-post {
    
    margin:14px 0 8px;
    
    font:normal normal 11px/1.4 Arial,Sans-Serif;
    
    }
    
    .related-post h4 {
    
    font-family:"Oswald",Verdana,Sans-serif;
    
    font-weight:normal;
    
    text-transform:uppercase;
    
    margin:0 0 4px;
    
    font-size:14px;
    
    color:#666;
    
    }
    
    /* Style 2 */
    
    ul.related-post-style-2 {
    
    padding:0 0 0 0 !important;
    
    }
    
    .related-post-style-2,
    
    .related-post-style-2 li {
    
    margin:0 0 0 0;
    
    padding:0 0 0 0;
    
    list-style:none;
    
    }
    
    .related-post-style-2 li {
    
    padding:6px 0;
    
    border-top:1px dotted #eee;
    
    overflow:hidden;
    
    }
    
    .related-post-style-2 li:first-child {border-top:none}
    
    .related-post-style-2 .related-post-item-thumbnail {
    
    width:40px;
    
    height:40px;
    
    max-width:none;
    
    max-height:none;
    
    background-color:transparent;
    
    border:none;
    
    padding:0;
    
    float:left;
    
    margin:2px 6px 0 0;
    
    }
    
    .related-post-style-2 .related-post-item-title {
    
    font-weight:bold;
    
    font-size:110%;
    
    }
    
    .related-post-style-2 .related-post-item-summary {
    
    display:block;
    
    overflow:hidden;
    
    }
    
    .related-post-style-2 .related-post-item-more {}
    
    /* ==== Related Post Widget End ==== */
    
    
    • Cari kode <data:post.body/> lalu pastekan di atas atau bawahnya sesuai keinginan
    
    <!-- Related Post Widget Start -->
    
    <b:if cond='data:blog.pageType == "item"'>
    
    <div class='related-post' id='related-post'/>
    
    <script type='text/javascript'>
    
    var labelArray = [<b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
    
    "<data:label.name/>"<b:if cond='data:label.isLast != "true"'>,</b:if>
    
    </b:loop></b:if>];
    
    var relatedPostConfig = {
    
    homePage: "<data:blog.homepageUrl/>",
    
    widgetTitle: "<h4>
    
    Related Post:</h4>
    
    ",
    
    numPosts: 5,
    
    summaryLength: 100,
    
    titleLength: "auto",
    
    thumbnailSize: 40,
    
    noImage: "http://3.bp.blogspot.com/-zP87C2q9yog/UVopoHY30SI/AAAAAAAAE5k/AIyPvrpGLn8/s40/picture_not_available.png",
    
    containerId: "related-post",
    
    newTabLink: false,
    
    moreText: "Read More",
    
    widgetStyle: 2,
    
    callBack: function() {}
    
    };
    
    </script>
    
    <script src='https://dl.dropboxusercontent.com/u/122336262/JavaScript/related-post.min.js' type='text/javascript'/>
    
    </b:if>
    
    <!-- Related Post Widget End -->
    
    
    Megister Terjawab on 28 Agustus 2016
    Tambah Komentar

    http://danifin.blogspot.co.id/2016/09/cara-menambahkan-artikel-terkait-baca.html

    SD Terjawab on 29 September 2016
    Tambah Komentar
    Dengan memposting jawaban, anda setuju dengan Kebijakan Privasi dan ketentuan layanan.