1. Install/Upload Template yang ada pada direktori
/Themes/
di dalam file (.RAR) ke dalam Blog sobat.
2. Masuk ke menu/halaman
Tata Letak, lalu edit semua widget yang ada dengan code / settingan yang sudah saya siapkan di bawah ini :
► Setting Widget
Popular Post seperti screenshot di bawah ini :
► Setting Widget
Sosial Media ( Sticky ) dengan menambahkan kode di bawah ini :
<div class="g-person" data-width="250" data-href="//plus.google.com/u/0/108034059941947835351" data-layout="landscape" data-rel="author"></div>
<a href="https://twitter.com/KangRian14" class="twitter-follow-button" data-show-count="true" data-lang="id">Follow @KangRian14</a>
<iframe src="//www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Fkangriandotcom&width&height=62&colorscheme=light&show_faces=false&header=false&stream=false&show_border=false&appId=169828266520120" style="border:0px!important; overflow:hidden; height:62px;width:100%;"></iframe>
<script>
//<![CDATA[
// Twitter Load
!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");
//]]>
</script>
<!-- Plaats deze tag na de laatste widget-tag. -->
<script type="text/javascript">
window.___gcfg = {lang: 'id'};
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/platform.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<div class='clear'></div>
Konfigurasi Kode Sosial Media :→ Ganti URL
//plus.google.com/u/0/108034059941947835351
dengan URL Google Plus sobat.
→ Ganti Semua Text
@KangRian14
dengan Username Twitter sobat.
→ Ganti Text
kangriandotcom
dengan Username Fanpage Facebook sobat.
► Setting widget
Komentar Terbaru dengan menambahkan kode di bawah ini :
<script type="text/javascript">
//<![CDATA[
var
numComments = 100,
showAvatar = true,
avatarSize = 40,
roundAvatar = true,
characters = 45,
defaultAvatar = "http://www.gravatar.com/avatar/?d=mm",
hideCredits = true;
maxfeeds=500,
adminBlog='YOUR NAME';
//]]>
</script>
<script type="text/javascript" src="https://googledrive.com/host/0B7H_GQEvKCj1cUVkYy1jbXpqZW8/recent-comments.js"></script>
<script type="text/javascript" src="/feeds/comments/default?alt=json&callback=kangrian_recent_comment&&max-results=100">
</script>
Konfigurasi kode "Komentar Terbaru" :→ Rubah text
YOUR NAME
dengan nama sobat agar tidak muncul pada widget komentar terbaru.
► Setting/Edit widget
Kategori menjadi seperti screenshot di bawah ini :
dan yang terakhir,
► Setting/Edit widget
Kutipan, dengan menambahkan kode di bawah ini :
<div class='kutipan'>
<blockquote>Saya pikir semua orang harus belajar coding,
Karena coding mengajarkan anda berpikir.<br/>
<cite>– Steve Jobs, pendiri Apple.</cite></blockquote>
<blockquote>Kebijaksanaan di Facebook adalah meng-hire coder berkualitas sebanyak mungkin. Tapi pasar saat ini tidak menyediakan stock yang cukup..<br/>
<cite>– Mark Zuckerberg, pendiri Facebook.</cite></blockquote>
<blockquote>Anda tidak harus menjadi jenius untuk bisa coding. Pertambahan, pengurangan... itu sudah cukup!.<br/>
<cite>– Bill Gates, pendiri Microsoft.</cite></blockquote>
<blockquote>Coders yang hebat adalah rock star masa kini! Titik!.<br/>
<cite>– Will.i.am, anggota Black Eyed Peas.</cite></blockquote>
</div>
0 Response to "PERTAMAX!! - Responsive HTML5 Blogger Template"
Post a Comment