Showing posts with label Template Blogger. Show all posts
Showing posts with label Template Blogger. Show all posts

EvoSimple Responsive Blogger Template By KunciDunia.Com

                No comments   
Sudah lama tidak sharing mengenai template. Eits.. tunggu dulu template yang share kali ini bukan buatan Saya melainkan punya temen yang bernama Muhammad Akram, admin dari KunciDunia.com.Untuk detail dan cara pemasangan dari template ini silakan kunjungi link pembuatnya.
Demo
Download
http://www.kuncidunia.web.id/2015/07/evosimple-responsive-blogger-template.html

Fitur Template

  1. Responsive
  2. Valid HTML5
  3. Valid CSS3
  4. SEO Friendly
  5. Auto Readmore
  6. Breadcrumbs
  7. Related Posts
  8. Cool Threaded Comment
  9. Share Button
  10. And more.

SEOSimple Responsive Blogger Template V3

                No comments   
Ada satu lagi template SEO buatan salah satu blogger yaitu, Muhammad Akram. Template ini memiliki fitur yang keren pokoknya, silakan dilihat dan di download :D. Kalau mau lihat cara pemasangan silakan kunjungi
http://www.kuncidunia.com/2015/01/seo-simple-v3-responsive-template.html
Demo
Download

Fitur Template

  1. Responsive
  2. Valid HTML5
  3. Valid CSS3
  4. SEO Friendly
  5. Auto Readmore
  6. Breadcrumbs
  7. Related Posts
  8. Cool Threaded Comment
  9. Share Button
  10. Page Navigation
  11. Custom Popular Post
  12. Custom Label
  13. Dropdown Menu
  14. And more.

Sang SEO Premium Responsive Blogger Template

                No comments   
Jika sebelumnya Saya share versi gratis dan premiumnya di Sang SEO Responsive Blogger Template. Kali ini Saya pisahkan versi premiumnya dengan maksud agar para pembeli lebih mengetahui detail dari template ini.

Maaf untuk sementara ini penjualan Sang SEO Premium Responsive Blogger Template Saya hentikan dahulu :)


Fast Loading

Sama seperti sebelumnya, loading template ini cukup ringan dan bisa Anda lihat pada skor dari GTmetrix diatas.

Valid Author Rich Snippet

Template ini valid author rich snippet, jadi foto profil Anda akan muncul di mesin pencari google. Untuk pengaturan lebih lanjut bisa baca artikel berikut ini.

Webmaster Structured Data

Untuk melengkapi fitur SEO Saya menambahkan struktur yang disarankan webmaster, dengan adanya struktur ini tentunya robot pencari akan lebih mudah menjelajahi bagian - bagian template Anda.

Agar lebih tahu apa saja fiturnya, silakan Anda lihat fitur lengkap dari template ini dibawah.

Fitur Template

  1. 100% Responsive - Cek
  2. Valid HTML5 ( All Page ) - Cek
  3. Valid CSS3 ( All Page ) - Cek
  4. Valid Author Rich Snippet - Cek
  5. SEO Friendly - Cek
  6. User Friendly
  7. Fast Loading
  8. Webmaster Structured Data
  9. Clean Design
  10. HCard Author and Update ( Home Page, Post Page and Satic Page )
  11. Auto Readmore
  12. Breadcrumbs
  13. Related Posts
  14. Cool Threaded Comment
  15. Share Button
  16. Page Navigation
  17. Custom Error Page
  18. Custom Deleted Comment
  19. Custom Navigation In Post Page
  20. Custom Popular Post
  21. Custom Label
  22. Full Title Tag
  23. Ads Ready
  24. Dropdown Menu
  25. Search button
  26. Back Top Top Button
  27. Recent Post By Tag
  28. Navigation Menu With Social Icon
  29. Recent Posts ( Title Only ) - new
  30. Random Posts ( Title Only ) - new
  31. And more.
