Membuat gambar hasil upload via tool blogspot supaya tidak bisa diklik

Ada perbedaan ketika kamu mengupload gambar via blogger (menggunakan tool upload blogspot pada editor posting) dengan upload gambar menggunakan url gambar yang dimunculkan secara manual dengan menambahkan sedikit kode untuk memunculkan gambarnya.Letak perbedaannya  yaitu pada gambar hasil upload via tool blogspot gambarnya bisa dklik sedangkan upload secara manual tidak bisa diklik.
Perhatikan 2 gambar berikut:
Upload via blogspot



Upload via manual

Coba arahkan pointer ke gambar.1,gambar tsb bisa diklik sedangkan gambar.2 tidak bisa diklik.
Yang akan aku jelaskan disini yaitu bagaimana cara supaya gambar hasil upload via tool blogspot tsb tidak bisa diklik.
OK..Langsung ja ke langkah-langkahnya:
Pada editor posting(tool Compose) ketika kamu mengupload gambar via tool uploder tsb maka hasilnya akan langsung ditampilkan setelah proses selesai.nah,,setelah gambar muncul,kemudian klik EDIT HTML maka yang muncul bukan gambar melainkan kode htmlnya.
Contoh kode html dari gambarnya sbr:
< div class="separator" style="clear: both; text-align: center;" >
&lt;a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPD7Wb_3sReXYQCOVZRzURuEPGPAGDR6nFOkjqLIjS08owQaTcjl1wP04lDGGYuRv-tJQZzxXkDrLKufQhx3g4qh92ChKpu4hBP_k29Oz0FJoVW3tKQUk_ARqXgOXEYFerjxlpjVqp4NY/s1600/41389_1477822876_537_n.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;" > <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPD7Wb_3sReXYQCOVZRzURuEPGPAGDR6nFOkjqLIjS08owQaTcjl1wP04lDGGYuRv-tJQZzxXkDrLKufQhx3g4qh92ChKpu4hBP_k29Oz0FJoVW3tKQUk_ARqXgOXEYFerjxlpjVqp4NY/s1600/41389_1477822876_537_n.jpg" /> </a></div>
<imageanchor="1" style="margin-left: 1em; margin-right: 1em;" >
</imageanchor="1">

Hapus kode yang berwarna merah karena untuk memunculkan gambar kita hanya membutuhkan kode yang berwarna hitam saja.Coba klik pratinjau terlebih dahulu untuk melihat hasilnya apakah sudah berhasil atau tidak.Jika ya langsung simpan atau terbitkan entri ja…selesai.
Mudahkan…
Semoga bermanfaat…

0komentar:

Leave a Reply

GET UPDATE VIA EMAIL
Dapatkan kiriman artikel terbaru langsung ke email anda!

Infolinks In Text Ads

Related Posts Plugin for WordPress, Blogger...
Your browser does not support frame. Inbox Your Sms

Subscribe via email

Enter your email address:

Delivered by FeedBurner

Get this widget!

Search

  • Archives

Related Posts Plugin for WordPress, Blogger...

Label Cloud


ShoutMix chat widget
ads ads ads ads
515 loyal readers
RSS feed | E-mail