Friday, 1 July 2016

Download Template Responsive Blogger Free 2016

·   0
Download Template Responsive Blogger Free 2016. Pada pertemuan kali ini saya akan membagikan berbagai macam template yang gratis dan tentunya free untuk Anda download, template ini memang template yang sangat keren menurut saya karena di desain dengan tampilan yang responsive, SEO dan tentunya sangatlah cocok untuk peletakan sebuah iklan.

Selain cocok untuk peletakan sebuah iklan, Andapun tidak akan merasa bosan dengan tampilan template template yang saya sajikan. Karena pada template yang akan saya sajikan, saya juga memberikan tambahan sedikit scriptnya untuk melengkapi pada bagian template yang jika ingin di modif lagi, seperti ingin memodif Share Social Media, Recent Post dan sebagainya. Untuk itu apabila Anda sudah tidak sabar maka bisa langsung kita bahas satu per satu dari masing masing template tersebut.

Download Template Responsive Blogger Free 2016

Berikut ini adalah empat template yang akan saya bagikan kepada Anda dan akan saya jelaskan sekalian fitur fitur yang terdapat pada masing masing dari empat template tersebut, oke mari langsung saja kita ke pembahasan:

1. Ultra MAG



Download Template Responsive Blogger Free 2016 Ultra MAG

Ultra Mag adalah sebuah template yang di desain sebagus mungkin dengan tampilan tampilan yang lebih menawan dan tentunya sangatlah responsive, selain itu pada template Ultra MAG ini di lengkapi dengan penempatan kode iklan Google Adsense yang sudah di sediakan oleh adminnya untuk itu Anda tinggal memasangnya pada sidebar. Berikut ini adalah fitur fitur dari template Ultra MAG:

  • Responsive
  • Brilliant Matching Colors
  • 6 Unique type “Post by Label” Widgets
  • 4 Columns Footer Area
  • Custom 404 Not Found Page
  • SEO Friendly
  • Tombol Social Media
  • Breadcrumb
  • Dropdown Image
  • Comment Disqus
  • About Author
  • Recent Pos Full Image
  • Tombol Share Lengkap
  • Change Background 
  • Di lengkapi dengan bulan, tanggal dan jam pada header atas kanan
  • Dll
Apabila Anda kurang jelas dengan tampilan template Ultra MAG ini maka Anda bisa langsung melihat demonya supaya Anda mengerti sendiri fitur fitur yang terdapat pada template Ultra MAG.



Untuk template Ultra MAG ini ada panduan untuk cara mengedit pada mode HTML, supaya template bisa tampil lebih menarik.

1. Install terlebih dahulu template yang sudah di download

2. Membuat Mobile Friendly

Apabila template tersebut belum mobile friendly ketika di lihat menggunakan gadget Android, maka Anda bisa lakukan langkah berikut ini:

  • Login ke Blogger.com
  • Pilih Template
  • Settings
  • Pilih tulisan " No, Show desktop template on mobile devices " dan Save
Cara Membuat Mobile Firendly Template


3. Edit Mega Menu

Apabila Anda ingin mengedit Mega Menu atau mengganti tulisan yang berada di header maka Anda bisa lakukan cara cara berikut ini:
  • Login ke Blogger.com
  • Pilih Template
  • Edit
  • Kemudian Search tulisan Ultra Mag, hingga seperti gambar berikut ini.
Cara Mengedit Mega Mag atau Mengganti Tulisan di Header
  • Jika sudah menemukan tulisan seperti pada gambar di atas maka Anda bisa langsung mengedtnya. 
  • Jika sudah selesai pilih Save Template
4. Mengedit About Author di Mode HTML

Jika Anda masih bingung dengan cara mengedit atau mengganti tulisan pada About Author maka Anda bisa ikuti langkah langkah saya berikut ini:

Cara Mengedit About Author

  • Login ke Blogger.com
  • Masuk ke Template
  • Edit
  • Kemudian temukan tulisan seperti ini pada mode HTML " A short BIO about the author. " 
  • Jika sudah ketemu tinggal ganti dengan tulisan yang kita mau
  • Apabila sudah selesai bisa langsung Save Template
5. Mennganti Link Social Media Author

Untuk mengganti link social media author maka Anda bisa ikuti langkah langkah berikut ini:

Cara Mengedit Social Media Author
  • Seperti biasanya masuk ke Blogger.com
  • Template
  • Edit
  • Temukan Mode HTML seperti ini:
<div class='entry-social'>
<div class='fb'>
<a href='http://facebook.com/' target='_blank'><i
class='icon-facebook'/>Facebook</a>
</div>
<div class='twitter'>
<a href='http://twitter.com/' target='_blank'><i
class='icon-twitter'/>Twitter</a>
</div>
<div class='gplus'>
<a href='https://plus.google.com/'
target='_blank'><i class='icon-google-plus'/>Google+</a>
</div>
<div class='linkedin'>
<a href='http://www.linkedin.com/'
target='_blank'><i class='icon-linkedin'/>Linkedin</a>
</div>
<div class='pinterest'>
<a href='http://pinterest.com/'
target='_blank'><i class='icon-pinterest'/>Pinterest</a>
</div>
<div class='flickr'>
<a href='http://flickr.com/' target='_blank'><i
class='icon-flickr'/>Flickr</a>
</div>
</div>
  • Silahkan ganti alamat tersebut dengan alamat akun Anda masing masing
  • Apabila sudah selesai tinggal klik Save Template
6. Mengganti Link Social Media yang Ke-2

