DroidPluss Responsive Blogger Template Valid HTML5 dan CSS3

DroidPluss Responsive Blogger Template Valid HTML5 dan CSS3 - Selamat siang agan² siapa nih yang mau template? :D kali ini gwa akan mbagiin template yang keren nih buatannya Kang ismet beberapa fitur yang ada di Template ini yaitu :

• Responsiv cek -> disini
• Valid HTML5 pada Homepage cek -> disini
• Valid HTML5 pada postingan cek -> disini
• Valid CSS3 cek -> disini
• SEO 100% cek -> disini
• Sticky Widget
• Back to top
• Customized Deleted Comment
• Smooth scroll to comment hash
• dll...

Ada beberapa hal yang perlu dijelaskan di template ini yaitu : 

1. Untuk merubah sticky widget (Sosial media yang melayang) silahkan temukan kode seperti dibawah ini kemudian edit.
 <div id='stickywidget'><h3>Sosial Media</h3>..... ..... ..... </div>  
2. 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://___________.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentposts"></script>
NB : Ganti tulisan __________ dengan url (link) blog agan


3. Untuk membuat blog tetap valid HTML5, setelah menambah widget hapus kode ini pada Template -> Edit HTML
 <b:include name='quickedit'/>


Tertarik Pada Template ini ? monggoh disedot gan! ^_^

• Demo
• Download

Resource: http://blog.kangismet.net/2014/02/droidpluss-blogger-template.html

Tweet