cara membuat effek zoom Gambar di Blog

1. Masuk ke blogger;
2. Klik Perancangan lalu klik Edit HTML;
3. Carilah kode ]]></b:skin>
4. Kemudian sisipkan kode berikut ini tepat di atasnya:

/* Zoom Image www.wakrizki.net
------------------------------- */
div.jquery-image-zoom {
line-height: 0;
font-size: 0;
z-index: 10;
border: 5px solid #fff;
margin: -5px;
-webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}
div.jquery-image-zoom a {
background: url(http://lh6.ggpht.com/_xcD4JK_dIjU/TEfN4VrRQPI/AAAAAAAAESY/so-0qObS1BM/d/jquery.imageZoom.png) no-repeat;
display: block;
width: 25px;
height: 25px;
position: absolute;
left: -17px;
top: -17px;
/* IE-users are prolly used to close-link in right-hand corner */
*left: auto;
*right: -17px;
text-decoration: none;
text-indent: -100000px;
outline: 0;
z-index: 11;
}
div.jquery-image-zoom a:hover {
background-position: left -25px;
}
div.jquery-image-zoom img,
div.jquery-image-zoom embed,
div.jquery-image-zoom object,
div.jquery-image-zoom div {
width: 100%;
height: 100%;
margin: 0;
}

5. Selanjutnya cari kode </head>
6. Kemudian sisipkan kode berikut ini tepat di atasnya:

<!-- Zoom Image code script www.wakrizki.net -->
<script src=http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js type=text/javascript/>
<script src=http://rizki-khaizir.googlecode.com/files/jquery.imageZoom.min.js type=text/javascript/>
<script type=text/javascript>
jQuery(document.body).imageZoom();
</script>

7. Langkah terakhir adalah simpan template sobat. Semoga berhasil

Go to link Download

Cara Membuat Artikel Terkait Berbentuk Gambar Thumbnails

Cara Membuat Artikel Terkait Berbentuk Gambar Thumbnails - Testimoni, baca dulu: Klik! 3 Cara Membuat Artikel Terkait atau Related Post di Blog. Bentuk artikel terkait dengan gambar thumbnail seperti sobat temui pada Blog sederhana ini. Di samping bentuk ‘style’ yang menarik, juga dilengkap screenshoot gambar yang menambah nilai plus ketertarikan pengunjung. Di sisi lain, jumlah tampilan perlabel relatif sedikit, tidak seperti artikel terkait dengan menggunakan scroll. Namun menurut penulis, artikel terkait ini cukup modis dan perlu diterapkan pada Blog. Untuk pemasangannya, silahkan ikuti langkah-langkah berikut ini:

Go to link Download

Cara Memotong Gambar Dengan Aplikasi WhatsApp

Go to link Download

Cara Membuka File Gambar Menggunakan Terminal Linux Ubuntu

Membuka file gambar menggunakan double click itu sudah biasa, bagaimana apabila menggunakan perintah pada command line? Emang bisa? Yup, jawabanya bisa, salah satu kelebihan dari Linux adalah terletak pada fungsi terminalnya yang sangat powerful.

2.  Pindahkan posisi direktori / folder ke tempat direktori / folder gambar anda tersimpan. Dengan mengunakan perintah CD lalu lihat isi direktori teresebut menggunakan perintah LS.

3.  Setelah setelah berada pada direktori / folder yang tepat, gunakan perintah eog nama_file_gambar.format
Sebgai contoh : eog tux2.png

  

Go to link Download

Cara Membuat Gambar di Blog Berputar saat disentuh Cursor

• Login Blogger.com
• Klik Template
• Edit HTML => expand template widget => Cari kode  ]]></b:skin>
• Letakkan kode di bawah ini di tepat atas kode  ]]></b:skin> :

.post img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}.postimg:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

.post img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}.post img:hover{-o-transform: scale(1.2) rotate(360deg) translate(0px);-moz-transform: scale(1.2) rotate(360deg) translate(0px);-webkit-transform: scale(1.2) rotate(360deg) translate(0px);-o-transition: all 1.5s ease;-moz-transition: all 1.5s ease;-webkit-transition: all 1.5s ease;}

.img{-webkit-transition:all 1s ease-in-out;-moz-transition:all 1s ease-in-out;-o-transition:all 1s ease-in-out;transition:all 1s ease-in-out}.img:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

.comment img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}.commentimg:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

.header img{-o-transition: all 1s ease;-moz-transition: all 1s ease;-webkit-transition: all 1s ease;}.headerimg:hover{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-o-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}

• Save template

Go to link Download

Cara Membuat Gambar atau Logo Hitam Putih di MS Word

Cara Membuat Gambar menjadi Hitam Putih di MS Word

• Pertama silahkan Buka MS. Word anda dan Buka gambar yang ingin di jadikan hitam putih, Caranya tinggal pilih menu Insert dan klik Picture untuk memasukan gambar, foto, logo dan lain-lain.

• Selanjutnya silahkan klik kanan pada gambar dan pilih Format picture... untuk merubah gambar menjadi hitam putih.

• Kemudian klik pada bagian Recolor lalu pilih Grayscalae untuk merubah gambar menjadi hitam putih.

Go to link Download

Cara Membuat Maze Game dengan Macromedia Flash 8 Pro Berserta gambar lengkap

Sobat Buka Macromedia Flash 8 dan pilih ‘Flash Document’ seperti pada gambar dibawah. Disini saya menggunakan yang Professional

 

3. Buat judul game, dan tombol untuk memulai game dan jangan lupa tombol untuk memulai game di ‘convert to symbol’ 

4. Kira - kira hasilnya akan seperti di bawah ini 

 

 

5. Klik kanan pada tombol kemudian klik Action. Lalu, masukkan kode script seperti dibawah ini

JSon (release) {
 gotoAndStop(2);
}

6. Buat Frame baru pada frame panel. Dengan klik kanan lalu pilih ‘Insert Keyframe’

7. Buat layer baru dan namakan ‘Action’. Kemudian, klik kanan pada frame layer tersebut lalu klik kanan dan pilih Action kemudian, masukkan kode dibawah ini:

JSstop();

8.