Invision Personal Free Responsive Blogger Template

- Mei 28, 2017


Pada kesempatan kali ini saya akan merekomendasikan template milik mbak Arlina Design, siapa sih yang tidak tau template beliau yang memiliki design yang keren dan juga fast loading dan anti mainstream.

Template ini adalah salah satu template yang paling saya sukai dari sekian banyak template buatan mbak arlina. Karena memang design seperti ini yang memang sangat memanjakan mata, dan saya yakin pengunjung blog akan lebih betah untuk menelusuri halaman blog kita.

Blogger Template Style
Name : Invision Personal Free Responsive Blogger Template
Version : Free
Publish Date : 06 Januari 2016
Intructions : Cara Memasang Template Blogger
Designer : Arlina Design
URL : http://arlinadzgn.com
Published : http://situstemplate.com

Fitur Template
- Responsive
- High CTR
- Valid Schema.org
- Disqus Comment System
- Dynamic Heading
- Breadcrumb
- Related Posts with Thumb
- Tombol Back To Top dan Go To Down
- Toggle Sidebar
- Custom Pager di postpage.
- News Ticker
- Slot Iklan responsive
- Dll.

Seperti biasanya, sebelum kamu mendownload maupun sudah mendownloadnya, kamu bisa memperhatikan beberapa hal berikut ini yang akan membantu kamu untuk menghindari error di kemudian hari.

1. Perhatikan Eksternal JS 
Pada template ini setidak ada dua saja eksternal js yang perlu kamu perhatikan, karena kita perlu menghindari jika suatu hari eksternal js tersebut tidak dapat digunakan lagi, atau bisa dikatakan error.

Eksternal JS WhatsApp Button
Kamu perhatikan kode berikut ini :
<b:if cond='data:blog.isMobileRequest == &quot;true&quot; and data:blog.pageType == &quot;item&quot;'>
<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="http://yourjavascript.com/0015517398/whatsapp-button.js";h.appendChild(s);}
//]]>
</script>
</b:if>
Kode tersebut hanya akan terpanggil pada tampilan mobile, dan tidak akan tampil pada tampilan desktop. Jadi tombol whatsaap itu berupa eksternal js yang menggunakan hosting seperti berikut :
http://yourjavascript.com/0015517398/whatsapp-button.js
Jika kamu mengalami masalah dengan tampilan tombol whatsapp nya, bisa jadi file hostingnya bermasalah, dan saya sudah membuatkan mirrornya yang bisa kamu akses Disini.

Eksternal JS page Numbered
Pada template ini menggunakan unlimited page numbered, iya untuk memudahkan pengunjung dalam menjelajahi setiap halaman pada blog kamu nantinya. Kodenya adalah sebagai berikut :
<script src='https://cdn.rawgit.com/Arlina-Design/redvision/master/unlipage.js' type='text/javascript'/>
Jadi jika nanti ada masalah dengan page numbered nya bisa jadi file hosting tersebut sudah mati dan tidak dapat diakses kembali. Untuk itu saya sudah membuat mirror linknya Disini.

2. Pengaturan Komentar Disqus
Seperti yang kamu tahu, template ini menggunakan komentar disqus, jadi untuk bisa menggunakan komentar disqus kamu harus mengganti ID Disqus yang ada menjadi id disqus kamu sendiri. Jika belum punya kamu bisa membuatnya sebentar.

Perhatikan kode berikut :
<script type='text/javascript'>
!function(){var e=document.createElement(&quot;script&quot;);e.type=&quot;text/javascript&quot;,e.async=!0,e.src=&quot;//&quot;+disqus_shortname+&quot;.disqus.com/blogger_item.js&quot;,(document.getElementsByTagName(&quot;head&quot;)[0]||document.getElementsByTagName(&quot;body&quot;)[0]).appendChild(e)}();$(&quot;ul#relate-summary li img&quot;).each(function(){$(this).attr(&quot;src&quot;,$(this).attr(&quot;src&quot;).replace(/\/s[0-9]+(\-c)?\//,&quot;/w90-h70-c/&quot;))});
//<![CDATA[
function load_Comments(){var e=document.getElementById("disqusshow");e.style.display="none";var t="invisionnew";!function(){var e=document.createElement("script");e.type="text/javascript",e.async=!0,e.src="http://"+t+".disqus.com/embed.js",(document.getElementsByTagName("head")[0]||document.getElementsByTagName("body")[0]).appendChild(e)}()}
//]]>
</script>
Ganti invisionnew menjadi id disqus yang kamu miliki.

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