Untuk instruksi pada template ini sudah Saya sediakan panduannya dalam bentuk file .pdf. Oleh karena itu agar membaca panduan tersebut supaya template ini bisa lebih maksimal.

Changelog

V1.00 - 16 Mei 2014 18:30 WIB
- Rilis perdana

V1.10 - 16 Mei 2014 19:54 WIB
- Fixed bug responsive menu

V2 - 23 Mei 2014
- Fixed design
- New design error page
- New font
- Added menu with social icon
- Added dropdown menu
- Added search button
- Added recent post by tag
- Added back to top button

V2.10 - 24 Mei 2014
- Fixed bug Error page

V3 - 27 Mei 2014
- Related post with image
- Protect comment ( SPAM )
- Added Facebook Comment
- Added Footer

V4 - 19 Juni 2014 ( Latest Version )
- Fixed bug responsive menu
- New Design
- Added recent posts
- Added random posts
- New slot advertise ( 655 x 60 )

Sang SEO Responsive Blogger Template

                No comments   
Biasanya Saya share template buatan orang lain kali ini tak biasa, Saya akan share template gratis namun powerfull dan cocok serta paling mantap buat adsense. Saya sengaja membuat template ini sederhana, agar loading blog jadi lebih ringan. Kualitas template ini tidak diragukan lagi pokoknya, dijamin SEO sekali ;) sesuai namanya Sang SEO Responsive Blogger Template.

Demo
Download
Sang SEO Premium Resposnive Blogger Template

Detail : http://www.kangmousir.com/2014/06/sang-seo-premium-responsive-blogger-template.html


The English version is now available, you can download it at the link below. You also can buy the premium version at a price of 5$ Via PayPal, if interested contact me on the page Contact

PayPal : anonymousir.sir@gmail.com

Download


Template ini Saya bagikan secara gratis, Anda bisa menghilangkan Credit pada footer dengan membayar sebesar Rp. 50.000 atau 5$.Bila berminat silakan hubungi Saya melalui halaman Contact.

Special : Selain menghilangkan Credit, ada fitur baru seperti :
- Related Post With Image
- Protect Comment ( SPAM )
- Facebook Comment
- Added Footer


Alasan, Anda harus memakai template ini ?
template yang sangat sangat recomended..
terbukti visitor langsung melonjak 200%.
mantap kang..
terimakasih.. info yang sangat membantu dan bermanfaat..

Danang Prihantoro - http://www.infowagu.co.vu/

templatenya mantap banget sob. ane tes di beberapa situs hasilnya bagus semua. udah cocok lah sama Sang SEO. hatur nuhun kang.

Muhammad Rauuf

Fast Loading

Template ini memiliki kecepatan yang luar biasa alias loading pagenya ringan, jadi cocok untuk Internet Indonesia yang lemot :D

Penting !!

Harap dibaca agar pertanyaan yang Anda ajukan tidak berulang - ulang. Sebagian para blogger mengalami masalah saat memasang template ini. Berikut permasalahan dan solusinya.

Pada Tampilan Mobile Artikel Tidak Muncul
Karena template ini berbeda dari kebanyakan template responsive lainnya, maka Saya sudah mengubah isi dari template ini. Jadi apabila Anda mengalami masalah ini, pastikan dan nonaktifkan fitur mobile pada template ini.

Isi Komentar Tidak Ada
Solusinya coba cek di Setelan Google+ dibagian >>Gunakan Google+ Komentar di blog ini, jangan di contreng.


Valid Author Rich Snippet

Template ini valid author rich snippet, jadi foto profil Anda akan muncul di mesin pencari google. Untuk pengaturan lebih lanjut bisa baca artikel berikut ini.

Webmaster Structured Data

Untuk melengkapi fitur SEO Saya menambahkan struktur yang disarankan webmaster, dengan adanya struktur ini tentunya robot pencari akan lebih mudah menjelajahi bagian - bagian template Anda.

Agar lebih tahu apa saja fiturnya, silakan Anda lihat fitur lengkap dari template ini dibawah.

