Archive for 2017

Cara Membuat Efek Animasi Loading Keren Saat Memuat Halaman

10:30 PM
Cara Membuat Efek Animasi Loading Keren Saat Memuat Halaman - Animasi loading dibuat agar website atau blog terlihat keren dan profesional. Cara kerjanya sangat sederhana yaitu animasi loading akan muncul ketika ada pengunjung yang mebuka blog kamu saat proses memuat halaman dan akan terhenti secara otomatis ketika halaman tersebut sepenuhnya dimuat.


Efek animasi ini sangat sederhana jadi tidak akan membuat blog menjadi berat, tampilannya yang sederhana dapat membuat blog kamu menjadi sangat SEO Friendly.

 Baca Juga: Cara Menghapus Credit Link Arlina Theme 2017

 Jika kamu ingin menerapkannya di blog kamu agar terlihat profesional silahkan ikuti langkah-langkahnya dibawah ini.

 Cara Membuat Efek Animasi Loading Keren Saat Memuat Halaman 

 1. Buka Blogger. Pilih Tema > Edit HTML, tambahkan CSS dibawah ini tepat diatas kode ]]></b:skin> atau </style>

 #cssload {background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCjBgAW_NmUu1QKRJKOL11bJ3mrNGtm5mUkYN9GT9cjI6PsJ9JiWXxK0RUPIoTf898TMxOI9cFVWgemTjueYELFUO5OwYDVHGu07RJhtmwqeMj_xfpBWnH10ZfuUyO3fw8hW3I4W0sbNI/s1600/loading.gif) no-repeat center;background-color:rgba(0,0,0,0.36);width:100%;height:100%;position:fixed;left:0;top:0;z-index:1000;}

2. Lalu tambahkan kode berikut ini tepat dibawah kode <body>

 <div id='cssload'/>

3. Selanjutnya, tambahkan Javascript dibawah ini tepat diatas kode </body>

 <script type='text/javascript'>
//<![CDATA[
// Loader
$(window).bind("load",function(){$("#cssload").fadeOut(1e3)});
//]]>
</script>

4. Terakhir, klik Simpan Tema dan lihat hasilnya.

Jika animasi loading tidak muncul coba perhatikan penempatan kode atau ada kode yang tertinggal.

Cara Menghapus Credit Link Arlina Theme 2019

1:46 PM
Cara Menghapus Credit Link Arlina Theme 2019 - Credit link adalah tulisan yang biasanya berisi link tujuan dimana kamu downoad template tersebut secara gratis, credit link biasa terletak di bagian footer sebuah template.



Sebenarnya menghapus credit link adalah cara yang tidak dianjurkan karena dianggap tidak menghargai karya orang lain, namun banyak blogger yang ingin menghapus credit link agar dikira bahwa template yang digunakan tersebut buatan dia atau faktor luar lainnya.

 Nah di tutorial kali ini saya menggunakan template gratisan dari situs idntheme yang dibuat oleh Arlina Design, template yang saya gunakan ini bernama Arlina Theme 2017 yang dulu digunakan oleh blog Arlina Design.

 Baca juga: Cara Membuat Notifikasi AdBlock Detected Agar AdSense Bekerja di Blog

Pasti dari kalian yang menggunakan template Arlina Theme 2017 pernah mencoba menghapus credit linknya, tetapi saat dibuka malah Redirect ke situs penyedia.

 Untuk mengatasi hal tersebut silahkan kamu ikuti langkah-langkah dibawah ini dengan teliti. sebelumnya diharapkan untuk backup template dahulu untuk berjaga-jaga apabila terjadi kesalahan. Caranya pilih Tema lalu klik Backup / Pulihkan di kanan atas.

 Cara Menghapus Credit Link Arlina Theme 2017 

 1. Masuk ke Blogger. pilih Tema > Edit HTML lalu tekan CTRL + F di keyboard dan cari kode //Pre Auto Selection. ganti kode yang berada di dalam kotak merah ke-2 mulai dari ' [ ' sampai ' ] ' ganti dengan kode dibawah gambar ini.


ganti kode diatas dengan kode berikut ini.

["\x6C\x65\x6E\x67\x74\x68","\x23\x48\x54\x4D\x4C\x31","\x74\x6F\x70","\x6F\x66\x66\x73\x65\x74","\x68\x65\x69\x67\x68\x74","\x23\x73
\x75\x62\x73\x63\x72\x69\x62\x65\x2D\x63\x73\x73","\x73\x63\x72\x6F\x6C\x6C\x54\x6F\x70","\x66\x69\x78\x65\x64","\x63\x73\x73","\x70\
x6F\x73\x69\x74\x69\x6F\x6E","\x73\x74\x61\x74\x69\x63","\x73\x63\x72\x6F\x6C\x6C","\x73\x63\x72\x65\x65\x6E\x20\x61\x6E\x64\x20\x28\
x6D\x69\x6E\x2D\x77\x69\x64\x74\x68\x3A\x20\x36\x30\x65\x6D\x29","\x6D\x61\x74\x63\x68\x4D\x65\x64\x69\x61","\x6D\x61\x74\x63\x68\x65
\x73"]

2. Jika sudah maka tampilan akan seperti gambar berikut.


3. Lanjut, cari kode Created atau Credit Linknya, kemudian hapus semua tulisan yang berhubungan denga credit link seperti Created by, Idntheme lalu ganti link url dengan tanda #.


4. Jika sudah selesai atau bingung dengan cara diatas, silahkan cocokan dengan gambar dibawah ini.


5. Terakhir, setelah semua langkah sudah dilterapkan dan merasa tidak ada yang salah atau tertinggal silahkan kamu klik Simpan Tema, dan lihat footer blog kamu.
Jika kamu ingin cara yang lebih mudah dan bebas merubah tampilan template dianjurkan untuk membeli template Premium karena lebih mudah diaplikasikan serta mendapat support dari pembuat tema bila ada kesalahan.

Cara Membuat Notifikasi AdBlock Detected Agar AdSense Bekerja di Blog

2:42 PM
Cara Membuat Notifikasi AdBlock Detected Agar AdSense Bekerja di Blog - Adblock adalah ekstensi yang terdapat disuatu Browser untuk menhindari munculnya Annoying Ads saat sedang browsing.


Tapi bagi si pemilik situs, Adblock adalah salah satu hal yang dihindari, karena sebagian besar pendapatan si pemilik bergantung pada Iklan.

Cara Membuat dan Memasang Sitemap SEO Friendly di Blogger (Update Maret 2019)

9:17 PM
Cara Membuat dan Memasang Sitemap SEO Friendly di Blogger (Update Maret 2019) - Sitemap atau Peta Situs adalah kumpulan URL posting suatu blog yang telah dikelompokkan berdasarkan kategorinya atau bisa disebut juga sebagai daftar isi suatu blog.


Pembuatan Sitemap bertujuan untuk mempermudah visitor/pegunjung dalam menelusuri postingan-postingan yang sedang dicari dalam suatu blog.

Cara Membuat Kotak Script Responsive dan Flat di Postingan Blog

7:28 PM
Cara Membuat Kotak Script Responsive dan Flat di Postingan Blog - Membuat kotak script ke dalam postingan kadang memang dibutuhkan, terutama untuk Blog yang menyajikan tutorial dan membagikan ulang script tertentu.


kotak script juga sangat berguna untuk memudahkan visitor/pengunjung dalam membedakan Artikel dengan Script yang dibagikan. Selain itu, dengan menambahkan kotak script, blog akan terlihat lebih rapih dan profesional.
Subscribe to: Posts (Atom)