DroidPluss : Responsive Blogger Template Valid HTML5, CSS3, 100% SEO Friendly

Jujur saya sebenarnya kurang suka memuji Kang Ismet  takut nantinya dia jadi besar kepala he… he… Tapi untuk karyanya yang satu ini, mau tidak mau saya harus mengatakan “dia memang hebat”. Dia salah satu blogger Indonesia yang patut di banggakan.

Responsive Blogger Template Valid HTML5, CSS3, 100% SEO Friendly
DroidPluss Blogspot Template

Menurut saya, buah karyanya – DroidPluss Responsive Blogger Template – merupakan mahakarya yang layak diketengahkan dan bersaing dimata dunia. Bahkan, menurut saya lagi, template dia yang satu ini lebih bagus dari template yang ia pakai sendiri… he… he…

Sayangnya template tersebut dia bagikan secara gratis. Sehingga mau tidak mau, saya langsung mengganti template saya dengan karyanya he… he… Terimakasih banyak Kang Ismet.

Siapa yang tidak tergoda hatinya untuk berganti template jika melihat beberapa point penting untuk DroidPluss Blogger Template ini.

Bayangkan kawan inti point penting yang melengkapi stuktur keren DroidPluss Blogger Template:

  1. Responsiv cek -> disini
  2. Valid HTML5 pada Homepage cek -> disini
  3. Valid HTML5 pada postingan cek -> disini
  4. Valid CSS3 cek -> disini
  5. SEO 100% cek -> disini
  6. Sticky Widget
  7. Back to top
  8. Customized Deleted Comment
  9. Smooth scroll to comment hash
  10. dll.

Dan yang terpenting, template ini dibagikan Gratiiis/free download. Anda bisa menghilangkan Credit pada footer, dengan membayar Rp. 50.000,-. (This template is absolutely free, you may remove credit link by sending me $5 USD through PayPal). Contact

Kostumisasi DroidPluss : Responsive Blogger Template

Untuk kostumisasi saya rasa tidak ada masalah, tapi mungkin ada beberapa hal yang perlu saya jelaskan disini. Untuk merubah sticky widget (Sosial media yang melayang) silahkan temukan 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 :

<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=”https://redaksiexpo2012.blogspot.com/feeds/posts/default?orderby=published&amp;alt=json-in-script&amp;callback=showrecentposts”></script>

Ganti yang ditandai warna merah dengan url blog anda. 

Untuk membuat blog tetap valid HTML5, setelah menambah widget hapus kode ini pada Template -> Edit HTML

<b:include name=’quickedit’/>

Oke… saya kira demikian puja-puji ini.. Semoga bermanfaat..

Simplex Reporter News Responsive Blogger Template

Simplex Reporter News Responsive Blogger Template
The Simplex Reporter is a news category based theme that is best suited for news publishing site and also for information blogs.The important features of this theme are premium design,4 column footer,best style that makes your blogs professional,social sharing icons,mega menu and many other cool features.

Simplex Reporter Blogger Template is a free news based blogger template. The template looks elegant and attractive. It has features which are rarely found on blogger blogs. The site is responsive and looks really beautiful on all the screens with different sizes. This is an idol template for news blog. Its features like fast loading, Ticker, Superb menu make it best out of the rest.

Features : 1 Right Sidebar, 2 Right Sidebar, 3 Columns, 4 columns, 4 Columns Footer, Adsense ready, Blogger Template 2013, Elegant, Fashion, Fixed width, Free Premium, news, Red, SEO, White, WordPress Look.

Platform Type :  Blogger / Blogspot
Template Name :  Simplex Reporter Blogger Template
Template Author : Rocking Templates
Designer The Simplex Design | http://www.thesimplexdesign.com/

Responsive Thesis Template For Blogger Blogspot V2

Responsive Thesis Template For Blogger Blogspot V2
Responsive Thesis Template For Blogger Blogspot V2

Responsive thesis template for blogger blogspot V2 adalah penyempurnaan daripada template thesis responsive untuk blogspot yang dikeluarkan pertamakali oleh andrianovitcrew. Template yang mengusung desain, clean, minimalis, visitor friendly ini juga dirancang khusus untuk memaksimalkan SEO blogger blogspot.

