PERTAMAX!! - Responsive HTML5 Blogger Template

PERTAMAX!! - Responsive HTML5 Blogger Template- Template ini di beri nama PERTAMAX karena karya pertama KangRian dalam membuat "Template Blogger Responsive - Valid HTML5"Fitur  template ini :

1. Responsive & FLAT Design Check Disini
2. SEO Friendly [ 100% ] Check Disini
3. Valid HTML5 [ Homepage ] Check Disini
4. Valid HTML5 [ Postingan ] Check Disini
5. List Grid Mode [ Postingan ] Lihat
6. Back To Top [ Widget] Lihat
7. Threaded Comment V3 [ Plugin ]
8. Emoticon Kaskus pada Komentar [ Plugin ]
9. Responsive Tooltip [ Plugin ]
10. Font Icon Awesome [ Plugin ]
11. Sticky [ Widget]
12. Quotes Footer [ Widget]
13. Recent Comment [ Widget - Visitor Friendly ]
14. dan lain lain

Lihat Demo  Download Template 

Lihat Demo  Download Template 

Instalasi Template :

Untuk pemasangan Template mengikuti Dummy yang ada berikut akan saya jelaskan di bawah ini :

Panduan Instalasi : 

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>

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

Untuk membuat blog agar tetap valid HTML5, pastikan setiap menambahkan widget baru, langsung hapus kode di bawah ini pada Template -> Edit HTML

<b:include name='quickedit'/>

via KANGRIAN

PERTAMAX!! - Responsive HTML5 Blogger Template