Kompi Males V5 Free Responsive Blogger Template

Template gratis yang kayaknya sangat punya perhatian khusus dari Kang Adhy sebagai pembuat template ini, saya berkata menyerupai itu sebab hanya template gatis ini yang hingga dikala ini yang diurus dengan baik oleh kang Adhy, bahkan hingga dikala ini sudah versi 5.

Sebenarnya ada versi 6 yang sudah mempunyai design megazine dan itu gak gratis lagi, namun sudah premium. Jika kau berminat kau dapat 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 kau memperhatikan beberapa hal yang nanti mungkin dapat menggangu kau atau minimal cukup kau perhatikan semoga kedepannya kau tidak kalang kabut kalau terjadi error pada template kamu.

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

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

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEho6sbhUkkpUFxv1RzuBchpqw_DYtubbQnBw0t7yZgtxXdri2pChixUbIfZf5VQA6JwqRFU6ydoseTJdGDGhR1vRTYJWQhP-bD6snbvv9oAG-hqrve8ty-_zHUmZL3jVqO9rHUTTIIALPw/s1600/titlekompimales.png

Logo blog yang saya maksud ialah sebagai berikut.

Atau lebih tepatnya kau harus mencari arahan 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/AVvXsEho6sbhUkkpUFxv1RzuBchpqw_DYtubbQnBw0t7yZgtxXdri2pChixUbIfZf5VQA6JwqRFU6ydoseTJdGDGhR1vRTYJWQhP-bD6snbvv9oAG-hqrve8ty-_zHUmZL3jVqO9rHUTTIIALPw/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 memakai 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, menyerupai berikut :

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

Untuk jaga-jaga saya sudah simpan file tersebut di firebase, kalau kau terjadi error pada file tersebut kau dapat mengaksesnya DISINI. Dan kau dapat menghostingnya sendiri ke Github.

Lebih tepatnya arahan tersebut akan kau temukan menyerupai 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 ialah sebagai berikut :

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

Untuk berjaga-jaga juga kau dapat mengaksesnya DISINI.

Lebih tepatnya kodenya akan kau temukan menyerupai 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 kau sudah mengerti mana saja file js itu, jadi disini saya hanya akan membagikan file untuk jaga-jaga nya. Untuk file males.js kau dapat mengaksesnya DISINI, sedangkan untuk file males-post.js kau dapat mengaksesnya DISINI.

Hosting FIle blog-pager.js
Kang adhy sudah mengoptimalkan script dari blog pager ini semoga dapat 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 kau dapat mengaksesnya DISINI.

Berbagi :