 |
| Picture by Google |
Tips: Memperbesar Gambar Dengan Efek Kaca Pembesar, membaca judul ini sudah pasti yang ada di pikiran anda adalah hal yang berhubungan dengan gambar. Dan itu memang benar, karena artikel ini berisi cara-cara untuk memperbesar gambar pada artikel anda dengan efek seperti efek kaca pembesar. Sangat membantu bagi anda yang menggunakan gambar sebagai sesuatu yang penting seperti tutorial karena akan membuat gambar terlihat lebih jelas. Selain itu cara-cara yang digunakan pun simpel dan sederhana dan sangat mungkin untuk anda terapkan.
Halo sobat sekalian, apa kabar anda semuanya, semoga baik-baik saja. Nah seperti kalimat pada paragraph pertama di atas, pada kesempatan istimewa ini saya ingin berbagi tips tentang cara memperbesar gambar, yaitu Tips: Memperbesar Gambar Dengan Efek Kaca Pembesar. Semoga artikel cara memperbesar gambar ini bisa bermanfaat bagi anda semua.
Disini saya tidak akan menjelaskan panjang lebar lagi manfaat memperbesar gambar, karena telah saya uraikan pada postingan sebelumnya. Tapi yang akan saya bicarakan disini adalah efek kaca pembesar yang akan kita berikan. Karena memperbesar gambar dengan efek kaca pembesar ini akan memungkinkan kita untuk zoom in dan zoom out, seperti halnya kita menggunakan teropong untuk memperbesar benda yang jauh agar lebih terlihat.
Sebenarnya ada banyak sekali cara untuk memperbesar gambar, sayang nya blogger sendiri belum menyediakan fasilitas ini. Padahal kalau menurut saya tools untuk memperbesar atau zoom gambar cukup penting. Tapi sobat sekalian jangan pusing dan gusar. Karena sekarang kita akan mempelajari tutorial Cara Memperbesar gambar dengan efek kaca pembesar. Okelah kawan-kawan, tanpa panjang lebar lagi dan sebagai pemenuhan janji saya pada postingan sebelumnya, langsung saja terapkan tutorial berikut ini.
Sebenarnya ada banyak sekali cara untuk memperbesar gambar, sayang nya blogger sendiri belum menyediakan fasilitas ini. Padahal kalau menurut saya tools untuk memperbesar atau zoom gambar cukup penting. Tapi sobat sekalian jangan pusing dan gusar. Karena sekarang kita akan mempelajari tutorial Cara Memperbesar gambar dengan efek kaca pembesar. Okelah kawan-kawan, tanpa panjang lebar lagi dan sebagai pemenuhan janji saya pada postingan sebelumnya, langsung saja terapkan tutorial berikut ini.
Tips: Memperbesar Gambar Dengan Efek Kaca Pembesar
1. Seperti pada tips lainnya, tips memperbesar gambar dengan efek kaca pembesar ini pun mengharuskan anda Login terlebih dahulu ke blog anda.
2. Masuk ke dashboard dan pilih Template.
3. Pada tampilan template silahkan pilih Edit HTML.
4. Kalau pada tampilan sebelumnya kita tinggal mencari kode </head> tetapi untuk tampilan baru di menu edit html kita tinggal cari saja kode <head>. Kemudian tempel kode script berikut ini di atas kode <head>.
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script>
Bila kode di atas ini telah ada pada template sobat maka lewati saja langkah di atas.
5. Selanjutnya salin dan tempelkan kode berikut ini di atas kode <head>.
<script src="https://abitalita.googlecode.com/files/zoomlup.js" type="text/javascript"></script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#pembesargambar').perbesaran({
sorotanu: 2,
kisaranu: [2,10],
anubesar: null,
pembesaranu: [140,140]
})
})
</script>
<script type="text/javascript">
jQuery(document).ready(function($){
$('#pembesargambar').perbesaran({
sorotanu: 2,
kisaranu: [2,10],
anubesar: null,
pembesaranu: [140,140]
})
})
</script>
6. Selanjutnya klik Save Template.
7. Agar efek kaca pembesar bisa tampil, sobat tinggal masuk ke new post atau edit post dengan mode HTML.
8. Selanjutnya tinggal tempel kode berikut ini.
<img id="pembesargambar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_gS7ffNp4aRJQfca_gkgi4tM9IoUDLIqGRo-dkKClRAKguwPDEs3_Oxc9JKNY_QB5YNBO-7M4t2d2eIvqzbGM1SK1NDVzY_15tbuyY0vOrtStUKRjtwKGX32x1w_X5M-lJ9SXsAb_k0WJ/s1600/223496-bigthumbnail.jpg" style="height: 150px; width: 500px;" />
Keterangan :
- Silahkan ganti teks yang berwarna merah dengan URL gambar yang anda inginkan.
- Silahkan atur tinggi dan lebar gambar dengan merubah angka yang berwarna biru.
9. Kembali ke mode compose lalu publish artikel anda. Gambar yang anda inginkan akan tampil.
10. Langkah terakhir adalah tinggal anda lihat hasilnya pada halaman blog anda masing-masing.
Berikut ini contoh memperbesar gambar dengan efek kaca pembesar.
Nah itulah tutorial mengenai cara memberikan efek kaca pembesar pada gambar, semoga artikel Tips: Memperbesar Gambar Dengan Efek Kaca Pembesar di atas bisa bermanfaat untuk anda. Tetapi yang perlu di ingat adalah Cara ini hanya berlaku pada satu artikel, tidak seperti pada postingan sebelumnya yang bisa pada semua artikel.
Jika sobat sekalian masih merasa bingung, jangan sungkan untuk bertanya. Selain itu baca juga artikel lain mengenai Cara Rahasia Upload Video Ke Artikel Blog. Terima kasih atas kesediaan anda mampir ke sini dan have a nice activity.
Like THIS :
Jika Anda menyukai Artikel di blog ini, Silahkan
klik disini untuk berlangganan gratis via email, dengan begitu Anda akan mendapat kiriman artikel setiap ada artikel yang terbit di BDariku
 |
Belum ada komentar untuk "Tips: Memperbesar Gambar Dengan Efek Kaca Pembesar"
Post a Comment