Cara Host File JS Di Google Drive

Assalamualaikum.

Beberapa saat yang lalu saya sudah share cara menyimpan file JS di yourjavascript.com yang seharusnya berjudul cara host file JS online menggunakan situs javascript,karena terlalu panjang makanya saya singkat saja judulnya.

Di kesempatan kali ini saya akan share cara host file JS dengan memanfaatkan fasilitas penyimpanan dari Google yaitu Google Drive.

Seperti yang kita ketahui,Google Drive adalah media penyimpanan online milik google yang memiliki kapasitas penyimpanan yang besar,untuk dapat mengakses Google Drive anda harus memiliki akun Google.

Berikut cara host file JS di Google Drive

1.Pertama-tama anda silahkan anda kunjungi Google Drive,dengan menggunakan akun Google yang anda miliki.

2.Di Google Drive,silahkan anda upload file JS yang anda miliki,dengan cara klik unggah file (bahasa indonesia),seperti contoh gambar berikut ini.

3.Setelah anda berhasil mengupload file JS maka akan langsung muncul file JS yang anda upload tersebut,seperti contoh gambar dibawah ini.

4.Berikutnya,silahkan anda klik kanan pada file  JS tersebut (apabila anda mmenggunakan PC dengan mouse),lalu klik bagikan seperti contoh gambar berikut ini.

5.Berikutnya akan muncul pop-up,silahkan anda klik lanjutan,seperti contoh gambar dibawah ini.

6.Berikutnya silahkan anda klik ubah pada peizinan siapa saja yang dapat mengakses file JS tersebut,seperti contoh gambar dibawah ini.

7.Berikutnya,silahkan anda pilih opsi yang publik,lalu anda klik simpan seperti contoh gambar dibawah ini.

8.Berikutnya,silahkan anda copy kode URL file JS yang dapat anda bagikan,seperti contoh gambar dibawah ini.

9.Kode URL file JS yang kita dapat dari google drive adalah seperti berikut ini.

https://drive.google.com/file/d/<span style="color: red;">0Bxxxxxxxxx-xxxxxxxxxxOEk/view?usp=sharing

Keterangan: Teks yang saya beri warna merah adalah nama file JS kita di google drive.

10.Agar kode dapat digunakan dan berjalan dengan baik,maka silahkan anda modifikasi kode tersebut menjadi seperti berikut ini.

https://googledrive.com/host/0Bxxxxxxxxx-xxxxxxxxxxOEk/

Keterangan: Teks yang saya beri warna merah adalah nama file JS kita di google drive.

11.Silahkan anda copy kode URL file JS yang sudah anda modifikasi tadi,dan kode sudah dapat digunakan dengan cara memasukkan di atas kode </head>pada template blogger.

Demikianlah tutorial sederhana tentang bagaimana caranya host file JS di google drive.

Semoga tutorial yang amat sederhana ini mudah difahami.

Terimakasih telah berkunjung dan semoga bermanfaat.

Assalamualaikum.

Selengkapnya ➢

trik sederhana mengetahui blog yang mengcopast artikel kita

Assalamualaikum.

Saat kita pertama kali mempublikasikan artikel hasil jerih payah kita,tentunya kita mempunyai perasaan yang cukup senang,namun lama-kelamaan kesenangan tersebut akan berkurang karena pada suatu hari kita akan berfikir "kira-kira artikel saya ada yang mengcopy-paste tidak ya?".Dari pertanyaan kecil didalam hati tersebut lama-kelamaan akan menjadi pikiran tersendiri bagi kita,mengingat untuk membuat satu artikel saja membutuhkan waktu yang tidak sebentar.

Untuk menjawab pertanyaan tersebut,saya mempunyai sebuah trik sederhana namun lumayan efektif agar kita mengetahui siapa saja yang mengcopast artikel di blog kita.

TRIK SEDERHANA MENGETAHUI BLOG YANG MENGCOPAST ARTIKEL KITA.

1.Silahkan anda kunjungi artikel di blog anda yang memiliki traffik pengunjung yang paling banyak (terpopuler),atau artikel yang anda inginkan di blog anda.

