Gambar/image bertambah besar

umyogyak
Assalamu'alaikum wr. wb.
Gambar di atas apakah terlalu kecil?? Maka untuk memperbesar dari ukuran gambar, letakkan cursor pada gambar tersebut. Bagi panjenengan/anda yang mempunyai keinginan untuk bisa menampilkan efek seperti ini, ikuti langkah-langkahnya sebagai berikut :


LANGKAH I :

  • Login ke Blogger dengan ID anda.
  • Pilih Tata letak.
  • Pilih Edit HTML.
  • Cari saja kode </head>
  • Bila sudah ketemu copy paste saja kode dibawah ini tepat diatas kode </head>

    <style type='text/css'>
    border: none;
    vertical-align: top;
    }
    </style>
    <script src='http://h1.ripway.com/ades40/imagebesar.js' type='text/javascript'>
    </script>

  • Simpan Template

    LANGKAH II :

    Setelah penambahan kode (langkah I) telah berhasil disimpan maka kita tinggal menambahkan kode class="expando" pada alamat image yang kita punyai, sebagai contohnya :

    <img class="expando" src="http://i627.photobucket.com/albums/tt356/hanjoyo/umyyogya1.png" border="0" alt="umyogyak" width="100" height="50" />

    Keterangan :
    width="100" height="50" : ukuran panjang dan tingginya image yang nampak sebelum diperbesar.

    Semoga berhasil, terus semangat Wassalamu'alaikum wr. wb.


    • 2 komentar

      kurniawan q

      terimakasih infonya sob

      Teras Info

      terimakasih banyak atas triknya...
      saya sudah pernah mencobanya...
      tapi kenapa ya...untuk teksnya jadi sulit diatur...sehingga gambar harus terpisah...ngga bisa sejajar sama teks....

      mohon penjelasannya....

      Posting Komentar