Fitur Template

  1. 100% Responsive - Cek
  2. Valid HTML5 ( All Page ) - Cek
  3. Valid CSS3 ( All Page ) - Cek
  4. Valid Author Rich Snippet - Cek
  5. SEO Friendly - Cek
  6. User Friendly
  7. Fast Loading
  8. Webmaster Structured Data
  9. Clean Design
  10. HCard Author and Update ( Home Page, Post Page and Satic Page )
  11. Auto Readmore
  12. Breadcrumbs
  13. Related Posts
  14. Cool Threaded Comment
  15. Share Button
  16. Page Navigation
  17. Custom Error Page
  18. Custom Deleted Comment
  19. Custom Navigation In Post Page
  20. Custom Popular Post
  21. Custom Label
  22. Full Title Tag
  23. Ads Ready
  24. Dropdown Menu - new
  25. Search button - new
  26. Back Top Top Button - new
  27. Recent Post By Tag - new
  28. Navigation Menu With Social Icon - new
  29. And more.

Pengaturan

Setelah Anda memasang template ini ada beberapa hal yang harus di sesuaikan, oleh karena itu silakan disimak.

1. Ganti ID dan Nama 
Silakan Anda cari kode dibawah ini pada template ini dan ganti sesuai instruksi yang ada. 
<meta content='ID Google Webmaster Verfikasi' name='google-site-verification'/>
<meta content='ID Bing Verification' name='msvalidate.01'/>
<meta content='ID Alexa Verification' name='alexaVerifyID'/>
<link href='https://plus.google.com/ID Google Plus/posts' rel='publisher'/>
<link href='https://plus.google.com/ID Google Plus/about' rel='author'/>
<link href='https://plus.google.com/ID Google Plus' rel='me'/>
<meta content='Nama Author' name='Author'/>
<meta content='ID Facebook' property='fb:admins'/>
Perhatikan kode yang Saya tandai, silakan Anda ganti kode tersebut.

2. Meta Tag
Sebelum memasang Meta Tag silakan Anda aktifkan Meta Tag pada Setelan.
  • Masuk ke blogger dan pilih Setelan
  • Pilih Preferensi Penelusuran
  • Kemudian pilih Meta Tag > Deskripsi
  • Silakan Anda isi dengan deskripsi blog yang di inginkan
  • Simpan
Untuk mengisi Meta Tag pada postingan silakan anda ikuti cara dibawah ini.
  • Buat Postingan
  • Lihat sebelah kanan ada menu Deskripsi Penelusuran, silakan Anda klik dan isi dengan deskripsi yang di inginkan.
  • Selesai
3. Nonaktifkan Mobile Version
Silakan Anda matikan fitur mobile pada template ini, agar fitur responsive bekerja pada perangkat mobile.
  • Masuk ke Setelan
  • Pilih Template
  • Klik Icon Gerigi pada Seluler
  • Pilih Tidak. Tampilkan template seluler di perangkat seluler.
  • Simpan
4. Navigation Menu With Social Icon
Silakan cari kode dibawah ini dan ganti linknya.

<nav class='menus'>
<ul class='nav-menus'>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact Us</a></li>
<li><a href='#'>Privacy Policy</a></li>
<li><a href='#'>Disclaimer</a></li>
</ul>
<div id='social-list'>
<ul class='socmed'>
<li><a class='facebook' href='#' title='Facebook'>Facebook</a></li>
<li><a class='twitter' href='#' title='Twitter'>Twitter</a></li>
<li><a class='plus' href='#' title='Google Plus'>Google Plus</a></li>
<li><a class='linkedin' href='#' title='Linkedin'>Linkedin</a></li>
<li><a class='pinterest' href='#' title='Pinterest'>Pinterest</a></li>
<li><a class='youtube' href='#' title='YouTube'>YouTube</a></li>
<li><a class='rss' href='#' title='RSS Feed'>RSS</a></li>
</ul>
</div>
</nav>

5. Dropdown Menu

