Merubah Gambar Menjadi Teks

Halo sobat semua….akhirnya artikel demi artikel bisa di update dalam blog ini,,,,,

pembahasan artikel kali ini tentang mengubah gambar menjadi sebuah link, mungkin sobat bingung ya dengan bahasa saya kali ini. Mungkin sobat semua pernah mengupload gambar dalam sebuah postingan, ya dengan ukuran gambar mulai dari kecil atau ukuran yang sangat besar….

Tahukah sobat semua jika kebanyakkan memasukan atau upload gambar dalam sebuah artikel akan membuat efek tersendiri pada blog.

Diantaranya loading blog akan semakin lambat, mungkin jika gambar masih sedikit tidak akan terasa loadingnya, tetapi coba sobat semua bayangkan gambar tersebut sangat banyak dan bayangkan apa yang terjadi pada loading blog sobat….

Pasti akan membuat sobat semua bosan menunggu loading tersebut…. hal ini juga bisa mempengaruhi visitor blog, pengunjung akan segera menutup blog sobat jika loading nya terlalu lama…. karena kecepatan dalam blog sekarang ini sangat dicari pengunjung,,,, dalam arti bisa menghemat waktu pengunjung untuk mencari sebuah informasi…

Tetapi sobat semua tidak perlu khawatir dengan banyaknya gambar yang terdapat dalam blog, karena dalam tutorial ini saya akan membagikan cara membuat gambar menjadi teks….

bisa bayangin gak gimana ukuran gambar yang sangat besar ukurannya tapi disederhanakan dengan sebuah teks…. apalagi teks tersebut Cuma memiliki empat huruf misalnya kata (Klik), nak dengan empat huruf ini lah yang dimaksud penyederhanaan dalam sebuah gambar,,,, dengan penyederhanaan ini blog akan semakin ringan dan loadingnya gax akan lama….

Coba klik Demo dibawah ini….maka sobat semua akan mengerti dari semua penjelasan saya…..

Demo

Langkah pembuatannya:

Masuk ke blog sobat
Pilih pos atau entri baru
Upload dulu gambar di mode compose
Pilih Mode HTML (lihat di sebelah compose)

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKzMT7dxHN792RHG71A60QTMM6bNm2Rbo5B42hmNY8bye91hozwnv33H7XcFQP22K1vNcZtyM1vL9OsfugnCrZeVuKTsUeY289j4epXw-WkkBswrJ1Jj6kdEyq9FHAbtCIoMDcPgNMfVI/s1600/Gambar+Nenek.jpg"imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="400" width="267" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKzMT7dxHN792RHG71A60QTMM6bNm2Rbo5B42hmNY8bye91hozwnv33H7XcFQP22K1vNcZtyM1vL9OsfugnCrZeVuKTsUeY289j4epXw-WkkBswrJ1Jj6kdEyq9FHAbtCIoMDcPgNMfVI/s1600/Gambar+Nenek.jpg" /></a></div>

Kode berwarna Biru dihilangkan kemudian kode berwarna merah di ganti dengan teks. Misalnya dengan sebutan Klik, Buka atau yang lain.

Jika dilakukan perubahan maka akan seperti ini:

<div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKzMT7dxHN792RHG71A60QTMM6bNm2Rbo5B42hmNY8bye91hozwnv33H7XcFQP22K1vNcZtyM1vL9OsfugnCrZeVuKTsUeY289j4epXw-WkkBswrJ1Jj6kdEyq9FHAbtCIoMDcPgNMfVI/s1600/Gambar+Nenek.jpg"> Klik</a></div>

Bisa juga Seperti Ini:

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKzMT7dxHN792RHG71A60QTMM6bNm2Rbo5B42hmNY8bye91hozwnv33H7XcFQP22K1vNcZtyM1vL9OsfugnCrZeVuKTsUeY289j4epXw-WkkBswrJ1Jj6kdEyq9FHAbtCIoMDcPgNMfVI/s1600/Gambar+Nenek.jpg"> Klik</a>

Dengan melakukan perubahan seperti ini maka akan membuat loading blog lebih ringan dan membuat ruang postingan tidak berantakan....dan bisa membuat blog menjadi indah...

Sekian artikel yang bisa saya berikan semoga ini bisa bermanfaat...

Tuliskan komentar, saran, maupun kritikan, di kotak yang telah disediakan....salam blogger...