DroidPluss Responsive Blogger Template Valid HTML5 dan CSS3

by Rob

di Monday, February 17, 2014

DroidPluss Responsive Blogger Template - Sudah lama nih saya gak ngepost mumpung saya bisa ngepost lagi kali ini saya akan post tentang template nih, Template ini adalah template buatan Kang Ismet nih keren, Seo, Valid CSS3, Valid HTML5, Responsiv, dll.

Beberapa point penting untuk DroidPluss Blogger Template ini adalah :

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.

Penampakan >>

DEMO DOWNLOAD

Kostumisasi

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="http://droidpluss.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>

Ganti yang ditandai, dengan blog sobat.

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

<b:include name='quickedit'/>

Comments