Kompi Males v5 Free Responsive Blogger Template

 

Template gratis yang kayaknya sangat punya perhatian khusus dari Kang Adhy sebagai pembuat template ini, saya berkata seperti itu karena hanya template gatis ini yang sampai saat ini yang diurus dengan baik oleh kang Adhy, bahkan sampai saat ini sudah versi 5.

Sebenarnya ada versi 6 yang sudah memiliki design megazine dan itu gak gratis lagi, namun sudah premium. Jika kamu berminat kamu bisa menghubungi kang adhy untuk membeli template premium beliau.

Blogger Template Style

Name : Kompi Males v5 Free Responsive Blogger Template
Version : 5.0
Publish Date : Hubungi Admin Kompi Ajaib
Intructions : Cara Memasang Template Blogger
Designer : Iwan Efendi
URL : http://iwanberbagi.com
Published : http://situstemplate.com

Fitur Template

- Responsive
- Valid HTML5 (homepage dan postpage)
- Valid CSS3
- Full title tag pada link blog.
- Title blog dan postingan yang dinamis.
- Breadcrumb
- Print this page
- Tombol Back To Top dan Go To Down
- Toggle Sidebar
- Custom Pager di postpage.
- Error Page 404
- Slot Iklan
- Dll.

Seperti biasa, sebelum mendownload template ini sebaiknya kamu memperhatikan beberapa hal yang nanti mungkin bisa menggangu kamu atau minimal cukup kamu perhatikan agar kedepannya kamu tidak kalang kabut jika terjadi error pada template kamu.

Karena di KompiAjaib saya lihat tidak diberikan cara customize, maka saya akan jelaskan sedikit custumize yang perlu kamu lakukan.

1. Mengganti Logo
Template ini logonya tidak diupload langsung dari Tata Letak pada dasbor blogger, namun kamu harus menggantinya secara manual dengan cara upload logo template yang sudah kamu buat ke postingan dan ambil url dari gambar tersebut. Dan ganti url logo berikut ini dengan url logo yang kamu sudah upload tadi. 

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3BVH3UelBEuzyfck6ekSfYD5DMPqe36Fxa-EXQUgj7YyOfKRTcECvyKFSj0lnR4ZM5YpYLi_SwQrgcTIB8hKI6qJx1EyXmrpMLG1WZfpKbpV3azd2IWrcUyV8zaE7J_k0vTvwasvsat4/s1600/titlekompimales.png

Logo blog yang saya maksud adalah sebagai berikut.

Atau lebih tepatnya kamu harus mencari kode berikut, dan jangan lupa sesuaikan title blognya dengan judul blog kamu.

<div class='logo-blog'>
    <a href='/' title='Kompi Preett'>
        <img alt='logo blog' height='90' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg3BVH3UelBEuzyfck6ekSfYD5DMPqe36Fxa-EXQUgj7YyOfKRTcECvyKFSj0lnR4ZM5YpYLi_SwQrgcTIB8hKI6qJx1EyXmrpMLG1WZfpKbpV3azd2IWrcUyV8zaE7J_k0vTvwasvsat4/s1600/titlekompimales.png' title='Kompi Preett' width='212'/>
    </a>
</div>

2. Backup File Hosting JS
Template KompiAjaib biasanya selalu ngebut dalam loadingnya, itu dikarenakan template tersebut sudah menggunakan rendering file-file javascriptnya, jadi akan terload ketika semua komponen template terload. Resikonya untuk rendering ini file javascript tersebut harus dihosting, dan pada template ini setidaknya ada 5 file hostingnya.

Hosting file komentar
File komentar ada dua, dan yang akan saya jelaskan yang pertama, seperti berikut :

https://cdn.rawgit.com/KompiAjaib/kompi-js/51d0da4b/comments_hack2a.js

Untuk jaga-jaga saya sudah simpan file tersebut di firebase, jika kamu terjadi error pada file tersebut kamu bisa mengaksesnya DISINI. Dan kamu bisa menghostingnya sendiri ke Github.

Lebih tepatnya kode tersebut akan kamu temukan seperti ini :

       //<![CDATA[
function downloadJSAtOnload2(){var d=document.createElement("script");d.src="https://cdn.rawgit.com/KompiAjaib/kompi-js/51d0da4b/comments_hack2a.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload2,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload2):window.onload=downloadJSAtOnload2;
    //]]>

File komentar yang kedua adalah sebagai berikut :

https://cdn.rawgit.com/KompiAjaib/js/master/comment-hack.js

Untuk berjaga-jaga juga kamu bisa mengaksesnya DISINI.

Lebih tepatnya kodenya akan kamu temukan seperti berikut :

  <script type='text/javascript'>
    (function() {
      var items = <data:post.commentJso/>;
      var msgs = <data:post.commentMsgs/>;
      var config = <data:post.commentConfig/>;
       //<![CDATA[
function downloadJSAtOnload3(){var d=document.createElement("script");d.src="https://cdn.rawgit.com/KompiAjaib/js/master/comment-hack.js",document.body.appendChild(d)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload3,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload3):window.onload=downloadJSAtOnload3;      //]]>
  </script>

Hosting File males.js dan males-post.js

<script type='text/javascript'>
//<![CDATA[
function downloadJSAtOnload(){var e=document.createElement("script");e.src="https://cdn.rawgit.com/KompiAjaib/kompi-js/037a2615/males.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
<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/KompiAjaib/kompi-js/037a2615/males-post.js",document.body.appendChild(e)}window.addEventListener?window.addEventListener("load",downloadJSAtOnload,!1):window.attachEvent?window.attachEvent("onload",downloadJSAtOnload):window.onload=downloadJSAtOnload;
//]]>
</script>
</b:if>

Saya rasa dari pembahasan pertama tadi kamu sudah mengerti mana saja file js itu, jadi disini saya hanya akan membagikan file untuk jaga-jaga nya. Untuk file males.js kamu bisa mengaksesnya DISINI, sedangkan untuk file males-post.js kamu bisa mengaksesnya DISINI.

Hosting FIle blog-pager.js
Kang adhy sudah mengoptimalkan script dari blog pager ini agar bisa terload lebih ringan, namun resikonya file tersebut harus dihosting sebagai berikut :

<b:if cond='data:blog.pageType != &quot;static_page&quot; and data:blog.pageType != &quot;item&quot;'>
<script type='text/javascript'>
//<![CDATA[
function resizeThumb(e,t){for(var g=document.getElementById(e),m=g.getElementsByTagName("img"),r=0;r<m.length;r++)m[r].src=m[r].src.replace(/\/s72\-c/,"/s"+t),m[r].width=t,m[r].height=t}resizeThumb("Blog1",180);
var postperpage=10;//sesuaikan dengan jumlah postingan di homepage
var numshowpage=3;
var upPageWord="Prev";
var downPageWord="Next";
var home_page="/";
var urlactivepage=location.href;
//]]>
</script>
<script type='text/javascript'>
//<![CDATA[
document.write("<scr" + "ipt type=\"text/javascript\" src=\"https://cdn.rawgit.com/KompiAjaib/kompi-js/037a2615/blog-pager.js\"></scr" + "ipt>");
//]]>
</script>
</b:if>

Untuk jaga-jaga file hosting sudah saya cadangkan ke firebase dan kamu bisa mengaksesnya DISINI.

Share :

Tweet

More

Related Post