Ads

Pengertian HTML

Pengertian HTML Jika anda ingin mempelajari bagaimana cara membuat website, langkah pertama adalah...

Menyisipkan Gambar Pada HTML

Baik, kini saya akan memberikan tutorial tentang cara menyisipkan gambar dalam situs anda.Perintah untuk...

Mengubah Warna Text Pada HTML

Mengubah Warna Text pada Tag Body Pada Link yang ada pada HTML, dapat anda lihat...

Membuat Link Pada HTML

Anda melihat bahwa tag tersebut diawali dengan A yang merupakan singkatan dari Anchor, kemudian HREF...

Heading Text

Heading Text Anda juga dapat mengubah ukuran huruf dengan tag heading, yaitu...

Kamis, 28 September 2017

Cara Melindungi Konten Blog

Cara Untuk Melindungi Konten Blog



Jika Anda ingin melindungi konten blog (posting, tulisan) agar tidak bisa di-copy paste (copas) atau dicuri oleh user, maka gunakan kode anti copas dengan cara mematikan fungsi klik kanan mouse (disable right click), juga mematikan fungsi Ctrl+C, disable select text, bahkan bisa disable Ctrl+P.

Berikut ini beberapa kode yang bisa dipasang di template blog untuk melindungi tulisan posting Anda dari Tukang Copas. Namun, untuk User yang Paham IT dan/atau paham soal Javasript tetap masih bisa utak-atik jika ingin menyalin posting blog Anda.

Masih menurut banyak orang, mematikan fungsi klik kanan atau memasang kode anti-copas, akan membuat user emosi dan tidak mau lagi membuka blog kita. Artinya, ada potensi penurunan pengunjung blog Anda.

Tapi, jika Anda merasa ingin melindungi konten blog dari Tukang Copas, apalagi tanpa menyebutkan sumber (link blog Anda), maka ini dia kode-kode untuk mematikan fungsi klik kanan, anti-copas, anti Ctrl+C (Copy), anti Ctrl+P (Print), anti Ctrl+U (View Source Code). Intinya, blog Anda cuma bisa dibaca doang!

1. Untuk Mematikan Fungsi Klik Kanan + Pesan

Kode berikut ini mematikan fungsi klik kanan, sekaligus memunculkan pesan dari Anda sebagai blogger.

1. Klik "Lay Out"
2. Klik "Add Gadget" (posisi widget bebas, di mana saja)
3. Pilih "Javascript/HTML"
4. Copy + Paste kode berikut ini di kotak yang tersedia:

<script> var message="Hayo...! Mau copas ya? Hahahaha!!!";
///////////////////////////////////
function clickIE4(){if (event.button==2){alert(message);return false;}} function clickNS4(e){if (document.layers||document.getElementById&&!document.all){if (e.which==2||e.which==3){alert(message);return false;}}} if (document.layers){document.captureEvents(Event.MOUSEDOWN);document.onmousedown=clickNS4;} else if (document.all&&!document.getElementById){document.onmousedown=clickIE4;} document.oncontextmenu=new Function("alert(message);return false")</script>

5. Save!

Perhatikan huruf berwarna merah yang bisa Anda ganti. Kode ini masih memungkinkan "Select Text" dan Ctrl+C. Artinya, konten blog Anda masih bisa dicopy.

Paling tidak, meski masih bisa di-copas, dengan menggunakan kode di atas, kita bisa ngasih peringatan agar Tukang Copas tadi menyebutkan sumbernya.

2. Untuk Mematikan Klik Kanan

Kode ini mematikan klik kanan, tidak bisa "select text", dan mematikan fungsi Ctrl+C keyboard. Namun, konten blog kita masih bisa dicopy dengan cara Ctrl+P (Print). Di sana Tukang Copas masih bisa "Select Text" and "Copy" tulisan di blog kita.

Ini dia kodenya (Cara memasangnya sama dengan No. 1).

<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

3. Untuk Menyembunyikan Text

Kode berikut ini berfungsi menyembunyikan teks atau isi tulisan saat blog kita di-Ctrl+P oleh user. Ngeblank aja gak ada apa-apa, sehingga tentu gak bisa diselect text dan dicopy.

1. Klik "Template"
2. Klik "Edit HTML"
3. Cari kode </body> (Ada di bagian paling bawah daleman tempate blog)
4. Copy + Paste kode berikut ini di atas kode </body>

<style type="text/css" media="print">
    * { display: none; }
</style>

4. Untuk Perlindungan Total

Nah... kalo kode yang ini "Perlindungan Total" terhadap konten blog Anda. Semua fungsi untuk copy paste tulisan dimatikan, baik klik kanan maupun Ctrl+C, Ctrl+U, dan CTRL+P.