Sesuai dengan janjinya, walau belum lama realese Responsive thesis template for blogger blogspot,
andrianovitcrew telah melakukan update terbaru template yang terkenal SEO Killer ini. Pada V2 ini, ada banyak penyempurnaan telah dilakukan.

Menurut dia,pada awal pembuatan Responsive thesis template for blogger blogspot yang pertama masih terlalu banyak bugs yang perlu disempurnakan lagi. Sehingga, setelah melakukan beberapa kali ujikaji dari template thesis untuk blogger (blogspot) yang pertama, akhirnya telah siap direlease responsive thesis template untuk blogger blogspot yang kedua (V2).

Responsive thesis template for blogger blogspot ini, adalah gabungan antara beban loading halaman yang sangat cepat dengan optimasi SEO dan juga rich microdata. 

Berikut berbagai kelebihan dari Responsive thesis template untuk blogger blogspot v2 ini: 

Minimalis ,clean design, visitor friendly

Desain template thesis yang kedua ini terinspirasi dari thesis ‘social triggers’ dimana demo asli dari templatenya bisa dilihat di http://diythemes.com/demo/?skin=thesis_social_triggers.

Desain yang bersih dan rapi sehingga memudahkan pembaca dalam menjelajahi blog  dan juga membuat visitor betah untuk berlama-lama di blog kita.tapi perlu diingat juga “Konten is the King”

Seo heading tags

Susunan heading tags yang benar dan sejatinya sudah seo friendly sangat disukai oleh mesin pencari (google). Untuk menambah pengetahuan atau sekedar referensi tentang bagaimana susunan heading tags yang benar bisa dibaca disini.Tak lupa juga Heading h1, h2, h3, h4, h5 dan juga h6 pun tersusun secara sempurna di dalam template ini (banyak dari pembuat template blogspot yang mengabaikan hal ini).

Fast Loading Page

Kecepatan loading yang benar-benar sangat cepat diterapkan di responsive template thesis V2 ini. Dalam hal ini, anda bisa test di http://developers.google.com/speed/pagespeed/insights/ atau di http://gtmetrix.com/. Untuk memaksimalkan kecepatan template ini, sengaja tidak memasang jquery, soalnya jquery itu bikin loading blog jadi super berat.   

Responsive Web desain

Sebelumnya, apa itu responsive web desain??

Responsive Web Desain adalah sebuah pendekatan yang menunjukkan bahwa desain dan pengembangan harus menanggapi perilaku dan lingkungan pengguna berdasarkan pada ukuran, platform dan orientasi layar. Praktik ini meliputi penggunan perpaduan grid fleksibel dan layout, gambar dan CSS media query. Sebagaimana pengguna saat ini yang beralih dari laptop ke tablet, website secara otomatis harus menyesuaikan resolusi, ukuran gambar dan kemampuan scriptingnya. Dengan kata lain, website harus memiliki teknologi untuk secara otomatis merespon preferensi pengguna yang didasarkan pada resolusi layar gadget yang digunakan (komputer pc, laptop, netbook,tablet, smart phone dan mobile phone).

Hal ini yang merupakan salah satu kelebihan dari template thesis untuk blogspot yang mana sebelumnya belum ada yang bikin (responsive thesis untuk blogger blogspot ). Responsive desain disini termasuk juga pada bagian komentar. Biasanya pada template yang mengaku ‘responsive’ ternyata tidak support pada bagian komentar.

Rich Microdata Dan Mark Up schema (schema.org)

Lengkapnya microdata dan mark up schema dari schema.org juga melengkapi sempurnanya template thesis for blogger blogspot V2 ini.

Seo Breadcrumb

Breadcrumb bisa dikatakan sangat special. Breadcrumb yang Ter-index oleh google, juga dilengkapi dengan microdata breadcrumb sekaligus.

Tidak adanya error di rich snippet google testing tool.

Hal ini meliputi ‘Error: Missing required field updated ‘, ‘Error: Missing required hCard author’ Dan error lainya yang mana tak bisa disebutkan satu persatu disini. Untuk membuktikan masalah ini bisa di test di http://www.google.com/webmasters/tools/richsnippets.

