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:

      1. 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....

        BalasHapus