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 menghilangkan navbar di blog

Assalamualaikum.

Navbar pada blogger (blogspot) terletak dibagian paling atas halaman blog,dimana navbar ini sebenarnya dibuat untuk mempermudah pengguna blogger dalam urusan blogging.namun sayangnya tampilan navbar ini dirasa kurang bagus sehingga banyak pengguna blogger,termasuk saya menghilangkan navbar tersebut.

Untuk mengganti keberadaan navbar tersebut,banyak pengguna blogger yang akhirnya mengganti navbar tersebut dengan menu navigasi,widget yang tampilan dan fungsinya cukup menarik,sehingga tampilan blog lebih terlihat professional.

Jika anda benar-benar ingin menghilangkan navbar tersebut,maka di kesempatan kali ini saya akan share caranya dengan beberapa metode,mulai dari penonaktifan navbar sampai penghapusan navbar tersebut secara permanen.

A.MENONAKTIFKAN NAVBAR

Jika anda ingin navbar tetap ada namun tidak muncul di halaman blog,sebaiknya anda menonaktifkan fungsi navbar,caranya adalah sebagai berikut.

1,Di halaman dashboard blogger.com.silahkan anda klik Tata Letak (jika anda memakai blogger versi bahasa indonesia).

2.Di halaman tata letak,silahkan anda klik edit pada bagian navbar,seperti contoh gambar dibawah ini.

3.Nanti akan muncul tab kecil untuk konfigurasi warna navbar,silahkan anda pilih off lalu klik simpan,seperti contoh gambar dibawah ini.

4.Berikutnya silahkan anda kunjungi blog anda,maka navbar sudah menghilang.

B.MENGHAPUS NAVBAR

Jika anda ingin benar-benar menghilangkan navbar dengan cara menghapusnya,maka anda harus menghapusnya didalam template blog,caranya adalah sebagai berikut.

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

2.Berikutnya silahkan anda cari kode seperti berikut ini.