Seo meta tags (dynamic seo meta tags)

Cukup satu kali setting untuk mengaktifkanya ( ini sudah termasuk seo post meta tags, seo label meta tags, seo search meta tags dan lain lain.

Halaman dengan lebar penuh (full width) di halaman statis (single page)dan halaman error (error page).

Bertujuan untuk membedakan mana itu halaman statis dan mana itu halaman post.

Block link aktif di area komentar

Ini bertujuan untuk mencegah para spammer yang sering menanam backlink secara semena-mena.

Javascript manipulasi komentar

Visitor/orang yang komentar di blog secara otomatis bisa memasukkan gambar/video youtube/tag ‘pre’/tag ‘code’ ataupun juga tag ‘blockquote’ di dalam komentar. Ini sangat berguna bagi blog yang sering memberikan posting tentang tutorial .

Search Widget menggunakan Quick search dengan Json Blogger

Melakukan pencarian di dalam blog secara cepat tanpa meninggalkan halaman yang sedang dikunjungi.

Valid sebagai HTML5 template

Hanya valid untuk homepage alias halaman utama saja .

Jikalau widget popular post disertakan dengan gambar thumbnail dan snippet, maka akan mengakibatkan error saat validitas. Tapi jangan takut, asal rajin editing code HTML template tips nya ada disini.

Untuk halaman post ataupun halaman statis, memang sedikit susah untuk membuat valid HTML5. Banyak sekali faktor yang membuat error di halaman selain homepage (halaman utama). Untuk check validitas html5 dapat dilakukan di http://validator.w3.org/. Memang, platform blogger (blogspot) di desain untuk xhtml bukan nya HTML5. Di dalam template ini memang telah sengaja dilengkapi beberapa ‘blogspot hacks’ supaya bisa valid HTML5.

More Features Responsive Thesis Template For Blogger Blogspot V2

  • Support social sharing dan juga social network widget
  • Support email subscription widget
  • Support about author widget
  • Support Ads ( iklan )
  • Custom Tips, Info Dan Warning Block di postingan
  • Related Post widget
  • SEO comment system
  • Custom Error Page 404 
VIEWDEMO    |    DOWNLOAD




Metro Blogger Template with 4 column footer

Metro blogger Template- A Unique Stylish Blogger Template
Metro Blogger Template

Metro is a free blogger template custom design with 1 Right Sidebar, 2 Column, Ads Ready, Blogger, Blue, Custom Navbar, Fixed, Gray, Page Number, Responsive, and now you can download Metro blogger template for free  in All About Blogspot Templates.

Template Author  :   Ozynetwork
Designer     :  Ozynetwork.com
     
Metro blogger Template- A Unique Stylish Blogger Template. Two Column Metro Style template with 4 column footer. Highly Customized Navigation and sidebar menus. Author Box with Related posts and subscription box.

Almost everything from head to toe is customized and we haven’t left a single item in customization. Some of the features are very impressive like Metro Style Navigation Menu, Metro Style Post titles and Metro Social Subscription widget. This is a free of cost template but in order to thanks the Author you must keep the credit link.

DEMOVIEW   |    DOWNLOAD

What More Metro Blogger Template?

Beside these fantastic features, Blogger Metro blogger Template has many other exciting features which you will definitely like. After reviewing the features, we will now take a look over the customization part.

Installation
1) Open Your Blogger dashboard and click on  template and Edit Html.
2) Now open the file we provided it to you and copy all the data from that file and paste it there.
3) Save your template and the installation process in over.

Navigation
1) Click on Template >> Edit Html.
2) Press CTRL+F and search for

<div class='mblmetromenu'>

3) Edit the Menus and Put the links.

Author Box1) Click on Template >> Edit HTML
2) Press CTRL+F and search for

<div class='auth-panel'>

3) Edit the Author panel and you are done.

Meta Tags1) Press CTRL+F and search for

<!--meta tags-->
<b:if cond='data:blog.url == data:blog.homepageUrl'>
<title>Mtro|A stylish blogger template</title>

