Cara Melindungi Gambar di Blog

www.junioriqfar.com, Cara Melindungi Gambar di Blog. Alhamdulillah saya sudah kembali ke daerah kampus karena sebentar lagi adalah saatnya untuk mengambil KHS (Kartu Hasil Study) dan menyusun KRS (Kartu Rencana Study). Sekarang postingan saya adalah tentang tips blogging. Salah satunya adalah tentang melindungi gambar di blog. Tujuan melindungi gambar adalah untuk menjaga keaslian sumber gambar dan menghindari dari tangan - tangan jail yang ingin merusak keaslian gambar tersebut, kemudian untuk menghindari copy paste gambar atau copas gambar dari orang yang tidak bertanggung jawab Ini adalah cara untuk menghindari copy paste atau copas. Dan untuk mengurangi bandwith dari hosting gambar tersebut. Ini adalah cara untuk membuat file hosting sendiri. Untuk menghindari aksi tukang copas silahkan sobat baca artikel saya di atas. Sekarang lanjut ke artikel Cara Melindungi Gambar di Blog, silahkan sobat ikuti langkah demi langkah.

Cara mencegah klik kanan pada gambar

1. Bila sobat menyisipkan gambar maka akan terdapat kode ini

<img src="URL gambar" />

2. lalu sobat tambahkan kode ini

oncontextmenu="return false;"

sehingga kodenya menjadi seperti ini

<img src="URL gambar" oncontextmenu="return false;" />

3. Ini adalah contoh gambar yang diberi kode diatas

4. Dan ini adalah kode gambar di atas

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht6OGx8Y8l4_TzHCN0nNCsjx01pMCUEHPjhVwDzMkwmgvU-vWSGTBH5VKz-llSx30QQanDFL-sszWvY4tBeEKmdTFaRwOEfWMc83YYNpSvfqVWS2LOedIHkMW41S8iBeXHBRaml5LK6eV-/s400/Android.jpeg" oncontextmenu="return false;">

5. Artikel siap diterbitkan

Cara menampilkan gambar kosong saat disimpan

1. Buat posting baru, kemudian saya ingin memasukkan gambar di atas. Ini adalah kodenya.

<img style="background-image:url('URL gambar');" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />

2. Kode yang berwarna hijau adalah alamat gambarnya, dan untuk keseluruhan kodenya adalah sebagai berikut

<img style="background-image:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEht6OGx8Y8l4_TzHCN0nNCsjx01pMCUEHPjhVwDzMkwmgvU-vWSGTBH5VKz-llSx30QQanDFL-sszWvY4tBeEKmdTFaRwOEfWMc83YYNpSvfqVWS2LOedIHkMW41S8iBeXHBRaml5LK6eV-/s400/Android.jpeg');" src="data:image/gif;base64,R0lGODlhAQABAIAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==" />

3. Artikel siap diterbitkan

Kesimpulan

Kesimpulan dari saya adalah sobat bisa menggunakan kode dari salah satu di atas, karena saya rasa cukup jika menggunakan satlah satu kode di atas. Jika sobat ingin menggunakan semua kode, juga tidak masalah semua ada pada pilihan sobat.

[ Selengkapnya ...]

Membuat Gambar Melayang di Blog

Pada hari ini saya melanjutkan menulis artikel karena saya ingin meneruskan blog saya ini supaya bisa naik trafficnya. Dan pada kesempatan yang berbahagia ini saya ingin meneruskan tutorial blogging karena kemarin - kemarin sudah memposting tentang Games. Games yang saya posting adalah The Sims 3 versi Reloaded beserta cara Patch sampai versi terbaru dan saya menyediakan Patch dari The Sims 3 dan World Adventures. Setelah anda membaca Judul dari posting ini, pasti anda terheran dengan Judulnya. Bila anda sudah binggung, maka langsung sajalah kita coba hehehe...

Demo Gambar MelayangKlik disini untuk melihat demo Gambar Melayang

1. Pertama anda login ke Blogger anda
2. Setelah itu masuk ke Dasbor, lalu ke Rancangan
3. Setelah masuk tab Rancangan, kemudian masuk ke Edit HTML
4. Selanjutnya anda centang Expand Template Widget
Expand Template Widget
5. Kemudian copy code di bawah ini

#pojok1 {
position: fixed;
_position: absolute;
bottom: 0px;
left: 0px;
clip: inherit;
z-index: +1000;
}

6. Kemudian letakkan di atas

]]></b:skin>

7. Sekarang kode CSS sudah terpasang, selanjutnya untuk penempatan letak dari gambarnya.
   Anda bisa mencopy code di bawah ini

<div id='pojok1'>
<img border='0' src='http://i766.photobucket.com/albums/xx310/Ikhfar/dofollow.png'/>
</div>

8. Letakkan di atas

</body>

9. Simpan Template anda

Cara Mengcustomize Gambar Melayang

1. Untuk mengatur letak dari Gambar Melayang anda bisa menggati CSSnya dengan cara sebagai berikut:
• Gambar berada di Kiri Atas

left: 0px;
top: 0px;

• Gambar berada di Kiri Bawah

left: 0px;
bottom: 0px;

• Gambar berada di Kanan Atas

right: 0px;
top: 0px;

• Gambar berada di Kanan Bawah

right: 0px;
bottom: 0px;

Anda bisa mengganti 0px dengan sesuha hati anda
2. Kemudian untuk mengganti gambarnya anda bisa lihat Langkah 7 kode 2

<img border='0' src='http://i766.photobucket.com/albums/xx310/Ikhfar/dofollow.png'/>

Untuk mempermudah anda dan tidak mengalami kesulitan saat Membuat Gambar Melayang ini, Insya Allah jika tidak ada halangan saya akan membuat Generator Gambar Melayang.

[ Selengkapnya ...]