May 04, 2016

PERTAMAX!! Flat Design - Responsive HTML5 Blogger Template

Bekal Kami - Kali ini saya mau share template blog PERTAMAX!! Flat Design, lumayan keren dan tentunya sangat responsif templatenya. Sebenarnya template ini milik Kang Rian yang dibagikan secara gratis jadi saya hanya membantu share saja hitung - hitung menyebar luaskan. Karena saya tahu kalau Feed Back nya berupa backlinks hehe.

Berikut Fitur Dari PERTAMAX!! Flat Design Blogger Template :
  • Responsive & FLAT Design [ Check Disini ]
  • SEO Friendly [ 100% ] [ Check Disini ]
  • Valid HTML5 [ Homepage ] [ Check Disini ]
  • Valid HTML5 [ Postingan ] [ Check Disini ]
  • List Grid Mode [ Postingan ] [ Lihat ]
  • Back To Top [ Widget] [ Lihat
  • Threaded Comment V3 [ Plugin ]
  • Emoticon Kaskus pada Komentar [ Plugin ]
  • Responsive Tooltip [ Plugin ]
  • Font Icon Awesome [ Plugin ]
  • Sticky [ Widget]
  • Quotes Footer [ Widget]
  • Recent Comment [ Widget - Visitor Friendly ]
  • dan masih banyak lagi ..
Template ini tersedia dalam dua versi yakin versi warna biru dan warna merah, untuk melihat seperti apa templatenya silahkan klik DEMO dan untuk mengunduhnya bisa klik DOWNLOAD.





PANDUAN INSTALASI TEMPLATE

Kalo Kalian Masih Bingung Cara Install Templatenya ?! Baca Ini : Tutorial Install Template Blogger

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 :

Code:
<div class="g-person" data-width="250" data-href="http://plus.google.com/u/0/108034059941947835351" data-layout="landscape" data-rel="author"></div><a href="https://twitter.com/aditpermana15" 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%2Fnoel48.blogspot.com&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>

  • Setting widget Komentar Terbaru dengan menambahkan kode di bawah ini :

Code:
//<![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>
  • Setting/Edit widget Kategori menjadi seperti screenshot di bawah ini :

  • Setting/Edit widget Kutipan, dengan menambahkan kode di bawah ini :

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

PENTING!!
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'/>


Sekian Artikel Dari Saya Mengenai PERTAMAX!! Flat Design - Responsive HTML5 Blogger Template. Semoga Bermanfaat Bagi Kalian dan Kita Semua, Kemudia  Jangan Lupa Untuk Terus Mengunjungi Blog Bekal Kami - noel48.blogspot.com Untuk Terus Mengetahui Informasi - Infromasi Seputar Dunia Technology Yang Terbaru Menarik dan Terhangat. Baca Juga Tips dan Trick Mengnai Android, Games, Software, Dan Masih Banyak Lagi.

Jujur gua lebih suka menghargai proses nya dibanding hasil akhirnya. Tapi, satu hal yang pasti sebuah hasil gak akan pernah menghianati prosesnya :D

7 komentar

Boleh juga nih template gan.. ane koleksi aja dah untuk tambahan koleksi template

Lumayan nih buat koleksi, ane juga suka yang flat design :D

keren ni gan templatenya, ijin comot ah hehe

Berkomentarlah dengan Menggunakan Bahasa yang Relevan dan Sopan
EmoticonEmoticon