Ads: (Please Click!)

Friday, January 30, 2009

Tutorial: How to remove images border


This tutorial is step-by-step on how to remove the image border which some of the blog themes provided auto-border generating for every time you post a new entry. I don't want to explain in complicated manner. Just a simple with a little steps, okay?

First, upload your required image as usual step by clicking on 'Add Image' button. A new window will appear, and all you have to do is select with single or multiple submissions, as show as below:


After uploading successful, your image suppose be shown like this..


Second, you might be wonder or thinking on how to remove the border of the uploaded images. You might to remove manually the Javascript code or blogger tags from your Templates Editor. But, it is totally complicated to you or to whom is not very familiar with Javascript language or even though HTML code.

So, for the alternative; we have to use the blogger post editor, instead. On the right top of your blog editor shows two different tabs, there are 'Edit Html' and 'Compose' tab. Click on 'Edit Html' tab.


The contents inside the editor supposedly shown like this;


Huh? Whatha hell? Hard to understood ya? Okay, let me explain for this. All the contents that showing while you write or edit (previously on Compose tab) would be change/converted to HTML code, entirely including your images. In this part, try to find <img ... /> tag (without quote). For example, my image code should be show like this;

<img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 266px;" src="http://2.bp.blogspot.com/_t7h6ltTSjag/SYHhz-VvgsI/AAAAAAAABUg/ifbKboqPkQg/s400/dreams_of_flying_16.jpg" alt="" id="BLOGGER_PHOTO_ID_5296762919788184258" border="0" />

Third, change the highlighted code (red) with this code: style="border:0px solid;padding:0px;margin:0px 0;"

Last but not least, you might not to preview your entry but instead, you have to publish it to see the result. So, click PUBLISH POST, and see the different.


As the result...


The original code:

<img style="margin: 0px auto 10px; display: block; text-align: center; cursor: pointer; width: 400px; height: 266px;" src="http://2.bp.blogspot.com/_t7h6ltTSjag/SYHhz-VvgsI/AAAAAAAABUg/ifbKboqPkQg/s400/dreams_of_flying_16.jpg" alt="" id="BLOGGER_PHOTO_ID_5296762919788184258" border="0" />

After editing the code:


The edited code:

<img style="border:0px solid;padding:0px;margin:0px 0;" src="http://2.bp.blogspot.com/_t7h6ltTSjag/SYHhz-VvgsI/AAAAAAAABUg/ifbKboqPkQg/s400/dreams_of_flying_16.jpg" alt="" id="BLOGGER_PHOTO_ID_5296762919788184258" border="0" />

Simple, right? Try it on. Good luck!
PERHATIAN! Aktiviti PLAGIAT (copy & paste) sesuatu artikel tanpa pengetahuan dan kebenaran penulis adalah satu aktiviti/perbuatan yang TIDAK BERMORAL!

Ads: (Please Click!)
Comments
3 Comments


3 Orang Kentut Madu:

wanita mustanir said... [Reply]

Salam, aduka..

Tahnks utk tutorial nih.. dah lame i try nak tahu.. at last, dapat tahu jgk..

Thanks..

aduka said... [Reply]

waalaikumsalam..
sama2 wanita mustanir..
kita berkongsi ilmu ini utk kepentingan n kebaikan bersama..
=)

日月神教-任我行 said... [Reply]

AV,無碼,a片免費看,自拍貼圖,伊莉,微風論壇,成人聊天室,成人電影,成人文學,成人貼圖區,成人網站,一葉情貼圖片區,色情漫畫,言情小說,情色論壇,臺灣情色網,色情影片,色情,成人影城,080視訊聊天室,a片,A漫,h漫,麗的色遊戲,同志色教館,AV女優,SEX,咆哮小老鼠,85cc免費影片,正妹牆,ut聊天室,豆豆聊天室,聊天室,情色小說,aio,成人,微風成人,做愛,成人貼圖,18成人,嘟嘟成人網,aio交友愛情館,情色文學,色情小說,色情網站,情色,A片下載,嘟嘟情人色網,成人影片,成人圖片,成人文章,成人小說,成人漫畫,視訊聊天室,a片,線上遊戲,色情遊戲,日本a片,性愛

Post a Comment

Ruang komen telah di-set sebagai 'dofollow'. Sila tinggalkan URL blog anda dengan cara yang bijak. Baca DI SINI untuk mempelajari SEO mengenai 'dofollow' link.

Kepada ANONYMOUS, sila tinggalkan link dengan cara yang bermoral sedikit.

Terima kasih kerana sudi membaca artikel ini dan menurunkan komen anda.

 

Blog Aduka Copyright © 2011 -- Template created by O Pregador -- Powered by Blogger