Menowo Blogger Responsive Template Valid HTML5

- Desember 26, 2016

Template karya Mas Arif ini sangatlah ngebut dalam segi loading, selain itu sudah banyak tersemat berbagi fitur premium untuk sekelas template gratis. Diantaranya sudah valid HTML5, CSS3, Support HTTPS Blogger dan tentunya Responsive dan Mobile Friendly.

Jika sobat mencari template yang Gratisan namun ingin fitur yang lengkap tanpa kendala apapun, sobat bisa mencoba template buatan Mas Arif ini. Seperti biasa bisa lihat fitur lengkapnya dibawah ini, dan juga link download akan ada pada link demo.
SiMini Responsive Blogger Template High CTR
  • Responsive
  • SEO Friendly
  • Mobile Friendly
  • Dynamic Heading
  • Adsense
  • Valid HTML5 & CSS3
  • Super Fast Loading
  • Personal Blog
  • 2 Column
  • Next Previous Navigasi Halaman Dengan Judul Postingan
  • Responsive Ad Slot
  • Breadcrumbs
  • Show Hide Facebook Comments
  • Related Posts with Thumb
  • Search Box
  • Social Share Button
  • Blogger Numbered Navigation
  • Back to Top Button
  • Shortcodes
  • Unlimited Page Numbered
  • Recent Post
  • Recent Post by label
Template ini dibuat dengan banyak pertimbangan dari kang arif, mengapa saya katakan demikian, karena dari javascript yang di minify sampai hosting file js yang di host ke github. Hingga penggunaan base64 pada gambar, yang akan membuat template ini lebih ngebut saat diakses.

Namun ntah kenapa blog mas arif selaku pembuat template ini sudah tidak dapat diakses, kemungkinan mas arif sedang banyak pekerjaan di dunia nyata. Padahal terakahir saya lihat mas arif sudah menggunakan template berbasis amp html.

Yang perlu ditambahkan, template ini menggunakan file js yang di host di github, saya rasa sudah cukup aman. Namun untuk jaga-jaga aja saya akan membuat mirror linknya, jadi setidaknya ada 3 file host js yang harus kamu hosting sendiri untuk jaga-jaga.

1. Hosting file Finali

Sepertinya kang arif sudah menggabungkan beberapa javascript agar terload sekali saja, yang saya lihat ada javascript related post,script async facebook. Jadi pada js berikut menyimpan berbagai javascript yang sangat penting. Perhatikan kode berikut :
<b:if cond='data:blog.pageType == &quot;item&quot;'><script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload() {
    var e = document.createElement("script");
    e.src = "https://cdn.rawgit.com/masarifid/file/gh-pages/finali.js";
    document.body.appendChild(e)
}
if (window.addEventListener) window.addEventListener("load", downloadJSAtOnload, false);
else if (window.attachEvent) window.attachEvent("onload", downloadJSAtOnload);
else window.onload = downloadJSAtOnload;
var fired = false;
window.addEventListener("scroll", function() {
    if ((document.documentElement.scrollTop != 0 && fired === false) || (document.body.scrollTop != 0 && fired === false)) {
        var b = document.getElementsByTagName("img");
        for (var a = 0; a < b.length; a++) {
            if (b[a].getAttribute("data-v")) {
                b[a].setAttribute("src", b[a].getAttribute("data-v"))
            }
        }
        fired = true
    }
}, true);
//]]>
</script></b:if>
Tugas kamu hanya perlu mengganti file hosting tersebut dengan punya kamu sendiri, jika file hosting itu error suatu saat, maka kamu bisa mengakses nya disini.

2. Hosting File Comeng

Ini adalah file js optimasi komentator blogger agar terload lebih ngebut dari biasanya, jika kamu sudah komentator blogger, sebaiknya kamu berjaga-jaga untuk hosting ulang file ini.
https://cdn.rawgit.com/masarifid/file/gh-pages/comeng.js
Untuk berjaga-jaga saya sudah membuat source filenya disini.

3. Hosting File Whatsapp

Template ini sudah dilengkapi tombol share whatsapp yang hanya akan muncul ketika diakses pada perangkat mobile. Jika kamu tidak ingin kehilangan share button ini, kamu harus menjaganya dengan perhatikan kode berikut :
<script>
//<![CDATA[
var whatsurl = window.location.href;
var whattitle = encodeURIComponent(document.title);
var whattitle_esc = unescape(whattitle);
document.write('<span style="display:block;font-size: 18px;font-weight: 500;margin-bottom:5px">Share On Whatsapp:</span><a href="whatsapp://send" data-text="' + whattitle_esc + '" data-href="' + whatsurl + '" class="wa_btn wa_btn_l" style="display:none" title="Share On Whatsapp">Share</a>');
if (typeof wabtn4fg === "undefined") {
    wabtn4fg = 1;
    h = document.head || document.getElementsByTagName("head")[0], s = document.createElement("script");
    s.type = "text/javascript";
    s.src = "https://cdn.rawgit.com/masarifid/file/gh-pages/wa.js";
    h.appendChild(s)
};
//]]>
</script>
File hosting tersebut sudah saya mirror, jadi jika sewaktu-waktu dibutuhkan kamu bisa fix nya disini.

Advertisement

Berkomentarlah jika memang ada pertanyaan apapun itu, admin akan membalasnya jika tidak ada kesibukan lainnya. Terima kasih
EmoticonEmoticon

 

Start typing and press Enter to search