Latest News

Menowo Blogger Responsive Template Valid HTML5

Menowo Blogger Responsive Template Valid HTML5

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.

Reaksi:

Berlangganan Via Email

Suka artikel di blog ini, atau ingin dapat template Gratis? nggak ada salahnya untuk berlangganan artikel terbaru dari blog ini langsung via email kamu.

Disqus Comments
How to style text in Disqus comments:Show
  • To write a bold letter please use <strong></strong> or <b></b>.
  • To write a italic letter please use <em></em> or <i></i>.
  • To write a underline letter please use <u></u>.
  • To write a strikethrought letter please use <strike></strike>.
  • To write HTML code, please use <code></code> or <pre></pre> or <pre><code></code></pre>.
    And use parse tool below to easy get the style.
Show Parse Tool Hide Parse Tool

How to get ID DISQUS - http://disq.us/p/[ID DISQUS]

strong em u strike
pre code pre code spoiler
embed