Kompi Safelink Converter Responsive Blogger Template With Bootstrap

Sebelumnya ada beberapa sahabat Kompi Ajaib yang meminta dibuatkan template yang responsive untuk blog safelink converter. Akhirnya kini saya bisa memenihu permintaan tersebut dengan membuat Kompi Safelink Converter Responsive Blogger Template yang saya buat dengan Bootstrap framework.

Secara sederhana, safelink converter berfungsi untuk mengkonversi atau membuat encypted link untuk semua link dari sebuah blog agar link-link tersebut menjadi aman dengan dikonversi menjadi base64. Dan jika ada pengunjung yang meng-klik link tersebut maka pengunjung akan dibawa ke halaman redirect safelink converter untuk mendapatkan link aslinya. Nah pada halaman safelink conversi inilah kita bisa memasang iklan dan mendapatkan tambahan keuntungan lainnya dari iklan yang kita pasang. Biasanya safelink converter digunakan oleh blog-blog yang menyajikan download file.

Untuk tampilan halaman depannya seperti pada gambar di bawah ini.


Dan untuk halaman redirect safelink converter seperti di bawah ini



Kompi Safelink Converter Responsive Blogger Template ini memiliki loading yang cukup ringan, responsive, dibangun dengan framework Bootstrap 3, dan valid HTML5 dan saya bagikan gratis dengan syarat tidak mencopot credit link dan popup "How To Get" ya... Untuk kustomisasinya saya sertakan pada file template-nya.

Saran saya, kalau untuk iklan Adsense sebaiknya tool dipakai sendiri, jadi hilangkah tool yang ada di homepage dan link popup "How To Use" dan update postingan seperti biasa.
Silahkan tulis (harus) nama, blog, dan email Anda di kolom komentar jika ingin mencoba template ini.

Jika Anda ingin versi premium dari template ini, Anda bisa menukarnya dengan Rp. 100.000 saja. Dengan versi premium, Anda dapat menghapus credit link dan mendapatkan support dan update template selamanya. Silahkan hubungi saya lewat kontak blog ini.

BAGI YANG SUDAH MENGGUNAKAN TEMPLATE INI:

Ada beberapa perbaikan yang perlu dilakukan:

1. Hapus kode CSS seperti pada gambar di bawah ini (jika tidak ada berarti sudah saya kirim dengan file yang sudah saya perbaiki).


2. Untuk kode script yang dipasang di blog utama seperti berikut (yang dipasang di blog utama di atas kode </body>).


<script type='text/javascript'>
//<![CDATA[
protected_links = "YourDomain.com,AnotherDomain.com,youtube.com,facebook.com,google.com";
  (function() {
    var sl = document.createElement('script');
    sl.type = 'text/javascript'; sl.async = true;
    sl.src = 'https://googledrive.com/host/0Bz4YdwRI3rnCTFdxX29TaU9WTlU/kompisafelink2.js';
    (document.getElementsByTagName('head')[0] || document.getElementsByTagName('body')[0]).appendChild(sl);
  })();
//]]>
</script>

Nah pindahkan kode di bawah ini (kode untuk proteksi link) ke dalam file kompisafelink2.js di atas kode auto_safelink();


protected_links = "YourDomain.com,AnotherDomain.com,youtube.com,facebook.com,google.com";

Kode di atas untuk memasukan daftar domain agar tidak melewati safelink converter.

Atau Anda bisa juga menggunakan kode di bawah ini namun tidak asynchronous (untuk blog utama yang mengaktifkan iklan popup).


<script src="https://googledrive.com/host/0Bz4YdwRI3rnCTFdxX29TaU9WTlU/kompisafelink2.js" type="text/javascript"></script>
<script type="text/javascript">
//<![CDATA[
protected_links = "YourDomain.com,linkedin.com,twitter.com,youtube.com,facebook.com,google.com";
auto_safelink();
//]]>
</script>

Perhatian: Kode auto_safelink(); di dalam file kompisafelink2.js dihapus.

Hadeueuhhh...capek juga bagiin satu-satu hehehe.... Sekarang yang mau coba tinggal download saja templatenya di bawah ini.


UPDATE:

Karena hosting file Google Drive sudah tidak bisa, silahkan ganti kode-kode di bawah ini.

Silahkan cari kode di bawah ini
https://googledrive.com/host/0Bz4YdwRI3rnCTFdxX29TaU9WTlU/kompisafelink.js

Silahkan ganti dengan kode di bawah ini
https://cdn.rawgit.com/KompiAjaib/js/master/kompisafelink.js

Silahkan cari kode di bawah ini
https://googledrive.com/host/0Bz4YdwRI3rnCTFdxX29TaU9WTlU/kompisafelink2.js

Silahkan ganti dengan kode di bawah ini
https://cdn.rawgit.com/KompiAjaib/js/master/kompisafelink2.js

Begitu pun untuk postingan static page silahkan ganti dengan kode di atas. Saran saya silahkan hosting sendiri file-file js di atas.

Silahkan cari kode di bawah ini
https://googledrive.com/host/0Bz4YdwRI3rnCcjZCT1AyLTRLb2s/bootstrap.min.css

Silahkan ganti dengan kode di bawah ini
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css

Silahkan cari kode di bawah ini
https://googledrive.com/host/0Bz4YdwRI3rnCcjZCT1AyLTRLb2s/bootstrap.min.js

Silahkan ganti dengan kode di bawah ini
https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js

Silahkan cari kode di bawah ini
https://googledrive.com/host/0Bz4YdwRI3rnCcjZCT1AyLTRLb2s/bootstrap-progressbar.min.js

Silahkan ganti dengan kode di bawah ini
https://cdnjs.cloudflare.com/ajax/libs/bootstrap-progressbar/0.9.0/bootstrap-progressbar.min.js

You Might Also Like:

How to style text in Disqus comments:
  • 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 Parser Hide Parser
Disqus Comments