Membuat Safelink di Blogger dengan Materialize

Safelink Blogger. Sebelum sobat membaca artikel ini, pasti sobat sudah tahu mengenai apa itu safelink?

Baiklah akan saya jelaskan sedikit tentang safelink. Safelink pada umumnya merupakan sebuah halaman yang digunakan untuk menampilkan iklan adsense.

Semakin berkembangnya ide-ide pada coding, saat ini ada banyak sekali safelink yang sudah ada di internet. Dengan Safelink sobat bisa mendapatkan penghasilan oleh iklan yang sobat pasang.

Kali ini saya akan membagikan template safelink blogger yang sebelumnya sudah saya buat, hanya saja kali ini saya ubah designnya menggunakan Framework CSS Materialize agar terkesan lebih menarik.

Berikut demo template safelink blogger dengan framework Materialize. Lihat Langsung.

Seperti itulah safelink yang akan saya berikan untuk sobat blogger semua.

Apakah untuk pemasangannya ribet? Tidak, sobat hanya perlu mengcopy-paste saja kode template yang nanti saya berikan, kemudian sobat hosting sendiri file javascript yang saya hosting di github.

Instalasi Template

1. Pertama, silahkan sobat download terlebih dahulu template safelink blogger yang sudah saya siapkan disini.
2. Jika sudah didownload, langsung saja ekstrak file templatenya. Jika ekstrak gagal, pastikan anda sudah memasukkan password yang diminta. Jika masih belum bisa, harap update terlebih dahulu software winRar milik sobat ke versi terbaru.
3. Setelah diekstrak, buka file templatenya, dan copy semua codenya.
4. Lalu paste di Template Editor pada dashboard Blogger.
5. Jika sudah klik Simpan Template.

Menghosting File Javascript ke Github

1. Buka template editor blogger milik sobat.
2. Kemudian cari kode berikut ini.

   <script src='https://rawcdn.githack.com/mghifariarfan/safeplatinum/master/jquery.pietimer.min.js' type='text/javascript'/>
   <script src='https://rawcdn.githack.com/mghifariarfan/safeplatinum/master/clipboard.min.js' type='text/javascript'/>
   

3. Setelah ketemu, silahkan buka linknya. lalu copy semua scriptnya.
4. Kemudian buka github.com, login menggunakan akun sobat. Lalu buat repository baru.
5. Klik create new file.
6. Beri nama file, dan paste script yang sudah anda copy sebelumnya.
7. Lalu klik commit new file.
8. Setelah itu buka file yang baru saja sobat buat. Lalu klik raw
9. Kemudian copy urlnya.
10. Buka rawcdn.githack.com, kemudian paste url tadi, pada kolom input yang pertama.
11. Copy url hasil convert rawgit yang berada disebelah kiri "Use this URL in production".
12. Kemudian ganti source hostingan saya di template editor tadi.
13. Jika sudah jangan lupa simpan template.

Sekarang coba sobat buka blog safelink sobat apakah berhasil? jika belum silahkan dan jangan ragu untuk berkomentar di bawah.

Auto Safelink (Opsional)

Jika sobat ingin memasang Auto Safelink pada template ini, gunakan kode berikut ini pada blog utama anda (buka blog safelink).

<script type='text/javascript'>
//<![CDATA[
var setting = {
 exceptionurl : "google.com,twitter.com",
 path : "#?o="
};
//]]>
</script>
<script src='https://rawcdn.githack.com/mghifariarfan/linkpunyaku/master/auto.js'/>
<script src='https://www.blogger.com/feeds/7113340226563226306/posts/default?alt=json-in-script&amp;max-results=150&amp;callback=showurl'/>

Keterangan :
exceptionurl adalah url yang dikecualikan (tidak diconvert).

Silahkan hosting lagi javascriptnya di akun github milik sobat. Dan ganti 7113340226563226306 dengan ID Blog safelink sobat.

Nahh itu dia Membuat Safelink URL di Blogger dengan Materialize CSS, jika sobat masih belum paham, jangan malu-malu langsung saja tanyakan pada kolom komentar di bawah ini.