2.Berikutnya silahkan anda copy beberapa paragraf yang kira-kira kalimatnya hanya anda yang paling mengerti,seperti contoh gambar dibawah ini.

3.Berikutnya silahkan anda masuk ke www.google.co,id,lalu anda paste paragraf yang anda copy tadi pada box pencarian,berikutnya klik search button.

4.Nanti akan muncul hasil pencarian,apabila ada blog yang mengcopast artikel anda maka blog-blog tersebut akan muncul di hasil pencarian,seperti contoh gambar berikut ini.

Jika anda ingin menindak lanjuti blog-blog yang mengcopast artikel di blog anda,maka lakukanlah dengan cara yang benar,jangan melakukan hal yang sama dan juga harus tetap semangat membuat artikel-artikel baru.Karena kebanyakan para penulis blog pada akhirnya malas untuk blogging karena kegiatan copast 100% artikel tanpa izin dari blog yang bersangkutan.

Demikianlah trik sederhana untuk mengetahui blog-blog yang telah mengcopast artikel yang ada di blog kita.

Semoga bermanfaat dan terimakasih telah berkunjung.

Assalamualaikum.

Selengkapnya ➢

Membuat anti copy-paste pada posting blog

Assalaamualaikum.

Tujuan pembuatan anti copy-paste (anti copast) ini adalah untuk mencegah orang lain mengcopy-paste artikel yang ada di blog kita.Hal ini dimaksudkan agar kualitas konten yang berupa artikel di blog kita dapat terjaga keasliannya.

Kita sesama blogger tentunya mengetahui bahwa untuk membuat satu artikel saja dibutuhkan waktu yang tidak sebentar,karena kita harus menentukan topik beserta judul,merangkai kata agar bisa diterima pembaca luas,apalagi jika artikel yang kita buat tersebut berkaitan dengan tutorial,belum lagi untuk optimasi SEO dan lain sebagainya.

Memang ada banyak penulis blog yang mengizinkan artikelnya untuk di copy-paste blog lain dengan syarat mencantumkan link sumber jika sudah di copy-paste mencapai 100%,namun banyak juga yang tidak mengizinkannya karena pada kenyataannya masih ada blog yang mengcopy paste artikel  tanpa mencantumkan link sumber,ini tentunya hal yang merugikan bukan?

Bagi anda yang tidak mengizinkan artikel di blog anda di copy-paste,maka sebaiknya anda berusaha agar artikel anda tidak di copy-paste oleh orang lain diantaranya adalah dengan cara membuat anti copy-paste pada posting blog.Dengan membuat anti copy-paste pada posting blog maka memungkinkan anda untuk menentukan bagian-bagian mana yang boleh di copy paste bahkan keseluruhan artikel.

Memang dengan memasang anti copy-paste pada bagian posting blog terbilang cukup memakan waktu dan membutuhkan kesabaran namun cara ini lebih efektif apalagi jika blog anda memuat artikel tentang tutorial kode-kode.

Berikut cara membuat anti copy-paste pada posting blog

Pertama-tama yang anda harus lakukan adalah memasang script CSS anti copy-paste didalam template blogger,caranya adalah sebagai berikut.

1.Silahkan anda login terlebih dahulu ke blogger.com.

2.Di halaman dashboard blogger silahkan anda klik Template lalu klik Edit HTML.

3.Berikutnya silahkan anda cari kode

]]></b:skin>

Agar lebih mudah dalam mencari kode tersebut,silahkan anda gunakan CTRL+F apabila anda menggunakan komputer.

4.Berikutnya silahkan anda masukkan kode CSS berikut ini diatas kode ]]></b:skin> tersebut.

.do-not-copy {

  -webkit-user-select:none;

  -khtml-user-select:none;

  -moz-user-select:none;

  -ms-user-select:none;

  user-select:none;

}

5.Berikutnya silahkan anda klik save atau simpan untuk menyimpan perubahan.

Cara menggunakan  Anti copy-paste pada posting blog

