1. Pada bagian menu Anda hanya bisa menambahkan 6 link saja
2. Untuk mengedit bagian Tanggal dan waktu
Anda bisa cari kode di bawah ini di dalam template
3. Di dalam template ini sudah terdapat tombol reaksi dari Vicomi, silakan ikuti tutorial ini Cara Memasang Tombol Reaksi di Blogger dengan Vicomi. Anda hanya cukup mengganti kode tokennya saja.
4. Untuk mengganti username Disqus, silakan cari tulisan kabarisehat di editor template dan ganti dengan user name Disqus blog Anda.
5. Ganti semua link https://www.facebook.com/kabarsehatku/ dan tulisan Kabar Sehat di dalam widget fanpage di sidebar
6. Tambahkan kode di bawah ini di post halaman statis, untuk tutorialnya bisa di cek di halaman ini Cara Memasang Daftar Isi Ala Blog Kang Ismet
Anda bisa cari kode di bawah ini di dalam template
<script language='Javascript'>
var dayName = new Array("Minggu", "Senin", "Selasa", "Rabu", "Kamis", "Jumat", "Sabtu");
var monName = new Array("Januari", "Februari", "Maret", "April", "Mei", "Juni", "Juli", "Agustus", "September", "Oktober", "November", "Desember");
var now = new Date();
document.write("<i aria-hidden='true' class='fa fa-bell'/>" + " " + dayName[now.getDay()] + "," + " " + now.getDate() + " " + monName[now.getMonth()] + "");
</script>
3. Di dalam template ini sudah terdapat tombol reaksi dari Vicomi, silakan ikuti tutorial ini Cara Memasang Tombol Reaksi di Blogger dengan Vicomi. Anda hanya cukup mengganti kode tokennya saja.
4. Untuk mengganti username Disqus, silakan cari tulisan kabarisehat di editor template dan ganti dengan user name Disqus blog Anda.
5. Ganti semua link https://www.facebook.com/kabarsehatku/ dan tulisan Kabar Sehat di dalam widget fanpage di sidebar
<div class="fb-page" data-href="https://www.facebook.com/kabarsehatku/" data-tabs="timeline" data-height="250" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"><blockquote cite="https://www.facebook.com/kabarsehatku/" class="fb-xfbml-parse-ignore"><a href="https://www.facebook.com/kabarsehatku/">Kabar Sehat</a></blockquote></div>
6. Tambahkan kode di bawah ini di post halaman statis, untuk tutorialnya bisa di cek di halaman ini Cara Memasang Daftar Isi Ala Blog Kang Ismet
<style scoped="scoped" type="text/css">
/* Multi Recent Post */
.post-body *,.post-body *:after,.post-body *:before{box-sizing:initial;-webkit-box-sizing:initial;-moz-box-sizing:initial;}
.list-entries{background:#fdfdfd;margin:1.5% 1%;width:31.3%;float:left;font-size:80%;}
.list-entries ul,.list-entries li{margin:0;list-style:none}
#feed-list-container ul li{background:#fff;padding:15px;line-height:normal;border:1px solid rgba(0,0,0,0.08);border-top:0;transition:all .3s;}
#feed-list-container ul li:hover{background:#fafafa;}
#feed-list-container ul li:last-child{border-bottom:0;}
.list-entries .main-title{padding:0;overflow:hidden;}
.list-entries .main-title h4{position:relative;display:block;font:inherit;overflow:hidden;font-weight:700;padding:1em 1.5em;margin:0;line-height:normal;font-size:120%;border:1px solid rgba(0,0,0,0.08);box-shadow:inset 0 1px #f96d5e}
.list-entries .main-title h4:after{display:inline-block;content:"\f02c";font-family:fontAwesome;font-size:17.4px;font-style:normal;top:0;right:0;padding:1em 1.25em;position:absolute;font-weight:400;color:#999;transition:all .3s;}
.list-entries .main-title h4:hover:after{transform:rotate(360deg)}
.list-entries .title a{font-size:14px;text-decoration:none;line-height:.5em;color:#333;font-weight:700;transition:all .3s;}
.list-entries .title a:hover{color:#222;text-decoration:underline}
.list-entries img,.list-entries .fake-img{border:none;background:#f5f5f5;margin:0 1em 0 0;padding:0;float:left;width:72px!important;height:auto!important}
.list-entries .summary{overflow:hidden;color:#999}
.list-entries .more-link{border-bottom:none;}
.list-entries .more-link a{display:block;line-height:2em;height:2em;overflow:hidden;text-decoration:none;background-color:#f5f5f5;padding:1em 1.5em;position:relative;font-weight:400;color:#888;transition:initial}
.list-entries .more-link a:hover{background-color:#2f3542;color:#fff;}
.list-entries .more-link a:after{display:inline-block;content:"\f054";font-family:fontAwesome;font-size:16px;font-style:normal;background-color:#f0f0f0;color:#ccc;top:0;right:0;padding:1em 1.25em;position:absolute;font-weight:400}
.list-entries .more-link a:hover:after{background-color:#57606f;color:#fff;}
.widget .post-body ul, .widget .post-body ol {position:relative;}
#feed-list-container ul li:nth-child(1) img{width:100%!important;height:auto!important;float:none;margin:0 0 10px 0}
#feed-list-container ul li:nth-child(1) .title{position:absolute;bottom:10%;left:20px;right:20px;z-index:3}
#feed-list-container ul li:nth-child(1) .title a{display:block;font-size:1rem;line-height:normal;overflow:hidden;padding:0 10px 0 0;color:#fff}
#feed-list-container ul li:nth-child(1) .inner{position:relative;max-height:180px}
#feed-list-container ul li:nth-child(1) .inner:before{content:'';background:rgba(0,0,0,0.3);position:absolute;left:0;right:0;top:0;bottom:0;z-index:2;transition:all .3s;}
#feed-list-container ul li:nth-child(1):hover .inner:before{background:rgba(0,0,0,0.6)}
.inner{height:auto!important}
@media (max-width:768px){
.list-entries {width:100%;}
.list-entries{margin:2.5% 1%;}}
</style>
<div id="feed-list-container">
</div>
<div style="clear: both;">
</div>
<script type="text/javascript">
var multiFeed = {
feedsUri: [
{
name: "Blog",
url: "https://viralgoks.blogspot.com/",
tag: "Blog"
},
{
name: "Blog",
url: "https://viralgoks.blogspot.com/",
tag: "Blog"
},
{
name: "Blog",
url: "https://viralgoks.blogspot.com/",
tag: "Blog"
},
{
name: "Blog",
url: "https://viralgoks.blogspot.com/",
tag: "Blog"
},
{
name: "Blog",
url: "https://viralgoks.blogspot.com/",
tag: "Blog"
},
{
name: "Blog",
url: "https://viralgoks.blogspot.com/",
tag: "Blog"
},
{
name: "Blog",
url: "https://viralgoks.blogspot.com/",
tag: "Blog"
},
{
name: "Blog",
url: "https://viralgoks.blogspot.com/",
tag: "Blog"
},
{
name: "Blog",
url: "https://viralgoks.blogspot.com/",
tag: "Blog"
},
{
name: "Blog",
url: "https://viralgoks.blogspot.com/",
tag: "Blog"
},
{
name: "Blog",
url: "https://viralgoks.blogspot.com/",
tag: "Blog"
},
{
name: "Blog",
url: "https://viralgoks.blogspot.com/",
tag: "Blog"
}
],
numPost: 4,
showThumbnail: true,
showSummary: true,
summaryLength: 0,
titleLength: "auto",
thumbSize: 270,
containerId: "feed-list-container",
readMore: {
text: "Selengkapnya",
endParam: "?max-results=8"
}
};
</script>
<script src="https://cdn.jsdelivr.net/gh/Arlina-Design/redvision@master/multi-feed.js" type="text/javascript"></script>
Mantabsss gan lanjutken. Abis ini ane mau langsung praktekin. Jangan lupa mampir juga di blog ane lembaranmu.com
ReplyDelete