Search here

Type a word related to the post, then click the search button !

Memuat...
English
Bru masuk angin!

Arsip...

Flag Counters

Flag Counter

Pengikut

Recent Comments plus Kode CSS Box Gelap

Recent Comments

blog-indonesia.com

Vertical Menu

CLICK any categories for open!
Gubhug Reyot

Sobat Ngeblogh

Sobat Ngeblogh

Buat sobat blogger yang mau ikutan jadi follower silahkan KLIK link Follower (Follow) di ujung kanan-bawah. Dari hasil monitoring, ternyata yang link-nya telah dimasukkan ke "Sobat Ngeblogh" mengalami pertambahan pengunjung secara signifikan!
Terima kasih .: Salam :.
gubhug reyot

Cara Mengganti Gambar Posting ke bentuk Teks: Cara Membuat dan Merubah Link Dalam Bentuk Teks

Kelemahan yang tercipta dengan terlalu banyaknya posting berbentuk gambar adalah mengakibatkan loading blog semakin lambat. Untuk mensiasati hal ini ada dua cara yang mungkin kita lakukan. Cara pertama dengan mengganti gambar menjadi sebuah teks yang didalamnya berisi link gambar. Yang ke dua dengan memperkecil gambar yang digunakan sebagai pembuka link gambar yang sebenarnya. Cara paling mudah dan praktis tentu saja dengan menggunakan bentuk teks.

Contoh Kode Gambar hasil upload di blogger (di halaman posting - mode edit html):

<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-u_vjII8TUGA/Tw3kpYTMywI/AAAAAAAABJc/3JDzp-aumkw/s1600/img_gubhugreyot-gambar-kodok-mbleding.jpg" imageanchor="1" style="clear:left; float:left;margin-right:1em; margin-bottom:1em"><img border="0" height="400" width="267" src="http://1.bp.blogspot.com/-u_vjII8TUGA/Tw3kpYTMywI/AAAAAAAABJc/3JDzp-aumkw/s400/img_gubhugreyot-gambar-kodok-mbleding.jpg" /></a>
</div>


Kode berwarna merah dihilangkan kemudian kode berwarna orange di ganti dengan teks. Misalnya dengan sebutan Gambar 1, Gambar 2 atau yang lain.

Bentuk KODE setelah dilakukan perubahan menjadi seperti di bawah ini:

<div class="separator" style="clear: both; text-align: center;">
<a href="http://1.bp.blogspot.com/-u_vjII8TUGA/Tw3kpYTMywI/AAAAAAAABJc/3JDzp-aumkw/s1600/img_gubhugreyot-gambar-kodok-mbleding.jpg"> Gambar 1</a>
</div>


Dapat juga hanya menggunakan kode seperti ini:

<a href="http://1.bp.blogspot.com/-u_vjII8TUGA/Tw3kpYTMywI/AAAAAAAABJc/3JDzp-aumkw/s1600/img_gubhugreyot-gambar-kodok-mbleding.jpg"> Gambar 1</a>


Dengan bentuk kode baru seperti di atas, dimana image dirubah menjadi sebuah teks, maka untuk membuka link tinggal lakukan klik Gambar-1

D E M O

Silahkan KLIK "Gambar Kodhok" di bawah ini untuk mencobanya!



Silahkan juga buka Tutorial lain yang sangat menarik dan patut di ikuti sampeyan semua. Akses melalui link di bawah ini :

Update » Rebo WAGE, January, 11, 2012

» Happy Blogging - gubhugreyot «

3 komentar:

  1. saya gak mudeng e!!?? maf masih newbies!!??

    BalasHapus
  2. sebuah pensiasatan yang genius...ane turut saran ente gan hehehe....makasih....

    BalasHapus
  3. thank tutorialnya mas gubuk....

    BalasHapus

 
GR | Edited by | gubhug reyot