1. Klik "Template"
2. Klik "Edit HTML"
3. Cari kode <body>
4. Ganti kode <body> dengan kode di bawah ini:

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'>

Jika kode keempat ini tidak berfungsi, maka pasang pula kode nomor 3.

5. Untuk Posting/Halaman Tertentu

Jika Anda hanya ingin anti-copas dan disable klik kanan ini diterapkan di posting tertentu atau di halaman statis tertentu, maka caranya:
1. Selesaikan tulisan Anda.
2. Klik mode "HTML"
3. Copas kode berikut ini di atas dan tempatkan di bawah postingan/paling bawah.

<body oncontextmenu='return false;' onkeydown='return false;' onmousedown='return false;'/>
4. Publish!

Demikian berbagai cara dan kode  Kode Anti Copas untuk Blog: Cara Mematikan Fungsi Klik Kanan. Risikonya, pengunjung bisa berkurang karena mereka malas balik lagi, juga fungsi Kotak Pencarian akan mati.

Meskipun masih bisa di-copas juga dengan mematikan Javascript di browser, setidaknya kode anti-copas posting blog ini mempersulit dan meminimalkan "pencurian: konten blog Anda.

Cara Membuat Tombol Share Pada HTML

Tombol Share Untuk Blog


 Hal yang paling menyenangkan bagi pemilik situs atau blog adalah dapat memberikan manfaat untuk pengunjung. Terlebih lagi, banyak pengunjung yang bisa memanfaatkan isi dari situs yang dibuat tersebut.

Namun demikian, untuk membuat blog atau situs dengan pengunjung yang ramai itu perlu usaha yang tekun dan giat. Tidak mungkin sebuah blog bisa ramai pengunjung tanpa usaha apapun dari pemilik situs. Itu ibarat orang yang ingin mendapatkan emas jatuh dari langit...he Namun tenang saja, untuk membuat blog ramai pengunjung sebenarnya mudah koq. Sahabat tinggal mau atau tidak. ITU INTINYA.
Sebagaimana diuraikan di atas, sahabat pasti ingin postingan di blog dilihat banyak orang. Maka salah satu meningkatkan kunjungan blog adalah memberikan pelayanan kepada pengunjung dengan baik. Salah satu bentuk pelayanan kepada pengunjung adalah dengan diberikannya fasilitas untuk sharing. Oleh karenanya, kebutuhan widget sharing buttom sangatlah penting.

Pentingnya Tombol Sharing di Blog

Keberadaan tombol sharing jangan pernah diabaikan. Tombol ini walau terlihat sederhana, namun bisa mendongkrak visitor di blog kita. Bisa sahabat bayangkan, jika salah satu pengunjung blog atau situs kita membaca dan menelaah postingan yang kita buat. Dan, ternyata pengunjung ini tertarik dan bisa mengambil manfaat, dan uniknya pengunjung ini ingin membaginya kepada teman-temannya di sosial media. Maka, keadaan inilah yang musti bisa dimanfaatkan dengan baik.

Kesempatan seorang pengunjung yang ingin berbagi, jika tidak difasilitasi, maka seperti membuang kesempata emas dengan sia-sia. Bayangkan saja, jika satu pengunjung berbagi kepada teman-temannya. Maka berapa banyak orang yang akan memiliki potensi untuk mengunjungi situs kita? Jumlah ini tentunya sebanding dengan jumlah teman yang dimiliki pengunjung kita tadi. LALU, bagaimana jadinya jika yang tertarik kepada postingan kita itu puluhan dan ingin membagi kepada teman-temannya. SUNGGUH, KESEMPATAN EMAS BUKAN?

Oleh karenanya, jangan pernah untuk menyepelekan tombol sharing di situs atau blog sahabat semua. Segera dan jangan ragu-ragu untuk memasangnya di blog atau situs.

Cara Membuat Tombol Share Buttom Sosial Media

Ada banyak bentuk tombol share buttom sosial media. Ada yang bentuknya sederhana, dan ada pula yang bentuknya elegant dan menarik. Mengapa tombol ini elegant? Karena tombol ini sudah banyak dipakai oleh website-website ternama, baik yang berskala nasional ataupun internasional. Jadi jika sahabat memakainya, sudah barang tentu membuat blog sahabat terlihat profesional dan elegant
Langsung saja ya, berikut cara membuat tombol share buttom sosial media yang keren dan cool. Langsung saja praktikkan langkah demi langkah berikut:

1. Silahkan masuk ke situs ADDTHIS.

2. Pilih SHARING BUTTONS.

3. Kemudian, pilihlah bentuk sharing button yang dikehendaki. Disana tersedia Pro dan Free. Artinya ada yang berbayar dan ada pula yang gratisan.

4. Silahkan tekan tombol free atau pro sesuai yang ada.

5. Loginlah dengan google atau facebook sahabat agar cepat.

