'Pertamax' Blogger Template Responsive | CATATAN SAIF - Tutorial Blogger

'Pertamax' Blogger Template Responsive

PERTAMAX!! - Responsive HTML5 Blogger Template - Adalah template blog yang sangat elegan dan juga responsive. cocok buat sobat yang mempunyai blog / web Informasi atau yang lainnya. Berikut adalah Template Blogger design dari Kang Rian dalam webnya http://blog.kangrian.com. Ada dua pilihan warna yaitu Whiteblue dan Whitered .



Point Plus-plus / Fitur pada 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 masih banyak lagi ..

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&amp;width&amp;height=62&amp;colorscheme=light&amp;show_faces=false&amp;header=false&amp;stream=false&amp;show_border=false&amp;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&amp;callback=kangrian_recent_comment&amp;&amp;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>&ndash; 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>&ndash; Mark Zuckerberg, pendiri Facebook.</cite></blockquote>
<blockquote>Anda tidak harus menjadi jenius untuk bisa coding. Pertambahan, pengurangan... itu sudah cukup!.<br/>
<cite>&ndash; Bill Gates, pendiri Microsoft.</cite></blockquote>
<blockquote>Coders yang hebat adalah rock star masa kini! Titik!.<br/>
<cite>&ndash; 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'/>
Atau sobat bisa langsung hapus otomatis dengan menyisipkan kode untuk menghilangkan "gambar Tang dan Obeng" Silahkan baca DISINI

Keterangan lainnya :
  • Diharap jangan menghapus link Credit aslinya karena akan merusak template.
  • Sobat bisa menghilangkan Credit pada footer, dengan membayar Rp. 50.000,- melalui Paypal "kangrian14@gmail.com" silahkan email dahulu ke alamat tersebut.
Mungkin itu dulu yang dapat catatansaif share ke sobat2 blogger,mudah-mudahan bermanfaat.
src

4 komentar

keren bgt gan templatenya,ijin dunlud ya.

Tutorial Installnya Lengkap Makasih :)

http://blog.portalinspirasi.com/2015/03/redesign-pertamax-responsive-blogger.html

Silahkan tinggalkan Kritik dan Saran Sobat dibawah sini :
Gunakan Akun openID / Google+ / Blogger agar ada pemberitahuan untuk catatansaif. Boleh Copas asal ada sumbernya ya.. untuk sedikit hargai kerja keras orang lain aja..
Centang "Notify Me" agar ada pemberitahuan balasan dari saya.
Mulai 2016 Komentar dengan menyertakan Link Aktiv / No Aktiv akan dihapus, jadi gunakan openID saja.