Showing posts with label GAMBAR. Show all posts
Showing posts with label GAMBAR. Show all posts

Membuat Gambar Posting Tidak Bisa di Copy / download

Kali ini cara melindungi gambar agar tidak bisa di copas dan di klik kanan oleh orang berbeda deengan yang lain  smile  , karena tutorial ini kita akan membuat semua gambar posting kita tidak bisa di copas , jadi kita gak perlu repot-repot untuk menambahkan oncontextmenu="return false;" pada setiap kode gambarsmile

Trick Membuat Semua Gambar di Blog Tidak Bisa di Download

Membuat Efek Gambar Bergetar di Blog

Efek Gambar Bergetar di Blog. Berikut ini seocips akan membagikan tentang Cara Membuat Efek Gambar Bergetar di Blog. Jadi untuk sobat yang suka memsang efek-efek tertentu di blognya mungkin dapat mencoba memasang efek gambar bergetar seperti ini.

Membuat Efek Gambar Bergetar di Blog

membuat Widget slider gambar

Berbicara mengenai slider, sebelumnya juga telah dibagikan mengenai membuat image slider V6 atau jika sobat tertarik ingin memasang slider otomatis di sidebar blog, sobat dapat membaca cara memasang slider di sidebar blog.

Untuk Demo slider yang ini sobat dapat melihatnya di akhir postingan ini. Ok sob berikut ini adalah kode yang dapat sobat pasang langsung ke dalam tempate atau menempatkannya ke widget misalnya diatas postingan.

Gambar Membesar Saat Disentuh Kursor

Berikut cara membuat efek gambar membesar saat disentuh kursor :
1. Masuk akun blogger Anda
2. Pilih Template, dan klik Edit Template.
3. Cari kode ]]></b:skin> dengan cara klik ctrl+shift+f 
4. Letakkan kode berikut tepat diatas kode ]]></b:skin> :

.post img, table.tr-caption-container { border:none; max-width:560px; height:auto; -o-transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; }
.post img:hover { -o-transition: all 0.3s; -moz-transition: all 0.3s; -webkit-transition: all 0.3s; -moz-transform: scale(1.5); -o-transform: scale(1.5); -webkit-transform: scale(1.5); -webkit-border-radius: 0px 0px; -moz-border-radius: 0px / 0px; -webkit-box-shadow: 2px 2px 6px rgba(0,0,0,0.6); }

5. Setelah selesai klik Preview 

MEMBUAT WIDGET ARTIKEL TERBARU DENGAN GAMBAR DAN SCROLL

Pertama seperti biasa anda harus login dulu akun blogger anda.
Setelah itu Pilih Tata letak.
Lalu pilih Tambahkan Gadget.
Setelah itu pilih HTML/Javascript.
Kemudian masukkan kode dibawah ini