Monday, 24 February 2014

DroidPluss Responsive Blogger Template Valid HTML5 dan CSS3

~ DroidPluss Responsive Blogger Template ~Pada kali ini saya akan share salah satu tempalte premium buatan kang ismet template ini sangat responsive dan sangat bersih enak di pandangan mata silahkan jika ingin mengetahui fitur-fiturmya secara lengkap silahkan simak di bawah.

Fitur-fitur DroidPluss Responsive Blogger Template

  • Responsiv
  • Valid HTML5 pada Homepage
  • Valid HTML5 pada postingan
  • Valid CSS3
  • SEO 100%
  • Sticky Widget
  • Back to top
  • Customized Deleted Comment
  • Smooth scroll to comment hash
  • dll.
Screenshot DroidPluss Responsive Blogger Template
DroidPluss Responsive Blogger Template

Link Download dan Demo
Demo 

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&amp;alt=json-in-script&amp;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'/>
 
Semoga bisa bermanfaat terima kasih sudah mau berkunjung jangan lupa komen + follow blog ini demi kemajuanya di masa mendatang.


EmoticonEmoticon