• Cara Instal jcow.4.2.1 Lengkap
    Berhubung ada sobat blogger yang bertanya tentang cara instalasi script dari jcow, mari saya jelaskan. Berikut langkah - langkah instalasi ...
  • BLOG
    Banyak orang menggunakan wordpress dan juga blogger(.co/.org) untuk membangun blog pribadi mereka, karena memang kedua aplikasi blog di a...
  • Tips Menjaga Pikiran Agar Tetap Tajam Tanpa Suplemen
    Tips Menjaga Pikiran Agar Tetap Tajam Tanpa Suplemen , Banyak orang menggunakan suplemen penambah daya ingat otak agar tetap memiliki pik...
  • Title dan URL Blogger yang SEO Friendly
    Sebagai salah satu platform blog sejuta umat, blogger memiliki kekurangan dimana kita tidak bisa merubah url sesuai yang kita inginkan. S...
  • Instalasi Apache Tomcat di Windows
    Apache Tomcat merupakah salah satu servlet/web container yang paling populer di lingkungan pemrograman web java. Apache Tomcat  berada di ...
  • Merubah Jenis dan Warna Huruf
    Para blogger baru, panjenengan akan lebih mudah gonta-ganti warna dan huruf dengan cara dari blogger.com, yaitu bisa mengatur jenis huru...
  • Melihat Statistik Blog via Blogger Draft
    Selama ini, untuk melihat statistik blog, orang lebih sering menggunakan Google Analitycs atau via statistic widget seperti Histats dan se...
  • Webcam untuk Windows
    Bagi yang terbiasa menggunakan web camera , anda juga pasti terbiasa menggunakan web software camera yang disertakan pada perangkat yang an...
  • Biografi Candra Wijaya
    Nama lahir : Rafael Candra Wijaya Tanggal lahir : 16 September 1975 (umur 36) Tempat lahir : Cirebon Tinggi : 1.75 m (5 ft 9 in) Bera...
  • Daftar Isi

Gambar/image bertambah besar

Diposting oleh Kerajaan Online Minggu, 10 Juli 2011

Gambar di samping 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.



    • edit post

    Posting Komentar