Cara Membuat Artikel Terkait Seperti Template Evo Magz
Jika anda ingin merubah penampilan artikel terkait anda seperti evo magz template perhatikan tuorial berikut ini .
Cara Membuat Artikel Terkait Seperti Template Evo Magz:
1. Buka Blogger > Template > Edit HML
2.Cari code ]]></b:skin> copy code dibawah ini di atas ]]></b:skin>
 |
| Artikel Terkait Seperti Evo Magz Template |
1. Buka Blogger > Template > Edit HML
2.Cari code ]]></b:skin> copy code dibawah ini di atas ]]></b:skin>
/* ==== Related Post Widget Start ==== */
.related-post {
margin:15px 0 0;
border-top:1px solid #f0f0f0;
padding:15px 0 0;
}
.related-post h4 {
font-size:14px;
margin:0 0 .5em;
text-transform:uppercase;
}
.related-post-style-2 {
margin:0 0 0 0 !important;
padding:0 0 0 0 !important;
list-style:none;
}
.related-post-style-2 li {
margin:0 0 0 0;
padding:0 0 0 0;
}
.related-post-style-2 li {
padding:5px 0 !important;
border-top:1px solid #eee;
overflow:hidden;
}
.related-post-style-2 li:first-child {border-top:none}
.related-post-style-2 .related-post-item-thumbnail {
width:60px;
height:60px;
max-width:none;
max-height:none;
background-color:transparent;
border:none;
padding:0;
float:left;
margin:2px 8px 0 0;
}
.related-post-style-2 .related-post-item-title {
font:normal normal 16px Fjalla One, Helvetica, Arial, sans-serif;
}
.related-post-style-2 .related-post-item-summary {
display:block;
overflow:hidden;
}
.related-post-style-2 .related-post-item-more {}
3. Cari code <data:post.body/> ( biasanya code <data:post.body/> ada 3 atau 4 code di Edit HML blog anda)
4. Masukan code di bawah ini di bawah <data:post.body/>
<!-- Related Post Widget Start -->
<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 Posts :</h4>",
numPosts: 5,
summaryLength: 140,
titleLength: "auto",
thumbnailSize: 60,
noImage: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3HRVQWa3bulW5HqUGvb4Q5FLtvJFSKQt4rDZPL4RFdGeUiMLhH7WVfIGrTfurjluB5Zjai_fK3XT4KjYqijI6iEs0aCKCFhPQUNcA1kqzLvXQW1M6UhWCQfw2EmPOrgFb_sf_l9HFhp5H/w60-c-h60/no-image.png",
containerId: "related-post",
newTabLink: false,
moreText: "Read More...",
widgetStyle: 2,
callBack: function() {}
};
</script>
<!-- Related Post Widget End -->
No comments