Hot Deal

[TUTORIAL] : How to Upload Images on DD

5829°
Deal Captain
neo479

TUTORIAL: How to Upload Images on DD

i have seen many dimers frequently ask how to upload images on DD. even i had the same doubt when i was a newbie… thanks to the help of some senior members, now its a piece of cake!! cool

i thought i might share it here so that its never again an issue for anyone. i used imageshack in the beginning, but found imgur to be faster in getting the job done. so il explain using imgur




u can head over to imgur
http://imgu...m/




to upload images from ur computer, use the computer button on imgur homepage and browse for the file
…or drag and drop into the imgur homepage (simpler option) wink




hit start upload… and wait toungueout




once upload is completed u get the html links on the left side of the page and image on right side as show below
to post the image on DD use the link under HTML Image (websites / blogs)
DONE!!




====================



to upload images from webpages, i suggest u install this firefox extension (im not sure about extensions for other browsers, i guess it must be there)
https://addons.mozilla.org/en-US/firefox/addon/...




trust me it makes life a lot more easier!! cool

with this extension installed, all u need to do is right click on image from web page → imgur → quick upload




voila, its uploaded…




finally paste the html code for the image on DD to get the image like this…




HOPE THIS HELPS!! smile

304 Comments  |  
194 Dimers
  • Sort By
Deal Cadet Deal Cadet
Link Copied

https://i.imgur.com/ON30Dmh.png?1

Deal Subedar Deal Subedar
Link Copied

https://i.imgur.com/VesoksB.png

Entertainer Entertainer
Link Copied
There’s a much simpler way to embed images that are already online

You don’t need to save them and reupload them to image hosting sites like Imgur. Imgur is a good option only when you’re sharing images that you created, like screenshots, photos etc.
This isn’t a trick or anything, it’s basic HTML and is used by a lot of dimers already. I’m just mentioning it here coz I’ve noticed an overdependance on image hosting sites for sharing product images from websites on desidime.

Steps:
1) Right click on any image you want to share here.
2) Select “open in new tab”
3) The image alone will open in a new tab. Copy the link from the address bar (It will look like any regular link, but will end in .jpg, .png, .gif, .bmp etc. (any of the usual image extensions)
4) Paste it in the following format: [img src=“xxxxxxxx”] (replace the square brackets [ ] with angle brackets < > and obviously replace the xxxxxxxx with your image link.
It should look like this:

And you’re done smile


Bonus to knowing a tiny bit of HTML :
  • You can specify the image width/ height and get your image sized as you want
    After the img src=“xxxxxxxx”, leave a space and write, width=“200” (if you want your image to be displayed 200 pixels wide. Play around with the number, you’ll get an estimate of what different sizes measure in pixels)
    It will look like this:

    You can also specify the height in the same way, like height=“450”.
  • You can make images clickable, so that when someone clicks on the image, they are taken to a website of your choice. It can be the shopping site/ manufacturer site/ reviews sites/ wikipedia pages etc.
    Just add [a href=“yyyyyyyyyyyy”] before your img element and add [/a] after it. Replace the square brackets with angle brackets and obviously, replace yyyyyyyyyyyy with the website you want to link to.
    It’ll look like

    In this example, clicking on the image displayed from this would send someone to www.benderisgre...om (fictional website)
    You will notice that imgur HTML codes are in an identical format, clicking on the images sends you to the image Hosted on Imgur.

You can read a basic guide for the img element here: http://www.htmlgoodies.com/primers/html/article...

Or you can see more features of the element here: http://www.w3schools.com/tags/tag_i...sp

Hope this simplifies your workflow while posting deals smile

Perfectionist Perfectionist
Link Copied
Mr_N wrote:

There’s a much simpler way to embed images that are already online

You don’t need to save them and reupload them to image hosting sites like Imgur. Imgur is a good option only when you’re sharing images that you created, like screenshots, photos etc.
This isn’t a trick or anything, it’s basic HTML and is used by a lot of dimers already. I’m just mentioning it here coz I’ve noticed an overdependance on image hosting sites for sharing product images from websites on desidime.

Steps:
1) Right click on any image you want to share here.
2) Select “open in new tab”
3) The image alone will open in a new tab. Copy the link from the address bar (It will look like any regular link, but will end in .jpg, .png, .gif, .bmp etc. (any of the usual image extensions)
4) Paste it in the following format: [img src=“xxxxxxxx”] (replace the square brackets [ ] with angle brackets < > and obviously replace the xxxxxxxx with your image link.
It should look like this:
https://i.imgur.com/Gv082eZ.jpg

And you’re done https://cdn1.desidime.com/assets/textile-editor/icon_smile.gif


Bonus to knowing a tiny bit of HTML :
  • You can specify the image width/ height and get your image sized as you want
    After the img src=“xxxxxxxx”, leave a space and write, width=“200” (if you want your image to be displayed 200 pixels wide. Play around with the number, you’ll get an estimate of what different sizes measure in pixels)
    It will look like this:
    https://i.imgur.com/srpusb0.jpg
    You can also specify the height in the same way, like height=“450”.
  • You can make images clickable, so that when someone clicks on the image, they are taken to a website of your choice. It can be the shopping site/ manufacturer site/ reviews sites/ wikipedia pages etc.
    Just add [a href=“yyyyyyyyyyyy”] before your img element and add [/a] after it. Replace the square brackets with angle brackets and obviously, replace yyyyyyyyyyyy with the website you want to link to.
    It’ll look like
    https://i.imgur.com/uRRkB2P.jpg
    In this example, clicking on the image displayed from this would send someone to www.benderisgre...om (fictional website)
    You will notice that imgur HTML codes are in an identical format, clicking on the images sends you to the image Hosted on Imgur.

You can read a basic guide for the img element here: http://www.htmlgoodies.com/primers/html/article...

Or you can see more features of the element here: http://www.w3schools.com/tags/tag_i...sp

Hope this simplifies your workflow while posting deals https://cdn1.desidime.com/assets/textile-editor/icon_smile.gif


gud job Mr_N……:-}

