DroidPluss Responsive Blogger Template Valid HTML5 dan CSS3

gtrslnc

Template Blogger

Sunday, 23 February 2014

2 Komentar

Setelah lama tidak berbagi postingan, kali ini saya akan membagikan template buat sobat dari KI. Secara keseluruhan isi dari template ini mirip dengan blog KI, hanya berbeda tampilan saja.

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

Silahkan lihat dulu penampakannya seperti ini :

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'/>

Silahkan didownload :

Info Template

Template Create By Kang Ismet

Download Template VIA

yourjquery