Silakan cari pada template ini dan ganti link yang tertera sesuai yang Anda inginkan.

<div id='navitions'>
<div class='isi'>
<nav class='navix' id='nav' itemscope='itemscope' itemtype='http://schema.org/SiteNavigationElement'>
<div id='searching'>
<form action='/search' id='search-buttons' method='get'>
<input name='q' placeholder='Search...' type='text'/><input id='search-button-top' type='submit' value=''/></form>
</div>
<a href='#' id='mobilenav'>Select Menu</a>
<ul class='menu' id='menunav'>
<li><a class='home' href='/'>Home</a></li>
<li><a href='#'>About</a></li>
<li><a href='#'>Contact</a></li>
<li><a href='/p/about.html'>Static Page</a></li>
<li><a href='#'>With Sub Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Sub Menu</a>
<ul>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
<li><a href='#'>Sub Menu</a></li>
<li><a href='#'>Sub Menu</a></li>
</ul>
</li>
  <li><a href='/error.html'>Error 404</a></li>
</ul>
<script type='text/javascript'>
//<![CDATA[
menunav (jQuery);
//]]>
</script>
</nav>
</div></div>

6. Memasang Recent Post By Tag

Tambahkan kode dibawah ini pada widget Anda.

<script type='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var showpostdate = true;</script> 
<script type="text/javascript" src="/feeds/posts/default/-/Sukses?orderby=updated&amp;alt=json-in-script&amp;callback=rcentbytag"></script>
KodeDeskripsi
var numpostsIsi dengan jumlah artikel yang ingin ditampilkan
var showpostthumbnailsPilih true bila ingin menampilkan gambar dan pilih false untuk menghilangkan gambar
var showpostdatePilih true untuk menampilkan tanggal dan pilih false untuk menghilangkan tanggal
/feeds/posts/default/-/SuksesSilakan ganti label Sukses dengan label yang Anda maksud

7. Validasi HTML5 Widget

Silakan cari kode <b:include name='quickedit'/> pada template dan hapus agar blog Anda valid HTML5

Itulah pengaturan pada template ini agar fitur pada template ini benar - benar bekerja ;)

Changelog

V1.00 - 16 Mei 2014 18:30 WIB
- Rilis perdana

V1.10 - 16 Mei 2014 19:54 WIB
- Fixed bug responsive menu

V2 - 23 Mei 2014
- Fixed design
- New design error page
- New font
- Added menu with social icon
- Added dropdown menu
- Added search button
- Added recent post by tag
- Added back to top button

V2.10 - 24 Mei 2014
- Fixed bug Error page

Evo Magz Responsive Blogger Template

                No comments   
Kali ini mas +Sugeng Riyadi mengeluarkan template premium terbarunya yaitu Evo Magz Responsive Blogger Template. Template ini hampir sama dengan template Fastest Magz Responsive Blogger Template yaitu mengusung tema magazine, tentunya sangat cocok bagi blog dengan tema berita atau pun yang lainnya.
Demo
Buy IDR 100.000

Fitur Template

  1. 100% Responsive
  2. Custom Mobile
  3. Auto Readmore
  4. Fully Customizable
  5. Font Awesome
  6. Tab View Widget
  7. Breadcrumbs
  8. SEO Optimized
  9. Dropdown Menu
  10. Related Posts
  11. Cool Threaded Comment
  12. Share Button
  13. Page Navigation
  14. Recent Post Widget
  15. Back to Top button
  16. Custom Error Page
  17. Ads Ready

Kompi Males Responsive Blogger Template

                No comments   
Kali ini Saya berbagi sebuah template gratis buatan salah satu blogger Indonesia yaitu +Adhy Suryadi. Template ini memiliki kelebihan dan kaya akan fitur. Walaupun template ini gratis, tetapi fitur - fitur pada template ini bisa dibilang premium. Sudah banyak blogger yang menggunakan template yang Satu ini.
Demo
Download