2) Edit the Keywords, Meta Description and Title for your blog and you are done!

Happy blogging BROO.

Thesis Responsive Blogger Template

Lengkap dan super komplit untuk blogger template yang satu ini. Responsive, Fast Loading, Super Seo Friendly, dan Valid Html5. Tidak hanya itu, tema blogspot ini juga sudah dipersenjatai dengan kelebihan lainnya, seperti susunan SEO heading tags, markup schema, seo breadcrumbs, rich snippet, seo meta tag dan lain-lain. Mau apa lagi kawan?? He… he…

Sebelum berbicara banyak tentang template yang sering disebut-sebut SEO Killer ini, ada baiknya para blogger kunjungi dulu DemoView -nya.

Sudah?? Mari kita lanjut bahas berbagai hal tentang kelebihan dan kekuatan template yang inspirasinya dari Thesis WP Theme tersebut.

Dikatakan sang pencipta Thesis Responsive Blogger Template ini, ia menggunakan kerangka template (skelethon) milik abang Taufik Nur Rohman a.k.a DTE:] dan diedit sedemikian rupa sehingga mirip dengan thesis yang asli. Dan tentunya, tanpa meninggalkan faktor SEO.

Alasan mengapa template ini dikasih nama Responsive Thesis template For Blogger? Itu dikarenakan template thesis ini design nya responsive alias bisa menyesuaikan dengan besarnya viewport (luasan area pada browser untuk menampilkan website) yang digunakan oleh pengguna saat mengakses sebuah website.

Teknik ini didukung teknologi terbaru yakni HTML5 dan CSS3. Hebatnya, teknik ini dapat diimplementasikan tanpa harus berbasis server atau backend solutions.

Mau tahu lebih banyak lagi tentang Thesis Responsive Blogger Template? Berikut deskripsi lengkapnya:

Minimalist and clean design Blogger Template.

Tampilan yang menawan dan bersih adalah ciri khas yang diterapkan di responsive thesis template ini. Background dasar menggunakan warna putih tanpa gambar sedangkan untuk link menggunakan warna merah, Pure menggunakan css saja. Sehingga kelihatan seperti lambang bendera Indonesia Merah Putih (nasionalis banget ya…)

Hal ini bertujuan agar visitor friendly dan enak dipandang. Kalau enak dipandang kan pengunjung betah juga mampir di blog.

SEO Heading Tags Template.

Susunan heading tag yang benar sekaligus SEO friendly juga telah diterapkan di template ini.

Fast loading.

Sebuah template yang bisa dikategorikan SEO Friendly haruslah Fast Loading. Pada template ini, menerapkan anti jquery dan memasang plugin lazyload serta Plugin easy loading auto read more dengan bantuan text area , agar loading website bisa menjadi maksimal.

Menurut si pembuat template, terakhir kali di check kecepatan loading nya mencapai 91% di google page speed test. Hal ini tentunya sangat mendukung sekali dalam pengoptimalan seo di dalam blog. Atau dapat anda lakukan pengechekan sendiri di: http://developers.google.com/speed/pagespeed/insights/ ataupun gtmetrix.com. Jangan lupa memasukkan URL demo Responsive Thesis template For Blogger tersebut.

Responsive design.

Seiring dengan perkembangan zaman, sebagian besar template blog dewasa ini mulai bertranspormasi menjadi responsive. Dan Thesis Responsive Blogger Template tersebut, bisa dibilang sudah 95% responsive design. Responsive disini sudah meliputi header, body, footer, gambar, video, dan juga pada komentar area. Untuk pengechekan, silahkan resize window browser saat membuka halaman demo nya. Atau anda juga bisa mengecek nya di http://mattkersley.com/responsive/

Markup schema.

Di dalam Responsive Thesis template For Blogger ini sudah dilengkapi dengan mark up schema untuk blogposting dan webpage (Schema.org).

SEO breadcrumbs .

No error at rich snippet google.

