RE: 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
localhost367 SMP Ditanyakan on 28 August 2016 pada Blog.
Tambah Komentar
Loading...

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

Doktor Terjawab on 28 August 2016
Tambah Komentar

Jawaban Anda

Dengan memposting jawaban, anda setuju dengan Kebijakan Privasi dan ketentuan layanan.