Fitur Template

  1. Responsive
  2. Valid HTML5 ( Home Page and Post Page )
  3. Valid CSS3
  4. SEO Friendly
  5. Full Title
  6. Breadcrumbs
  7. Page Navigation
  8. Smooth Scroll To Comment Hash
  9. Back To Top and Go To Down Button
  10. Costumized Error Page
  11. Cool Threaded Comment
  12. Emoticon In Comment
  13. Custom Pager In Post Page
  14. Related Acticles
  15. Social Icon Share
  16. Sucscribe Form Email
  17. Ads Ready
  18. and more.

Pengaturan Template

Untuk mengganti url gambarnya silakan ganti url gambar pada kode dibawah ini. 
<b:includable id='title'>
  <b:if cond='data:blog.url == data:blog.homepageUrl'>
<img alt='logo blog' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLo92qMt7HJAlvDogzKMfbSkA1yJqXov1pni5xDoDHooznPhMGlw2zd2bS5jTnZTywMTDT-cv7K8IJBcy5kjIf1gCi0L9FqRxUfCcxagYsbZPo1gzdqGWWLk_oGr1mNeP0EjNEWgwZbvM/s1600/titlekompimales.png' title='Kompi Males' width='212'/>
  <b:else/>
    <a expr:href='data:blog.homepageUrl' expr:title='data:title' itemprop='url'><span itemprop='name'><img alt='logo blog' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLo92qMt7HJAlvDogzKMfbSkA1yJqXov1pni5xDoDHooznPhMGlw2zd2bS5jTnZTywMTDT-cv7K8IJBcy5kjIf1gCi0L9FqRxUfCcxagYsbZPo1gzdqGWWLk_oGr1mNeP0EjNEWgwZbvM/s1600/titlekompimales.png' title='Kompi Males' width='212'/></span></a>
  </b:if>
</b:includable>

DroidPluss Responsive Blogger Template

                No comments   
Pada kesempatan kali ini Saya mencoba berbagi Template Blogger yang cukup fenomenal di tahun 2013 kemarin bahkan sampai sekarang. Template buatan salah satu blogger ternama Indonesia yaitu Kang Ismet ini dibagikan secara gratis, walaupun gratis fitur - fitur pada template ini bisa dibilang seperti Template Premium.
Demo
Download

Fitur Template

  1. Responsive
  2. Valid HTML5 ( Home Page and Post Page )
  3. Valid CSS3
  4. SEO Friendly
  5. Sticky Widget
  6. Back To Top
  7. Breadcrumbs
  8. Page Navigation
  9. Smooth Scroll To Comment Hash
  10. Customized Deleted Comment
  11. Costumized Error Page
  12. Cool Threaded Comment
  13. Emoticon In Comment
  14. and more.

Pengaturan Template

Untuk merubah sticky widget ( Sosial media yang melayang ) silahkan cari kode seperti dibawah ini kemudian edit. 
<div id='stickywidget'>
<h3>Sosial Media</h3>
.....
.....
.....
</div>
Untuk membuat widget Artikel Terbaru, tambah widget HTML/JavaScript dan simpan kode ini pada widget Anda. 
<script type="text/javascript">
function showrecentposts(json){for(var i=0;i<numposts;i++){var entry=json.feed.entry[i];var posttitle=entry.title.$t;var posturl;if(i==json.feed.entry.length)break;for(var k=0;k<entry.link.length;k++){if(entry.link[k].rel=='alternate'){posturl=entry.link[k].href;break}}posttitle=posttitle.link(posturl);if(standardstyling)document.write('<li>');document.write(posttitle)}if(standardstyling)document.write('</li>')}
</script>
<script type="text/javascript">var numposts = 5;var showpostdate = true;var showpostsummary = true;var numchars = 100;var standardstyling = true;</script><script type="text/javascript" src="http://droidpluss.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts"></script>
Silakan cari dan hapus kode dibawah ini agar blog Anda tetap Valid HTML5.
<b:include name='quickedit'/>