Recent Post

Sponsored

Labels

addressbook Fullsize Image Pada Blogger

Diposting oleh dev | , | 3 komentar »

Memasang image pada postingan pasti sering kita lakukan untuk memperjelas tulisan yang kita buat, mempercantik postingan atau sekedar untuk memamerkan photo kepada pembaca, tapi sayangnya sering kali gambar yang kita pasang di postingan harus mengikuti ukuran maksimal halaman posting blog kita, akhirnya sering kali ukuran gambar harus diperkecil dan kadang membuat gambar kurang jelas. Solusinya mungkin dengan menggunakan external image hosting seperti TinyPic, Picasa, Photobucket dan lainnya untuk melihat gambar secara fullsize. Kelemahannya, pembaca harus meninggalkan blog kita ke situs image hosting hanya untuk melihat gambar secara fullsize. Lalu bagaimana caranya agar pembaca tidak perlu meninggalkan blog kita?

Salah satu solusinya adalah dengan memasang fullsize image pada blogger. Sebelum memulai pembahasan, silahkan liat terlebih dahulu contohnya dibawah ini. Arahkan cursor pada gambar kemudian klik icon pada pojok kiri atas gambar.



Ikuti lankah-langkah berikut ini untuk memasangnya di blog teman-teman:
1. Login Blogger → Pilih Layout → kemudian Edit HTML.
2. Download full template terlebih dahulu untuk berjaga-jaga bila terjadi kesalahan.
3. Pada Edit HTML, masukkan kode dibawah ini sebelum kode </head>
<script src='http://jqueryjs.googlecode.com/files/jquery-1.3.js' type='text/javascript'/><link href='http://www.wallheaven.com/fullsize/fullsize.css' media='screen' rel='stylesheet' type='text/css'/> <script src='http://www.wallheaven.com/fullsize/jquery.fullsize.js' type='text/javascript'/><script type='text/javascript'>jQuery(document).ready(function(){jQuery("img").fullsize([]);});</script>
4. Save template

Untuk menampilkan fullsize image pada postingan, kita harus menyiapkan image fullsize yang akan ditampilkan kemudian menambahkan kode longdesc= pada tag image yang akan kita pasang, contohnya seperti dibawah ini:
<img src="URL_IMAGE_YANG_DITAMPILKAN.jpg" alt="keterangan image" longdesc="URL_FULLSIZE_IMAGE.jpg" />
Kalo ada yang kurang jelas silahkan tinggalkan komentar, secepatnya akan saya balas. Selamat Mencoba..

Related Posts by Categories

Silahkan klik di sini untuk membaca melalui feed reader anda. Atau masukkan alamat email anda di kolom dibawah ini untuk berlangganan artikel DevBook.net langsung ke alamat email anda.

feed