Template DroidPluss Responsive Blogger Valid HTML5 dan CSS3 - TechnoGen
Abdul Halim ZHR

Template DroidPluss Responsive Blogger Valid HTML5 dan CSS3

DroidPluss Responsive Blogger Template - Kali ini saya akan membagikan template buat sobat pengunjung blog ini. Template DroidPluss ini saya dapatkan dari blog KangIsmet. Template blog ini juga menggunakan Template DroidPluss ini, namun pada versi lainnya dan sudah saya custom. Bagi kamu yang berminat untuk menggunakan Template Blogger DroidPluss ini, silahkan unduh pada link dibawah.


Template DroidPluss Responsive Blogger Valid HTML5 dan CSS3
Template DroidPluss Responsive Blogger Valid HTML5 dan CSS3

Template DroidPluss Responsive Blogger Valid HTML5 dan CSS3


Beberapa point penting untuk DroidPluss Blogger Template ini adalah :
  • Responsive 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.

Kostumisasi

Nah, untuk kostumisasi windget yang ada pada template, kamu tinggal menaruh atau mengedit kode-kode dibawh ini pada Edit HTML template kamu. 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

Template bisa kamu Unduh disini.

Sekian artikel Template DroidPluss Responsive Blogger Valid HTML5 dan CSS3 Kali ini. Jika ada suatu hal yang ingin disampaikan, silahkan tinggalkan komentar dibawah. Terima Kasih.