6. Setelah itu muncul popup, silahkan atur sendiri dan ambillah kodenya dalam GET THE CODE.

7. Setelah sahabat menekan tombol 'get the code,' maka akan muncul costumisasi. Silahkan drag (geser) tombol share yang ingin dipasang sesuai dengan selera sahabat semua.

8. Letakkan kode yang didapat pada HTML/Java Script blog sahabat di layout/tata letak.

9. Ingat, jangan lupa tekan tombol active di bawah kode get the code.

TAMBAHAN

Jika Anda merasa malas untuk mendaftar dan masuk akun ke situs addthis, Anda cukup mengcopy kode di bawah ini dan letakkan pada template blog yang berada sebelum related post.
    <!-- AddThis Button BEGIN -->
    <div class="addthis_toolbox addthis_default_style">
    <a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
    <a class="addthis_button_tweet"></a>
    <a class="addthis_button_google_plusone" g:plusone:size="medium"></a>
    <a class="addthis_counter addthis_pill_style"></a>
    </div>
    <script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
    <script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-5156a09e76c1568f"></script>
    <!-- AddThis Button END -->

Cara di atas terbilang mudah dan cepat. Namun demikian ada kekurangannya. Kekurangan dari cara di atas adalah Anda tidak bisa melihat fitur analisa yang disediakan addthis, seperti jumlah share, traffik dari media sosial, dan sebagainya.

Minggu, 24 September 2017

Cara Menyisipkan Gambar pada HTML

Menyisipkan Gambar

 
Baik, kini saya akan memberikan tutorial tentang cara menyisipkan gambar dalam situs anda.

Perintah untuk menyisipkan gambar dalam file HTML dilakukan menggunakan tag:


<IMG SRC="nama_gambar.gif">


Pada HTML, perlu diketahui bahwa file gambar yang umum digunakan untuk homepage ada tiga jenis. Pertama file gif (Graphics Interchange Format), kemudian file jpg (Joint Photographic Experts Group, terkadang disebut file jpeg) dan yang terakhir file bmp (bitmap). Di antara ketiganya file bmp memiliki kualitas gambar terbaik, namun berukuran relatif besar sehingga akan menambah beban saat meload halaman homepage. Oleh karena itu orang sering menggunakan gambar gif atau jpg. Gambar gif sendiri memiliki satu keunggulan tersendiri, yaitu memungkinkan latar transparan.


Anda juga dapat membuat gambar sebagai link. Caranya dengan menulis seperti contoh berikut:


<A HREF="http://https://www.samehadaku.net/tag/boruto-subtitle-indonesia" target="_blank"><IMG SRC="boruto_uzumaki></A>


Anda dapat melihat hasilnya di bawah ini, silakan coba diklik:





Kini saya akan menjelaskan tentang align, yaitu posisi terhadap teks. Posisi yang umum digunakan adalah "left", "right", "top", "middle", "bottom".



Atribut berikutnya adalah HEIGHT dan WIDTH, yaitu tinggi dan lebar gambar yang akan ditampilkan. Angka yang ditampilkan sebaiknya sesuai dengan ukuran gambar (proporsional) sehingga bentuk gambar yang ditampilkan tidak mengalami distorsi.



Atribut selanjutnya yang akan kita bahas adalah ALT. Harga yang kita isi pada atribut ALT akan memberikan keterangan tentang gambar yang akan ditampilkan. Juga saat gambar tidak dapat ditampilkan (misalkan file gambar yang dipanggil tidak ada), maka tulisan pada ALT tersebut yang akan ditampilkan. Hal ini berguna untuk memberikan informasi kepada pengunjung situs, saat gambar tidak muncul karena satu dan lain hal. 

Atribut terakhir yang akan dibahas di sini adalah HSPACE dan VSPACE. Atribut ini mengatur jarak antara gambar dengan tulisan yang berada di sekitarnya. HSPACE mengatur jarak horizontal antara gambar dan tulisan, sedang VSPACE mengatur jarak vertikal antara gambar dan tulisan.


Karakter Khusus dalam HTML

Karakter Khusus


Berikutnya, saya ingin menginformasikan anda bahwa ada beberapa karakter khusus dalam file HTML. Beberapa yang sering digunakan antara lain:

Sebagai contoh, jika anda ingin menulis spasi seperti, anda harus menggunakan tanda &nbsp; karena spasi biasa dalam file kode HTML akan diabaikan. Dan tanda-tanda karakter khusus tadi harus anda tulis menggunakan huruf kecil, persis seperti tabel di atas.

 

Welcome In Blogger dp-media

Contoh Sliding Login

#

Tutorial Blog

Untuk membuatnya Silahkan : Klik Disini

Member Login

Lost your password?

Not a member yet? Sign Up!