Berikutnya adalah menggunakan anti copy-paste pada posting blog dengan memasukkan kode perintah pada mode HTML,berikut caranya.

1.Silahkan anda klik Post lalu klik Edit pada posting/artikel yang anda ingin rubah agar tidak bisa di copy-paste,seperti contoh berikut ini.

2.Di halaman penulisan posting blog,silahkan anda rubah mode penulisan dari compose menjadi HTML,seperti contoh gambar dibawah ini.

3.Di mode penulisan HTML,silahkan anda tentukan bagian-bagian dari posting agar tidak dapat di copy paste dengan menyisipkan kode perintah seperti contoh berikut ini.

<span class="do-not-copy">
isi konten (teks posting anda)
</span>

Keterangan:

• Teks yang saya beri warna hijau adalah kode tag span pembuka agar konten yang ada didalamnya tidak dapat di copy.
• Teks yang saya beri warna biru adalah konten atau teks postingan anda.
• Teks yang berwarna kuning adalah tag span penutup,dimana fungsinya adalah sebagai penutup dari tag span pembuka,jika tidak ada tag span penutup ini maka kode tidak akan bekerja.

4.Jika sudah selesai? silahkan anda klik perbarui atau publikasikan jika anda memang sedang menulis postingan baru.

Silahkan anda kunjungi posting/artikel tersebut di blog,lalu anda lakukan uji coba dengan cara men-drag teks pada artikel tersebut,maka teks tidak akan bisa di drag oleh mouse.

Demikianlah cara membuat anti copy-paste pada posting blog,semoga bermanfaat dan terimakasih telah berkunjung.

Assalamualaikum.

Selengkapnya ➢

Cara memasang ShareThis button di posting blogger

Assalamualaikum.

Beberapa saat yang lalu saya sudah share cara membuat share button radiculously responsive dibawah postingan blog.Di kesempatan kali ini saya akan share cara membuat share button dari situs sharethis yang memiliki style yang berbeda dari share button lainnya.

Fungsi dari pemasangan sharethis button ini ialah untuk menggantikan fungsi share buton bawaan blogger,karena share button bawaan blogger dinilai memiliki beberapa kekurangan dari segi style dan fungsi.

Untuk mendapatkan sharethis button secara aman ialah dengan mengunjungi situsnya terlebih dahulu untuk mendapatkan kode,lalu kode tersebut di masukkan kedalam template blogger.

Bagi anda yang ingin sekali memasang sharethis button di blog anda namun belum mengerti caranya,berikut langkah-langkahnya.

A.Cara mendapatkan kode sharethis button

1.Silahkan anda kunjungi situs www.sharethis.com,lalu lakukanlah registrasi,agar lebih cepat anda dapat menggunakan akun facebook dan google plus untuk masuk.

2.Dihalaman homepage sharethis.com,silahkan anda klik Get Tools,seperti contoh gambar dibawah ini.

3.Berikutnya anda akan diminta untuk memilih platform yang di gunakan,karena platform blogger disitu tidak ada maka silahkan anda pilih dan klik www (website),seperti contoh gambar dibawah ini.

4..Berikutnya  akan muncul style share button yang sudah tersedia,silahkan anda pilih yang kira-kira anda sukai seperti contoh gambar dibawah ini.

5.Berikutnya silahkan anda lakukan kostumisasi share button yang akan anda gunakan,seperti contoh gambar dibawah ini.

Coba anda perhatikan gambar diatas,di halaman tersebut ada beberapa opsi yang cukup menarik,diantaranya adalah:

• Selected Service,memungkinkan kita memilih dan menghapus layanan share button ke media sosial yang akan kita gunakan,kita dapat menggantinya sesuai dengan selera kita.
• Sharing button,adalah layanan share button ke media sosial yang sudah disediakan oleh pihak sharethis,kita dapat memilih dan memindahkannya ke Selected Service.
• Button Size,adalah ukuran dari share button yang akan kita gunakan,disana terdapat 2 size yaitu 16x16 (kecil) dan 32x32(besar).

6.Jika anda telah selesai mengedit?  berikutnya silahkan anda klik Get Code.