<b:section class='navbar' id='navbar' maxwidgets='1' name='Navbar' showaddelement='no'>
    <b:widget id='Navbar1' locked='true' title='Navbar' type='Navbar'>
      <b:includable id='main'>&lt;script type=&quot;text/javascript&quot;&gt;
    function setAttributeOnload(object, attribute, val) {
      if(window.addEventListener) {
        window.addEventListener(&#39;load&#39;,
          function(){ object[attribute] = val; }, false);
      } else {
        window.attachEvent(&#39;onload&#39;, function(){ object[attribute] = val; });
      }
    }
  &lt;/script&gt;
&lt;div id=&quot;navbar-iframe-container&quot;&gt;&lt;/div&gt;
&lt;script type=&quot;text/javascript&quot; src=&quot;https://apis.google.com/js/plusone.js&quot;&gt;&lt;/script&gt;
&lt;script type=&quot;text/javascript&quot;&gt;
        gapi.load(&quot;gapi.iframes:gapi.iframes.style.bubble&quot;, function() {
          if (gapi.iframes &amp;&amp; gapi.iframes.getContext) {
            gapi.iframes.getContext().openChild({
                url: &#39;https://www.blogger.com/navbar.g?targetBlogID\0752531931455330875258\46blogName\75inisiteku1\46publishMode\75PUBLISH_MODE_BLOGSPOT\46navbarType\75LIGHT\46layoutType\75LAYOUTS\46searchRoot\75http://inisiteku1.blogspot.com/search\46blogLocale\75in\46v\0752\46homepageUrl\75http://inisiteku1.blogspot.com/\46vt\75-989763482000475803&#39;,
                where: document.getElementById(&quot;navbar-iframe-container&quot;),
                id: &quot;navbar-iframe&quot;
            });
          }
        });
      &lt;/script&gt;&lt;script type=&quot;text/javascript&quot;&gt;
(function() {
var script = document.createElement(&#39;script&#39;);
script.type = &#39;text/javascript&#39;;
script.src = &#39;//pagead2.googlesyndication.com/pagead/js/google_top_exp.js&#39;;
var head = document.getElementsByTagName(&#39;head&#39;)[0];
if (head) {
head.appendChild(script);
}})();
&lt;/script&gt;
</b:includable>
    </b:widget>
  </b:section>

3.Silahkan anda hapus kode tersebut,lalu klik simpan untuk menyimpan perubahan.
4.Silahkan anda kunjungi blog anda maka navbar di halaman blog anda telah menghilang.

Demikianlah cara menghilangkan navbar di blog,semoga mudah difahami dan semoga bermanfaat.
Terimakasih telah berkunjung.
Assalamualaikum.

Selengkapnya ➢

Cara menghilangkan See More At saat copy paste

Assalamualaikum.
Posting ini saya share bagi anda yang senang menulis tutorial dan berbagi ilmu mengenai blogging dan kode-kode yang dapat di copy-paste oleh orang lain.
Jika anda,menemukan tulisan See More At saat copy-paste di bagian text area postingan anda padahal sebelumnya tidak muncul hal demikian,mungkin anda harus mengecek kembali template anda.
Biasanya tulisan See More At ini muncul karena anda memasang widget share button dari share this,yang biasanya berbentuk script yang harus dipasang di bagian atas kode </head> dan kode HTML yang harus anda pasang di bagian post footer pada template blog.Untuk cara memasang sharethis button di posting blogger,anda bisa baca tutorialnya disini.
Lalu bagaimanakah cara menghilangkan tulisan See more At di blog yang anda miliki?
Sebelum anda menghilangkan tulisan tersebut,ada baiknya anda mengetahui fungsinya terlebih dahulu,karena ini akan menjadi pertimbangan bagi anda sendiri.Tulisan See More At ini berfungsi untuk mengantisipasi copy-paste artikel di blog,karena jika ada seseorang yang mengcopy artikel anda maka hasil copy paste biasanya akan disertai tulisan See More At http://link URL postingan anda.
Jika anda senang menulis hal-hal yang berhubungan dengan kode-kode dan blogging,mungkin anda akan merasa sedikit terganggu karena anda tentunya ingin berbagi konten berupa kode-kode secara utuh.Jika di blog anda sudah terpasang widget share button dari share this,lantas anda ingin menghilangkan tulisan See More At tanpa menghapus share button maka berikut caranya.

Cara menghilangkan See More At saat copy paste
1.Silahkan anda login ke blogger.com seperti biasa.
2.Berikutnya anda klik Template > Edit HTML.
3.Berikutnya anda cari kode seperti berikut ini.

<script type="text/javascript">stLight.options({publisher: "hnnmxxxxxx3m34mm", doNotHash: false, doNotCopy: false, hashAddressBar: false});</script>

4.Berikutnya silahkan anda ganti kode tersebut dengan kode berikut ini.

<script type='text/javascript'>stLight.options({onhover:false , doNotHash: true, doNotCopy: true, hashAddressBar: false});</script>

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

Silahkan anda kunjungi blog anda dan lakukan copy paste salah satu artikel di blog anda maka tulisan See At More akan menghilang.
Demikianlah cara menghilangkan See At More At saat copy-paste di blog anda.
Semoga bermanfaat,terimakasih telah berkunjung.
Assalamualaikum.

Selengkapnya ➢

Cara mengadukan artikel yang dicuri ke DMCA

Assalamualaikum.
Salah satu cara untuk menaikkan jumlah pengunjung di blog adalah dengan membuat artikel-artikel yang menarik dan bermanfaat.Semakin banyak artikel menarik yang ada di blog maka semakin banyak pula pengunjung akan berdatangan,
Namun,untuk membuat satu artikel di blog itu tidaklah semudah saat kita membacanya,karena untuk membuat satu artikel saja dibutuhkan kesabaran dan ketelitian didalam menulis apalagi jika konten artikel yang sedang di tulis tersebut berkenaan dengan tutorial yang berisi kode dan script,jika salah dalam penulisan kode maka akan berkibat kepercayaan pada blog tersebut menurun.
Tidak hanya itu,untuk membuat satu artikel di blog juga membutuhkan waktu yang bervariasi,semakin rumit artikel yang ditulis maka semakin lama waktu yang dibutuhkan,belum lagi dari segi biaya dan lain sebagainya.
Lantas bagaimana jika artikel yang sudah susah payah kita terbitkan di blog malah di copy paste atau dicuri oleh orang lain di blog mereka?Bagaimanakah perasaan kita?
Ini merupakan suatu hal yang merugikan,karena trafik blog juga bisa ikut anjlok,apalagi jika blog yang mengcopy paste tersebut memiliki SEO yang tinggi.
Okelah satu artikel kita dicopy paste orang lain 50%  masih bisa di tolerir,namun jika sudah dicopy sampai 100% tanpa mencantumkan sumber? Mungkin kita lama-kelamaan akan merasa jengkel kesal dan menjadi pikiran tersendiri.Lantas apa tindakan kita?
Tindakan kita yang pertama ialah memberi peringatan halus kepada blog yang telah mengcopy paste 100% artikel kita,agar mencantumkan link sumber atau merubahnya sedikit bahkan menghapusnya.Namun,jika peringatan kita sudah tidak diindahkan,maka silahkan laporkan blog tersebut ke DMCA untuk segera ditindak lanjuti berdasarkan peraturan dari DMCA.Biasanya sanksi yang diberikan kepada blog copy paste yaitu penghapusan halaman artikel hasil dari copy paste.
Bagaimanakah cara mengadukan atau melaporkan konten artikel kita yang dicuri orang lain kepada DMCA?
Bagi anda yang belum tau caranya atau bahkan kesulitan,maka di kesempatan ini saya akan share caranya,disini saya akan menggunakan google versi bahasa indonesia.

CARA MENGADUKAN ARTIKEL YANG DICURI KE DMCA
1.Pertama-tama anda kunjungi DMCA NOTICE.
2.Di halaman DMCA NOTICE,silahkan anda isi form yang telah disediakan,contoh form nya adalah seperti gambar dibawah ini (klik gambar untuk memperbesar).

Keterangan:

• Nama depan,silahkan anda isi dengan nama depan anda.
• Nama belakang,silahkan anda isi dengan nama belakang anda.
• Nama perusahaan,silahkan anda isi dengan nama blog anda.
• Pemegang hak cipta yang anda wakili,silahkan pilih Diri sendiri.
• Alamat Email,silahkan anda masukkan alamat email anda yang masih aktif untuk notifikasi.
• Negara/kawasan,karena kita berada di Indonesia maka silahkan anda pilih Indonesia.
• Pada kolom Identifikasi dan uraikan karya berhak cipta,silahkan anda isi dengan laporan anda (bebas),misalnya : konten artikel saya telah di terbitkan tanpa izin dari blog saya.
• Pada kolom Di manakah kami bisa melihat contoh karya yang sah tersebut?,silahkan anda isi dengan URL artikel di blog anda yang telah dicopast atau dicuri (lokasi artikel anda).
• Pada kolom Lokasi materi yang melanggar,silahkan anda isi dengan URL artikel blog yang mencuri atau telah mengcopy paste artikel anda (lokasi artikel yang di copast atau dicuri).
• Silahkan anda tandai/ceck semua pernyataan tersumpah.
• Pada kolom tanggal silahkan anda isi dengan tanggal sekarang dengan format bulan/tanggal/tahun.
• Pada kolom tanda tangan,silahkan anda isi dengan nama lengkap.
• Jangan lupa,isi captcha atau tandai ceck pada captcha untuk memastikan anda bukan robot.

3.Jika sudah selesai mengisi formulir,silahkan anda klik kirim.

Perlu diketahui,bahwa saat kita telah berhasil mengirimkan laporan ke DMCA,laporan tersebut tidak langsung di approve,DMCA harus memastikan terlebih dahulu bahwa artikel tersebut benar-benar dicuri atau tidak,jika terbukti maka akan diambil tindakan,jadi kita harus bersabar.
Demikianlah cara mengadukan atau melaporkan artikel yang dicuri orang lain ke DMCA,semoga bermanfaat dan mengobati hati anda yang sedang dirundung rasa jengkel.
Terimakasih telah berkunjung.
Assalamulaikum.

Selengkapnya ➢

Memperbaiki facebook share button yang bermasalah

Assalamualaikum.
Bagi sebagian besar pengguna blogger tentunya sering kali sharing artikel ke berbagai sosial media facebook dengan tujuan menambah jumlah pengunjung dari facebook dengan menggunakan tombol share berbagi yang di pasang di blog.
Untuk setiap artikel yang di share ke facebook biasanya akan menyertakan gambar snippet beserta deskripsi,sehingga begitu tampil di facebook maka akan muncul gambar beserta deskripsi dari artikel yang di share.
Namun bagaimana jika gambar beserta deskripsi artikel tersebut hilang atau tidak muncul? ini tentunya akan menjadi masalah bagi anda yang biasa teliti dalam urusan blogging.
Yang menjadi pertanyaan,mengapa gambar dan deskripsi bisa menghilang saat di share ke facebook padahal sebelum hal tersebut tidak pernah terjadi?Hal tersebut terjadi kerena facebook gagal mencari informasi meta tag snippet gambar yang ada di artikel blog.
Untuk itu dikesempatan kali ini saya akan share cara memperbaiki hal tersebut.

MEMPERBAIKI FACEBOOK SHARE BUTON YANG BERMASALAH
1.Pertama-tama anda copy terlebih dahulu URL artikel yang bermasalah saat di share ke facebook,contoh seperti gambar dibawah ini.

2.Jika sudah,silahkan anda buka tab baru pada browser dan kunjungi facebook debugger.
3,Silahkan anda paste URL artikel yang sudah anda copy pada input box yang telah disediakan,seperti contoh gambar dibawah ini.

4.Berikutnya silahkan anda klik debug.

Silahkan anda kunjungi artikel di blog anda,lakukanlah share artikel ke facebook dengan facebook share button seperti biasa,maka gambar dan deskripsi artikel akan segera muncul dan tampil seperti biasanya.
Demikianlah caranya,cukup sederhana bukan?
Terimakasih telah berkunjung dan semoga bermanfaat.
Assalamualaikum.

Selengkapnya ➢

Membuat back to top di blogger tanpa jquery

Assalamualaikum.
Tombol Back to top biasanya digunakan untuk mempermudah pengunjung dalam membaca artikel dari sebuah blog.Dengan tombol back to top memungkinkan pengunjung kembali ke halaman atas hanya dengan sekali klik.
Metode pemasangan tombol back to top ini terbagi 2 diantaranya adalah dengan menggunakan jquery dan tanpa jquery.Perbedaannya adalah jika kita menggunakan jquery maka loading blog akan terasa berat namun tampilannya bagus,sedangkan tanpa jquery maka loading tidak akan seberat jika kita memakai jquery namun hasil tampilannya sangat sederhana.
Karena terbatasnya waktu,maka disini saya akan share cara membuat tombol back to top tanpa jquery terlebih dahulu,sedangkan cara membuat back top dengan jquery akan saya share di posting berikutnya insyaallah jika ada waktu,kesempatan dan umur.

CARA MEMBUAT BACK TO TOP DI BLOGGER TANPA JQUERY
1.Pertama-tama silahkan anda masuk atau login seperti biasa ke blogger.com.
2.Berikutnya silahkan anda klik Template > Edit HTML.
3.Berikutnya anda cari kode </body> (silahkan gunakan CTRL+F jika anda menggunakan komputer).
4.Berikutnya silahkan anda masukkan kode HTML berikut ini tepat diatasnya.

<span class='back-to-top'><a href='#'> &#8593; </a></span>
<span class='back-to-top-a'><a href='http://www.inisiteku.com/'>inisiteku</a></span>
<style>

Tambahan:

• Teks yang saya beri warna merah,silahkan anda ganti dengan URL blog anda.
• Teks yang saya beri warna biru silahkan anda ganti dengan judul blog anda atau sesuai dengan selera anda.

5.Berikutnya anda masukkan kode CSS berikut ini tepat dibawah kode HTML yang saya berikan pada langkah nomor 4.

.back-to-top{position:fixed;bottom:20px;right:10px;z-index:9999999}
.back-to-top-a{font-size:10px;z-index:9999999;opacity:.2;position:fixed;bottom:0}
.back-to-top a{font-size:16px;background-color:#45818e;color:#FFF;-webkit-transition:all .3s ease;-moz-transition:all .3s ease;transition:all .3s ease;padding:12px 18px 20px;text-decoration:none}
.back-to-top a:hover{background-color:#283C48;text-decoration:none}

6.Berikutnya silahkan anda masukkan kode HTML penutup berikut ini tepat dibawah kode CSS yang saya berikan pada langkah nomor 5.

</style>

7.Terakhir silahkan anda klik save atau simpan untuk menyimpan perubahan.

Silahkan kunjungi blog anda,maka tombol back to top akan muncul di halaman blog anda.
Bagaimana? cukup mudah bukan?
Demikianlah cara membuat tombol back to top di blogger tanpa jquery,semoga bermanfaat dan terimakasih atas kunjungan anda.
Assalamualaikum.

Selengkapnya ➢

Cara memasang badges profile facebook di blogger

Assalamualaikum.
Bagi anda yang sebagian menggunakan blog di blogger.com,tentunya anda ingin sekali mendapatkan banyak teman yang berasal dari pengunjung blog anda yang juga sama-sama menyukai dibidang apa yang anda posting.Jika anda ingin mendapatkan banyak teman dari pengunjung blog yang anda miliki maka ada baiknya anda memasang badges profil akun media sosial yang anda miliki.
Selain dapat menambah teman,pemasangan badges profil sosial media ini juga bermanfaat untuk mempercantik blog dan juga sebagai identitas anda sebagai penulis itu kelihatan.
Untuk saat ini anda tentunya tahu bahwa perkembangan media sosial saat ini semakin pesat,namun dari sekian banyak media sosial yang sering digunakan oleh banyak orang ternyata facebook masih menjadi media sosial yang paling banyak digunakan karena mempunyai banyak sekali kelebihan dibandingkan media sosial lainnya.Maka dikesempatan kali ini saya akan share cara memasang badges profile facebook di blogger,com (blogspot).

CARA MEMASANG BADGES PROFILE FACEBOOK DI BLOGGER (BLOGSPOT)
1.Pertama-tama yang anda harus lakukan adalah login ke akun facebook yang anda miliki lalu kunjungi halaman profile anda.
2.Di halaman profile,silahkan anda klik add a badges to your site,yang letaknya di sebelah tombol view activy log.Contoh seperti gambar dibawah ini.

3.Anda akan dibawa menuju halaman badges profile  facebook yang anda miliki,silahkan anda edit layout beserta informasi badges profile facebook tersebut (jika diperlukan).Berikutnya silahkan anda klik other,seperti contoh gambar dibawah ini.

4.Berikutnya silahkan anda copy kode HTML yang muncul dibawahnya,seperti contoh gambar dibawah ini.

5.Berikutnya kita akan memasang badges tersebut di blog,silahkan buka tab baru pada browser lalu masuk ke akun blogger anda masing-masing.

6.Di halaman dashboard blogger,silahkan anda klik Tata letak > Add gadget pada bagian sidebar,seperti contoh gambar dibawah ini.

7.Berikutnya akan muncul banyak gadget,silahkan anda pilih atau klik HTML&JavaScript,seperti contoh gambar dibawah ini.

8.Nanti akan muncul form input kode,silahkan anda paste kode badges profile yang anda copy dari facebook,seperti contoh gambar dibawah ini.

9.Terakhir,silahkan anda klik save untuk menyimpan perubahan.

Silahkan nada kunjungi blog anda maka badges profile facebook anda kini telah muncul di blog anda.
Demikianlah cara memasang badges profile facebook di blogger,untuk pemasangan badges profile sosial media lainnya akan saya share insyaallah jika masih ada waktu dan kesempatan.
Termiakasih telah berkunjung dan semoga bermanfaat.
Assalamualaikum.

Selengkapnya ➢

Cara Membuat Teks Berjalan (Marquee)

Assalamualaikum.
Teks berjalan atau yang lebih dikenal lagi dengan sebutan marquee adalah sebuah efek yang digunakan agar teks atau tulisan menjadi berjalan.Jika anda sering berkunjung ke berbagai blog,maka anda pasti pernah melihat marquee ini diletakkan di bagian antara header dan posting blog.
Apakah anda ingin mencobanya?
Baiklah,jika anda ingin mencobanya, maka di kesempatan kali ini saya akan share caranya.
Untuk membuat sebuah efek marquee,kita membutuhkan  kode HTML agar efek marquee ini bekerja dengan baik.

KODE DASAR TEKS BERJALAN (MARQUEE)
Sebelum kita melangkah ke berbagai variasi efek marquee,tentunya kita harus mengenal kode dasar HTML untuk efek marquee.
Kode dasarnya adalah seperti berikut ini:

<marquee>GANTI DENGAN TEKS YANG ANDA SUKA</marquee>

Maka hasilnya adalah sebagai berikut:
GANTI DENGAN TEKS YANG ANDA SUKA

KODE TEKS BERJALAN (MARQUE) MEMANTUL KEKANAN DAN KEKIRI
Jika anda telah memahami kode dasar teks berjalan (marquee) maka kita dapat memvariasikan kode tersebut,diantaranya adalah dengan membuat marquee memantul,sehingga marquee akan tampak memantul ke kanan dan kekiri.Untuk menambahkan efek memantul ini,maka kita perlu menambahkan kode behavior="alternate" .
Kode marquee dengan efek memantul dari ujung ke ujung (alternate):

<marquee behavior="alternate">GANTI DENGAN TEKS YANG ANDA SUKA</marquee>

Maka hasilnya adalah sebagai berikut:
GANTI DENGAN TEKS YANG ANDA SUKA
Anda juga dapat memvariasikan efek marquee memantul ini agar berhenti saat tersentuh kursor,caranya adalah menambahkan kode behavior="alternate" dan kode onmouseover="this.stop()" onmouseout="this.start()" .
Kode marquee dengan efek memantul dari ujung ke ujung (alternate)dan berhenti saat disentuh kursor:

<marquee behavior="alternate" onmouseover="this.stop()" onmouseout="this.start()">GANTI DENGAN TEKS YANG ANDA SUKA</marquee>

Maka hasilnya adalah sebagai berikut:
GANTI DENGAN TEKS YANG ANDA SUKA

KODE TEKS BERJALAN (MARQUEE) DARI KIRI KE KANAN
Anda juga dapat melakukan variasi marquee yaitu marquee bergerak dari kiri kekanan tentunya dengan menambahkan  kode direction="right" .
Kode marquee dengan efek bergerak dari kiri ke kanan:

<marquee direction="right">GANTI DENGAN TEKS YANG ANDA SUKA</marquee>

Maka hasilnya adalah sebagai berikut:
GANTI DENGAN TEKS YANG ANDA SUKA

KODE TEKS BERJALAN (MARQUEE) DENGAN TITLE
Memungkinkan anda untuk menambahkan title (judul ) pada marquee.Saat marquee tersentuh oleh kursor maka akan muncul title,tentunya dengan menambahkan kode title="judul dari marquee".
Kode marquee dengan title:

<marquee title="MASUKKAN TITLE NYA DISINI">GANTI DENGAN TEKS YANG ANDA SUKA</marquee>

Maka hasilnya adalah sebagai berikut:
GANTI DENGAN TEKS YANG ANDA SUKA

KODE TEKS BERJALAN (MARQUEE) DENGAN LEBAR YANG DAPAT DIATUR
Anda juga dapat mengatur lebar (width) efek marquee dengan menambahkan nilai persen,semakin besar nilai persen yang anda gunakan maka efek marquee akan semakin lebar.Disini saya akan menggunakan dengan nilai 70% maka kita perlu memasukkan kode width="70%" dan anda dapat mengganti nilai 70% sesuai dengan selera anda.
Kode marquee dengan lebar:

<marquee width="70%">GANTI DENGAN TEKS YANG ANDA SUKA</marquee>

Maka hasilnya adalah sebagai berikut:
GANTI DENGAN TEKS YANG ANDA SUKA

KODE TEKS BERJALAN (MARQUEE) DENGAN BACKGROUND BERWARNA
Anda juga dapat memberikan warna pada background marquee yang akan anda buat.Untuk kode warna dapat anda cari disini.  Agar background marquee berwarna maka kita perlu menambahkan kode bgcolor="#fb6a46",dimana kode  #fb6a46 adalah kode warna dan anda dapat menggantinya dengan kode warna yang anda inginkan.
Kode marquee dengan background berwarna:

<marquee bgcolor="#FB6A46">GANTI DENGAN TEKS YANG ANDA SUKA</marquee>

Maka hasilnya adalah sebagai berikut:
GANTI DENGAN TEKS YANG ANDA SUKA

KODE TEKS BERJALAN (MARQUEE) DENGAN SPEED YANG DAPAT DIATUR
Anda juga dapat mengatur cepat-lambatnya marquee dengan cara menambahkan kode scrollamount="15" .Angka 15 adalah kecepatan dari marquee,disini saya akan memasukkan angka 15 dan anda dapat menggantinya sesuai dengan selera anda.
Kode marquee dengan speed:

<marquee scrollamount="15">GANTI DENGAN TEKS YANG ANDA SUKA</marquee>

Maka hasilnya adalah sebagai berikut:
GANTI DENGAN TEKS YANG ANDA SUKA

KODE TEKS BERJALAN (MARQUEE) BERGERAK DARI ATAS KEBAWAH
Anda juga dapat membuat variasi marquee agar marquee bergerak dari atas kebawah.
Kode marquee bergerak dari atas kebawah:

<marquee direction="down">GANTI DENGAN TEKS YANG ANDA SUKA</marquee>

Maka hasilnya adalah sebagai berikut ini:
GANTI DENGAN TEKS YANG ANDA SUKA


KODE TEKS BERJALAN (MARQUEE) DENGAN JEDA WAKTU (DELAY)
Anda juga dapat melakukan variasi marquee dengan menambahkan waktu jeda (delay) beberapa detik dengan menambahkan kode scrolldelay="1000".Angka 1000 adalah nilai  jeda waktu yang berarti 1 detik. Disini saya akan menggunakan delay dengan nilai 1000 dan anda dapat menggantinya dengan nilai yang anda sukai.
Kode marquee dengan delay 1 detik:

<marquee scrolldelay="1000">GANTI DENGAN TEKS YANG ANDA SUKA</marquee>

Maka hasilnya adalah sebagai berikut ini:
GANTI DENGAN TEKS YANG ANDA SUKA

KODE TEKS BERJALAN (MARQUEE) DENGAN LINK
Anda juga dapat menyisipkan link kedalam marquee,sehingga apabila marquee tersebut di klik maka akan mengarah ke URL tujuan.Untuk menambahkan link maka kita perlu memasukkan kode <a href="url link">judul link</a>
Kode marquee dengan link:

<marquee><a href="MASUKKAN LINK URL DISINI">GANTI DENGAN KATA YANG ANDA SUKA</a></marquee>

Maka hasilnya adalah sebagai berikut ini:
GANTI DENGAN TEKS YANG ANDA SUKA

KODE TEKS BERJALAN (MARQUEE) BERGERAK DARI BAWAH KEATAS
Anda juga dapat membuat variasi marquee agar marquee bergerak dari bawah keatas,maka kita perlu menambahkan kode direction="up".
Kode marque bergerak dari bawah keatas:

<marquee direction="up">GANTI DENGAN TEKS YANG ANDA SUKA</marquee>

Maka hasilnya adalah sebagai berikut ini:
GANTI DENGAN TEKS YANG ANDA SUKA


CARA MENGKOMBINASIKAN EFEK MARQUEE
Sebenarnya efek marquee bisa kita kombinasikan sendiri dan bisa banyak sekali.Caranya ialah dengan menggabungkan kode efek marquee yang sudah saya berikan diatas.Jadi susunan kodenya adalah:

<marquee(spasi)kode efek1(spasi)kode efek2>GANTI DENGAN TEKS YANG ANDA SUKA</marquee>

Sebagai contoh,saya akan membuat marquee dari kiri ke kanan dengan speed 15.
Kode agar marque bergerak dari kiri ke kanan adalah direction="right" dan kode marquee dengan speed 15 adalah scrollamount="15".
Maka jika digabungkan kodenya akan seperti ini:

<marquee direction="right" scrollamount="15">GANTI DENGAN TEKS YANG ANDA SUKA</marquee>

Maka hasilnya akan sebagai berikut ini:
GANTI DENGAN TEKS YANG ANDA SUKA

Demikianlah cara membuat teks berjalan (marquee) berikut contoh-contohnya dan cara mengkombinasikannya.
Jika anda blogging menggunakan blogger,maka anda dapat memasang marquee tersebut sesuai dengan selera anda,caranya adalah:
1.Pertama silahkan anda login ke www.blogger.com.
2.Dihalaman dashboard silahkan anda klik tata letak > Add gadget > HTML & Java script.
3.Silahkan anda masukkan kode marquee lalu klik save.
Anda juga dapat menyisipkan marquee di posting blogger pada mode HTML (bukan compose).
Semoga bermanfaat dan terimakasih telah berkunjung.
Assalamualaikum.

Selengkapnya ➢

Menyimpan File Javascript di Yourjavascript.com

Assalamualaikum.
Bagi anda yang sudah terbiasa memodifikasi sebuah template blogger,tentunya anda sudah familiar dengan kata javascript.Ya benar javascript banyak digunakan untuk membuat blog menjadi lebih dinamis dan indah.
Apabila anda sedang memodifikasi sebuah template blogger,suatu saat mungkin anda ingin menyimpan file javascript tersebut secara online untuk berbagai keperluan seperti untuk keperluan pribadi maupun untuk di share kembali kepada publik secara online.
Untuk keperluan penyimpanan file javascript tentunya anda juga membutuhkan tempat penyimpanan online yang berfungsi untuk meng-host file javascript tersebut agar dapat digunakan.
Untuk itu di kesempatan kali ini saya akan share sebuah tempat penyimpanan file javascript online yang cukup terkenal yaitu di www.yourjavascript.com.
Yourjavascript.com adalah sebuah situs yang menyediakan penyimpanan online khusus untuk file javascript secara gratis,selain itu anda juga tidak perlu melakukan registrasi,disini yang anda perlukan adalah sebuah email yang digunakan untuk memberitahuakan alamat link file javascript yang sudah berhasil anda upload.Jika anda kesulitan,maka saya akan share cara menyimpan file di yourjavascript.com.

Berikut cara menyimpan file javascript di yourjavascript..com.
1.Pastikan anda sudah mempunyai file javascript yang berbentuk ".js" yang tersimpan didalam perangkat komputer anda,misal : javascript.js.
2.Silahkan anda buka browser yang anda percayai berikutnya silahkan anda buka situs www.yourjavascript.com.
3.Di halaman situs tersebut,silahkan anda klik Choose File untuk memilih file javascript.js yang sudah anda persiapkan didalam komputer,contoh seperti gambar dibawah ini.

4.Berikutnya silahkan anda masukkan alamat email yang biasa anda gunakan,seperti contoh gambar dibawah ini.

5.Berikutnya silahkan anda klik upload seperti contoh gambar dibawah ini.

6.Jika proses upload telah selesai silahkan anda tunggu selama 5 menit.
7.Setelah 5 menit,silahkan anda buka alamat email yang sudah anda masukkan tadi.
8.Silahkan anda cek inbox didalam email anda,maka anda akan menemukan email baru dari yourjavascript.com yang berisi informasi link file javascript yang sudah berhasil anda upload tadi.

Harap diperhatikan :
Link file javascript yang diberikan oleh pihak yourjavascript harap anda simpan baik-baik,karena jika hilang maka nanti anda akan kesulitan.

Semoga bermanfaat dan terimkaasih telah berkunjung.
Assalamualaikum.

Selengkapnya ➢

Cara Menghapus Blog di Blogger.Com

Assalamualaikum.
Di tutorial kali ini saya akan share cara menghapus blog di blogger,tentunya anda harus mempunyai blog di blogger.com.Cara ini bermanfaat bagi anda yang sangat ingin menghapus blog anda di blogger.com namun belum tau caranya,oke tanpa panjang lebar lagi.

Berikut Cara Menghapus Blog di Blogger.Com
1.Pertama-tama yang anda harus lakukan adalah login ke blogger.com.
2..Silahkan anda backup terlebih dahulu postingan di blog anda (jika diperlukan,jika tidak silahkan lewati langkah ini)
3.Nanti anda akan dibawa menuju halaman dashboard akun blogger anda,di halaman tersebut silahkan anda klik nama blog yang akan anda hapus,seperti contoh gambar dibawah ini.

4.Berikutnya,silahkan anda klik setelan.seperti contoh gambar dibawah ini.

5.Berikutnya anda klik Lainnya,seperti contoh gambar dibawah ini.

6.Berikutnya silahkan anda klik Hapus blog,seperti contoh gambar dibawah ini.

7.Berikutnya akan muncul sebuah pop-up pilihan,silahkan anda klik Hapus Blog ini,seperti contoh gambar dibawah ini.

Selamat ! Kini blog anda sudah terhapus dari blogger.com.
Catatan :

• Blog tidak akan bisa langsung terhapus begitu saja,anda harus menunggu selama 3 bulan barulah blog dapat terhapus permanen secara otomatis.
• Apabila anda berubah fikiran untuk mengaktifkan blog yang anda hapus tersebut,anda dapat melakukannya dengan cara klik urungkan penghapusan sebelum 3 bulan dari masa anda menghapus blog tersebut.

Demikianlah cara menghapus blog di blogger.com,semoga bermanfaat dan terimakasih telah berkunjung.
Assalamualaikum.

Selengkapnya ➢

Membuat Generator Kode Warna Sendiri

Assalamualaikum.
Warna pada sebuah blog merupakan suatu hal yang penting,dimana keberadaannya akan menjadi ciri khas dari sebuah blog selain logo maupun layout.Dengan warna yang menarik dan tidak menyilaukan mata,tentunya akan menjadi nilai tambah tersendiri bagi blog yang kita miliki.
Untuk itu kita perlu melakukan perubahan warna pada blog yang kita miliki,yang tentunya jika kita menggunakan blogger.com sebagai platform untuk blogging kita dapat merubahnya pada pengaturan edit HTML maupun pada pengaturan desainer template.
Bagi anda yang sedang memodifikasi warna sebuah template blogger,tentunya anda memerlukan kode warna yang bisa anda dapatkan baik dari generator kode warna online,maupun aplikasi.
Namun,tahukah anda bahwa ada sebuah generator kode warna online yang dapat dipasang di blogger?
Dengan adanya generator kode warna yang kita pasang di blog,tentunya akan mempermudah diri kita sendiri mencari kode warna yang kita perlukan,selain itu juga dapat lebih menghemat waktu.
Nah,bagaimana cara membuat generator kode warna sendiri di blog?

Berikut cara membuat generator kode warna online di blogger.
1.Pertama-tama yang anda harus lakukan adalah login ke blogger.com.
2.Di halaman dashboard blogger,silahkan anda klik laman,seperti contoh gambar dibawah ini.

3.Di halaman berikutnya silahkan anda klik Laman baru seperti contoh gambar dibawah ini.

4.Di halaman berikutnya,silahkan anda masukkan judul dari laman yang anda buat,misalnya generator kode warna online,seperti contoh gambar dibawah ini.

5.Untuk penulisan input konten,silahkan masuk ke mode penulisan HTML dengan cara klik HTML,seperti contoh gambar dibawah ini.

6.Berikutnya,silahkan anda masukkan kode berikut ini.

<div style="text-align: center;">
</div>
<div style="text-align: center;">
<object classid="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab" height="430" width="400">
<param name="movie" value="http://e-infotainment.com/applications/color-code-
generator/v1/trixcgv1.swf" />

<param name="quality" value="high" />

<param name="bgcolor" value="#cccccc" />

<embed src="http://e-infotainment.com/applications/color-code-generator/v1/trixcgv1.swf"
quality="high" bgcolor="#cccccc"
width="400"
height="430"
name="flash" align="middle" play="true" loop="false" quality="high" type="application/x-shockwave-flash" pluginspage="http://www.macromedia.com/go/getflashplayer">
</embed>
</object></div>

7.Berikutnya silahkan anda klik publikasikan,seperti contoh dibawah ini.

8.Untuk melihat hasilnya,silahkan anda klik lihat,seperti contoh gambar dibawah ini.

9.Kira-kira tampilan generator kode warna yang anda buat akan seperti gambar dibawah ini.

Selamat! kini anda mempunyai sebuah generator kode warna online di blog yang anda miliki.
Kode yang saya berikan pada langkah nomor 6 diatas juga dapat dipasang di area sidebar.

Bagaimana? cukup menarik bukan?
Demikianlah cara membuat generator kode warna online di blogger.
Semoga bermanfaat dan terimakasih telah berkunjung.
Assalamualaikum.

Selengkapnya ➢

App ID facebook untuk blog dan web

Assalamualaikum.
Mungkin bagi pengguna facebook ada yang sudah mengenal dan belum mengenal app ID ini.
App ID facebook ini adalah sebuah kode yang diberikan facebook kepada kita jika ingin membuat suatu aplikasi di facebook.
Apps ID ini diperlukan untuk keperluan semisal membuat share button,comment,like button dan lain sebagainya.
Untuk pendaftarannya sangat mudah dan jangan khawatir karena ini gratis,disini kita hanya perlu sebuah akun personal di facebook dan pastinya sebuah blog atau website.
Manfaat pembuatan app id facebook ini akan sangat terasa sekali apabila kita blogging menggunakan platform dari wordpress self hosting untuk mengaitkan dengan plugin social semisal jetpack dan lain-lain.
Baiklah pada kali ini saya akan share tutorial bagaimana caranya mendapatkan app ID facebook ini.

PERSIAPAN.
1.Akun facebook yang masih aktif,
2.Speed internet yang stabil.
3.Browser kepercayaan masing-masing.

MENDAPATKAN APP ID FACEBOOK.
1.Login seperti biasa ke facebook dengan akun masing-masing.
2.Selanjutnya buka tab baru pada browser,silahkan masuk ke alamat developers.facebook.com/apps
3.Selanjutnya klik add new app seperti contoh gambar dibawah ini. (klik gambar untuk memperbesar)

4.Selanjutnya pada halaman pop-up add a new app,silhkan klik www,seperti contoh gambar dibawah ini.(klik gambar untuk memperbesar)

5.Pada halaman selanjutnya silahkan klik skip and create new app,contoh seperti gambar dibawah ini.(klik gambar untuk memperbesar)

6.Selanjutnya kita akan dibawa ke halaman formulir,silahkan isi formulir dengan contoh isian sebagai berikut.

• display name : masukkan nama aplikasi yang kita inginkan (bebas)
• name space    : masukkan nama aplikasi yang kita inginkan (harus dengan underscore,tidak boleh memakai spasi) contoh : aplikasi_saya.name space berbeda dengan display name,name space ini semacam nick,apabila nanti tidak tersedia untuk nama yang kita inginkan maka silahkan cari nama lain.
• kategori         : silahkan pilih kategori sesuai topik website yang kita miliki ( ini wajib).

Jika sudah diisi silahkan klik create app ID,seperti contoh gambar dibawah ini.(klik gambar untuk memperbesar)

7.Selanjutnya silahkan masukkan kode captca pada box yang telah disediakan lalu klik kirim,contoh seperti gambar dibawah ini.(klik gambar untuk memperbesar)

8.Jika sudah berhasil maka kita akan dibawa ke halaman dashboard app ID yang sudah kita buat tadi,disini kita bisa melihat app ID kita,seperti contoh gambar yang saya lingkari warna merah ini.(klik gambar untuk memperbesar)

9.App scret adalah semacam password rahasia untuk app ID yang kita miliki,karena app secret nya masih default,silahkan ganti dengan app secret baru yang kita inginkan,tapi jangan sampai lupa.

Selamat,anda telah berhasil mendpatkan app ID facebook.
App ID facebook siap digunakan.

Demikianlah caranya,mudah bukan?
Terimakasih telah berkunjung dan semoga bermanfaat.
Assalamualaikum.

Selengkapnya ➢