Entertainer Entertainer
Link Copied
Secretagent wrote:
gud job Mr_N……:-}


Thank you https://cdn1.desidime.com/assets/textile-editor/icon_smile.gif
You can bring the 4 step procedure down to 3 steps, if you browser allows it.

When you right click the image, instead of “open in new tab”, click “copy image url” or “copy image location” if you have the option. Then simply paste it in the correct img element format.

Deal Hunter Oct 14 Deal Hunter Oct 14
Link Copied

Kya baat kya baat

Deal Newbie Deal Newbie
Link Copied

https://i.imgur.com/UgBKu.jpg

Deal Newbie Deal Newbie
Link Copied

Test Image

Deal Cadet Deal Cadet
Link Copied

Deal Cadet Deal Cadet
Link Copied

Deal Cadet Deal Cadet
Link Copied
chaudharysaab wrote:

https://cdn0.desidime.com/Placeholders/No-Image-Available.png


Opps for post was testing

Deal Cadet Deal Cadet
Link Copied

How to delete a posted photo?

Deal Lieutenant Deal Lieutenant
Link Copied

https://i.imgur.com/UgBKu.jpg

Deal Newbie Deal Newbie
Link Copied

https://i.imgur.com/h0qAn5H.jpg?1

Deal Cadet Deal Cadet
Link Copied

not able to embed albums
see this post

Deal Cadet Deal Cadet
Link Copied

https://cdn0.desidime.com/Placeholders/No-Image-Available.png

Deal Newbie Deal Newbie
Link Copied

img scr

Deal Newbie Deal Newbie
Link Copied

https://cdn0.desidime.com/attachments/photos/410875/medium/19463036h2jbd.jpg?1481018386

Deal Newbie Deal Newbie
Link Copied

https://cdn0.desidime.com/Placeholders/No-Image-Available.png

Deal Cadet Deal Cadet
Link Copied

https://i.imgur.com/R5nb64B.png

Deal Cadet Deal Cadet
Link Copied

https://i.imgur.com/4UaueZ8.jpg

Deal Cadet Deal Cadet
Link Copied

https://i.imgur.com/cq4f412.jpg

Deal Major Deal Major
Link Copied

http://cdn0.desidime.com/avatars/93973/medium/1captain.gif?1420812973 width=“200”

replyuser
Click here to reply
Reply