7.Nanti akan muncul kode seperi contoh gambar dibawah ini.

Coba anda perhatikan gambar diatas.

• Untuk nomor 1,silahkan anda pilih website tipe,http atau https,karena pada umumnya blogger menggunakan http,maka pilihlah yang http.
• Untuk Nomor 2,adalah kode HTML yang berfungsi sebagai pemanggil script yang dapat dipasang dibagian blog seperti bagian posting dan sidebar.
• Untuk Nomor 3,adalah kode script yang biasanya dipasang dibagian atas kode </head> pada template blogger.

B.Cara memasang ShareThis button di blogger

1.Silahkan buka tab baru pada browser,lalu login ke blogger.com seperti biasa.

2.Berikutnya silahkan anda klik Template > Edit HTML.

3.Seperti yang kita ketahui bahwa kode yang kita dapat di situs sharethis adalah seperti contoh gambar dibawah ini (harap perhatikan baik-baik!).

4.Silahkan anda masukkan kode nomor 3 diatas kode

</head>

5.Lalu masukkan kode nomor 2 dibawah kode

<div class='post-footer-line post-footer-line-1'>

atau

<div class='post-footer-line post-footer-line-2'>

atau

<data:post.body/>

(jika anda ingin meletakkan share button dibawah posting).
Jika anda ingin meletakkan share button diatas posting blog,maka silahkan anda letakkan kode tersebut dibawah kode

<div class='post-header'>

atau dibawah kode

<div class='post-header-line-1'/>

.

6.Berikutnya silahkan anda klik Save untuk menyimpan perubahan.

Silahkan anda kinjungi blog anda,maka sharethis button telah muncul di halaman posting blog anda.

Bagaimana? Cukup mudah bukan?

Demikianlah cara memasang sharethis button di posting blogger,semoga mudah anda fahami dan bermanfaat.

Terimakasih telah berkunjung.

Assalamualaikum.

Selengkapnya ➢

Cara menyimpan file berbentuk .js dengan notepad

Assalamualaikum.

Jika anda sering memodifikasi template blogger,tentunya anda sudah familiar dengan file jquery yang berbentuk .js.Karena dengan file ini dapat mempermudah seseorang dalam membuat template blog dengan tampilan yang lumayan dinamis.

Cara menggunakan file .js ini biasanya di upload terlebih dahulu ke sebuah hosting yang mempublikasikan file secara online,sehingga pekerjaan menjadi lebih ringan dan cepat.

Didalam file .js terdapat kode yang berisikan kode javascript yang tidak semua orang bisa untuk membuatnya.

Karena ditutorial ini saya tidak menjelaskan cara membuat file .js melainkan disini saya hanya akan menjelaskan cara menyimpan file ,js  dengan bantuan aplikasi notepad pada windows.

Berikut cara menyimpan file berbentuk .js dengan bantuan notepad

1.Pertama-tama silahkan anda buka aplikasi notepad.

2.Berikutnya silahkan anda tulis teks dengan bahasa javascript,seperti contoh gambar dibawah ini.

3.Jika anda sudah selesai membuat teks javascript,berikutnya silahkan anda simpan file tersebut dalam bentuk .js,caranya silahkan anda klik file lalu klik save as,seperti contoh gambar dibawah ini.

4.Berikutnya akan muncul opsi penyimpanan.

• Untuk file name : Silahkan anda isi dengan nama yang anda inginkan,jangan lupa di akhir teks anda tambahkan teks .js,Misalnya anda ingin menulis mycode maka harus diakhiri dengan .js sehingga hasilnya menjadi mycode.js. 
• Untuk Save As type : Silahkan anda pilih All files.

Contoh seperti gambar dibawah ini.

5.Jika sudah? Silahkan anda klik save.

File .js Siap diupload ke hosting untuk digunakan.

Bagaimana? cukup sederhana bukan?

Demikianlah cara menyimpan file dalam bentuk /js dengan bantuan notepada pada windows.

Semoga bermanfaat dan terimakasih telah berkunjung.

Assalaamualaikum.

Selengkapnya ➢