Tidak adanya error saat di check di rich snippet google. Sehingga pengguna ini template tidak susah-susah mencari apa yang menyebabkan error di google rich snippet testing tool . Oh ya … didalam Responsive Thesis template For Blogger juga  sudah terpasang rating star yang pastinya sangat bagus untuk penampilan di google search engine. Wew…. lengkap-kap…

SEO meta tags (Dynamic SEO meta tags) .

Anda tidak perlu lagi setting beberapa kali meta tag nya saat membuat posting terbaru. Cukup satu kali saaja settingMeta tag Untuk home page dan juga single post. Meta tag yang terpasang di template ini sudah SEO friendly sekali yang tentunya sangat disukai mbahmu …alias mbah GOOGLE he… he…

Easy customized design.

Ini Bermaksud bahwa Responsive Thesis template For Blogger yang dibikin ini …sangatlah mudah untuk di kustomisasi alias di modifikasi. Mau dibikin full width template ataupun mau dibikin one column template ??? Mau diganti warna link??? warna text??? Bebas…. dan sangat mudah kustomisasi nya.Soalnya menggunkan kode’ CSS reset dari meyerweb.com

Valid html5 template.

Ini hal yang sedang gencar-gencarnya dibahas dan diterapkan. Yakni Validasi HTML5. Karena, hal ini juga tidak kalah penting. Banyak blogger sekarang yang berlomba lomba untuk membuat valid HTML5 template blog nya. Untuk check validitas html5 dapat dilakukan dihttp://validator.w3.org/

Block Link Aktif di Komentar.

Plugin ini adalah untuk menghindari spammer-spammer yang suka pasang backlink tanpa mau kerja keras. 

Javascript Manipulasi Komentar Blogger.

Dengan adanya plugin ini maka visitor/orang yang komentar di blog secara otomatis bisa memasukkan gambar/video youtube/tag ‘pre’/tag ‘code’ ataupun juga tag ‘blockquote’ di dalam komentar. Asyikk kann…

Search Widget menggunakan Quick search dengan Json Blogger.

Ini digunakan untuk melakukan pencarian dalam suatu blog secara cepat tanpa meninggalkan halaman yang sedang dikunjunginya. Wow.. keren dan lengkap bukan??

Oke… pertanyaan terakhir pasti link download nya kan?? CLICK HERE

Classic Template Blogger with Elegant Style : Johny Classicsite

Classic Template Blogger with Elegant Style
Johny Classicsite Theme

Descriptions Johny Classicsite Theme:
If you looking for a simple template blogger with SEO, I suggest you to considering this template. Johny Classicsite was a simple template with elegant classic style. There’s no specific feature in this template. It’s a white and grey color with 2 column blogger in there, easy loading and SEO friendly I think, 1 right sidebar, 3 columns footer, navigation menu, ads ready, clean design template, and more. This template suitable for all type of content blog especially for daily blogs, but you can use it for your site anything you like to. I hope you enjoy it and happy blogging.

Johny Blogger Templates Classicsite edition. Satu dari sekian banyak template blog yang keren yang diproduksi oleh Johny Templates. Simple dan elegant style. Template ini memang terkesan klasik seperti zaman dulu. Namun tetap terlihat indah. 

Template blog ini cukup ringan (fast loading). 90% hanya menggunakan warna HTML. Hanya tiga gambar dengan ukuran pixel yang kecil yaitu pada background template, bullet pada footer dan search button pada kotak pencari. Lainnya, semua memakai permainan gradasi warna.

Masalah SEO friendly? Saya tidak berani bilang. Karena, patokan baku sebuah template dikatakan SEO Friendly tiap master blogger beda-beda.

Sistem instalasi template ini cukup gampang. Tidak ada tutorial khusus dalam pemasangan template ini, yang harus Anda lakukan adalah mengganti blog ID untuk mengaktifkan reply pada kotak komentar.

Caranya masuk ke Edit HTML jangan lupa untuk mencentang kotak Expand Widgets Templates kemudian cari kode berikut :

<a expr:href=’&quot;https://www.blogger.com/comment.g?blogID=1226831301029866842&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;’ onclick=’javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=600,height=500&quot;); return false;’>Reply</a>

Ganti blog ID warna merah diatas dengan ID blog anda.