Untuk mengganti link social media yang ke-2 maka Anda bisa langsung ikuti langkah langkah berikut ini:
Cara Mengedit Social Media Blogger Link


  • Masuk ke Blogger.com
  • Pilih Template
  • Edit
  • Temukan kode HTML seperti di bawah ini:
<ul class='social-networks'>
<li><a class='google' href='https://plus.google.com/'><i
class='icon-google-plus'/></a></li>
<li><a class='facebook' href='http://www.facebook.com/'><i
class='icon-facebook'/></a></li>
<li><a class='rss' href='http://feeds.feedburner.com/'><i
class='icon-rss'/></a></li>
<li class='last'><a class='twitter'
href='http://twitter.com/'><i class='icontwitter'/></a></li>
</ul>
  • Silahkan Anda ganti alamat masing masing dari social media tersebut, seperti Google +, Facebook, RSS Feed dan Twitter
  • Kemudian jika sudah Save Template
7. Edit Menu Social Link

Cara Mengedit Social Link

  • Untuk mengedit Menu Social Link maka Anda harus menemukan kode HTML berikut ini:
<li class='social_bar'><a href='#'>Follow us</a> <!-- social bar -->
<ul>
<li><i class='fa fa-twitter'/><a href='#'>Twitter</a></li>
<li><i class='fa fa-rss'/><a href='#'>RSS</a></li>
<li><i class='fa fa-facebook'/><a href='#'>Facebook</a></li>
<li><i class='fa fa-pinterest'/><a href='#'>Pinterest</a></li>
<li><i class='fa fa-google-plus'/><a href='#'>Google</a></li>
<li><i class='fa fa-skype'/><a href='#'>Skype</a></li>
<li><i class='fa fa-linkedin'/><a href='#'>Linkedin</a></li>
<li><i class='fa fa-flickr'/><a href='#'>Flickr</a></li>
</ul>
</li>
  • Kemudian ganti tanda # dengan url atau link Anda.
  • Jika sudah Save Template
8. Mengedit atau Mengganti Tulisan Error Page 404

Jika Anda ingin mengedit pesan error page 404 maka Anda bisa ikuti langkah langkah saya ini:

Cara Mengedit Error Page 404

  • Masuk ke Blogger.com
  • Pilih Template
  • Edit
  • Kemudian temukan tulisan sebagai seperti ini " We’re sorry but we could not find the page you are looking for "
  • Jika sudah ketemu silahkan ganti sesuka hati Anda, misal " Maaf Halaman Tidak di Temukan, BAZEEENG"
  • Langkah terakhir adalah Save Template dan liat hasilnya.
Itulah 8 point yang dapat membantu Anda, jika Anda ingin menggunakan template Ultra MAG dan ingin pula mengedit ngeditnya, maka silahkan bisa ikuti tutorial saya.

Untuk template yang lainnya saya kira tidak usah, karena jika di lihat lihat cara pengeditannya hampir sama, sehingga tidak usah di jelaskan.


2. Pixel BLOG


Download Template Responsive Blogger Free 2016 Pixel Blog

Pixel BLOG adalah template yang responsive juga yang dapat di gunakan atau di pasang di blogger, template ini memiliki fitur fitur yang juga tidak kalah dengan template yang sebelumnya, berikut ini adalah fitur fitur pada template Pixel BLOG:

  • Responsive
  • Mobile Friendly
  • SEO
  • Fast Loading
  • Back to Top
  • About Author
  • Related Post Full Image
  • Dll



3. Revoli



Download Template Responsive Blogger Free 2016 Revoli

Revoli merupakan template berplatfrom blogger, template ini menurut saya memiliki fitur fitur yang sangatlah lengkap sekali di bandingkan dengan template pada nomor satu dan dua, karena template Revoli ini juga terdapat Bootstrap pada Home Pagenya, sehingga menambah kecantikkan pada template tersebut. Namun Anda jangan khawatir walaupun template ini memiliki fitur Bootstrap namun kecepatan loadingnya tidak kalah dengan template template yang lainnya. Berikut ini merupakan fitur fitur pada template Revoli


  • Bootstrap
  • Responsive
  • SEO Friendly
  • Fast Loading
  • Change Background Image
  • Breaking News
  • Ads Ready on Header
  • Ads Ready on Footer
  • Comment Author
  • Related Post Full Image
  • Button Share Social Media Ready
  • And Other


4. Bright MAG


Download Template Responsive Blogger Free 2016 Bright Mag

Bright MAG adalah template yang hampir sama dengan template Revoli yaitu memiliki fitur Bootstrap juga dan Breaking New pada bagian headernya. Template ini juga di sediakan tempat untuk memasang unit iklan pada bagian header dan sidebarnya, sehingga Anda dapat leluasa memasang unit iklan. Berikut ini fitur fitur yang lengkap pada template BRIGHT MAG:
  • Bootstrap
  • Fast Loading
  • SEO Responsive
  • Mobile Firendly
  • Change Background Image
  • Breaking News on Header Template
  • Ads Ready on Header
  • Ads Ready on Sidebar
  • Social Media Ready
  • Related Post Full Image
  • And Other
Download Template   -   Demo Template

Itulah empat template yang responsive untuk blogger 2016, semoga Anda tertarik dari salah satu template tersebut dan bisa menggunakannya dengna bijak. Mungkin cukup itu dulu sharing untuk kali ini, kapan kapan akan saya share lagi tentang template template yang lebih keren, responsive, fast loading, ads google adsense ready dan masih banyak lagi fiturnya. 
Subscribe to this Blog via Email :