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 Agustus 2016 pada Blog/Web.
Tambah Komentar

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

Jawaban Anda

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