# How do I add a Image to Reason theme Blog? **URL:** \ **Category:** RapidWeaver Classic\ **Created:** [January 5, 2016, 12:27am UTC](https://forums.realmacsoftware.com/t/how-do-i-add-a-image-to-reason-theme-blog/4807 "2016-01-05T00:27:45Z")\ **Posts on this page:** 12\ **Page:** 1
**Author:** ![Flashoser](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/flashoser/32/2051_2.png) [@Flashoser](https://forums.realmacsoftware.com/u/Flashoser)\ **Post date:** [January 5, 2016, 12:27am UTC](https://forums.realmacsoftware.com/t/how-do-i-add-a-image-to-reason-theme-blog/4807/1 "2016-01-05T00:27:45Z")
I’m new here and older and my son turned me onto Rapidweaver, which i am very thankful for! I just can’t seem to post along with my comments an image with my comments in the blog, they are in my resources the images that is, and I though I could drag an drop like I read on this forum, I’m sure I am wrong, but how do you do it without code? I was able to produce a very nice website without much code at all which i am not good at like my son… Thank you for any help… ---
**Author:** ![Turtle](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/turtle/32/1438_2.png) [@Turtle](https://forums.realmacsoftware.com/u/Turtle)\ **Post date:** [January 5, 2016, 12:37am UTC](https://forums.realmacsoftware.com/t/how-do-i-add-a-image-to-reason-theme-blog/4807/2 "2016-01-05T00:37:10Z")
@Flashoser You cannot drag and drop from the resources folder onto a page. You have to use the %resource()% macro in an image tag like thus: `` And all should be good… HTH Brad ---
**Author:** ![Flashoser](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/flashoser/32/2051_2.png) [@Flashoser](https://forums.realmacsoftware.com/u/Flashoser)\ **Post date:** [January 5, 2016, 1:59pm UTC](https://forums.realmacsoftware.com/t/how-do-i-add-a-image-to-reason-theme-blog/4807/3 "2016-01-05T13:59:34Z")
is there a way to reduce th size of them in that line? and by the way thank you very much… ---
**Author:** ![instacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/instacks/32/23339_2.png) [@instacks](https://forums.realmacsoftware.com/u/instacks)\ **Post date:** [January 5, 2016, 2:12pm UTC](https://forums.realmacsoftware.com/t/how-do-i-add-a-image-to-reason-theme-blog/4807/4 "2016-01-05T14:12:36Z")
@Flashoser Michael, try this: ``` ![]() ``` With this, you control the height of the image, and the width will adjust accordingly in respect to the original image layout. Cheers, Jannis ---
**Author:** ![Flashoser](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/flashoser/32/2051_2.png) [@Flashoser](https://forums.realmacsoftware.com/u/Flashoser)\ **Post date:** [January 5, 2016, 2:25pm UTC](https://forums.realmacsoftware.com/t/how-do-i-add-a-image-to-reason-theme-blog/4807/5 "2016-01-05T14:25:10Z")
that did it perfectly!!! thanks!!! ---
**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\ **Post date:** [January 5, 2016, 2:51pm UTC](https://forums.realmacsoftware.com/t/how-do-i-add-a-image-to-reason-theme-blog/4807/6 "2016-01-05T14:51:52Z")
@instacks Thank you, Jannis Why this code does not work in Tesla, Split and some other themes? How can I adjust the code for these themes? ---
**Author:** ![instacks](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/instacks/32/23339_2.png) [@instacks](https://forums.realmacsoftware.com/u/instacks)\ **Post date:** [January 5, 2016, 3:10pm UTC](https://forums.realmacsoftware.com/t/how-do-i-add-a-image-to-reason-theme-blog/4807/7 "2016-01-05T15:10:50Z")
Hi @Oscar, This should be theme independent: - [http://www.w3schools.com/tags/tag\_img.asp](http://www.w3schools.com/tags/tag_img.asp) - [http://www.w3schools.com/tags/att\_img\_height.asp](http://www.w3schools.com/tags/att_img_height.asp) Cheers, Jannis ---
**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\ **Post date:** [January 5, 2016, 4:07pm UTC](https://forums.realmacsoftware.com/t/how-do-i-add-a-image-to-reason-theme-blog/4807/8 "2016-01-05T16:07:43Z")
No solution found in the w3school pages. But, when I set the image width only, it works! `` ---
**Author:** ![Turtle](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/turtle/32/1438_2.png) [@Turtle](https://forums.realmacsoftware.com/u/Turtle)\ **Post date:** [January 5, 2016, 11:13pm UTC](https://forums.realmacsoftware.com/t/how-do-i-add-a-image-to-reason-theme-blog/4807/9 "2016-01-05T23:13:43Z")
@Flashoser Don’t forget to add the alt attribute `sample text describing image` Some good resources mentioned by @instacks and @Oscar Brad ---
**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\ **Post date:** [January 6, 2016, 1:08pm UTC](https://forums.realmacsoftware.com/t/how-do-i-add-a-image-to-reason-theme-blog/4807/10 "2016-01-06T13:08:22Z")
The alt text is always forgotten 😉 ---
**Author:** ![Oscar](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/oscar/32/80_2.png) [@Oscar](https://forums.realmacsoftware.com/u/Oscar)\ **Post date:** [January 6, 2016, 3:49pm UTC](https://forums.realmacsoftware.com/t/how-do-i-add-a-image-to-reason-theme-blog/4807/11 "2016-01-06T15:49:10Z")
Strange, in Tesla and some other themes, this code only works with data in width, not in height. `image description` ---
**Author:** ![cherondearle](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/cherondearle/32/17550_2.png) [@cherondearle](https://forums.realmacsoftware.com/u/cherondearle)\ **Post date:** [November 19, 2019, 5:56pm UTC](https://forums.realmacsoftware.com/t/how-do-i-add-a-image-to-reason-theme-blog/4807/12 "2019-11-19T17:56:48Z")
This thread is so old, but maybe there are people “out there” who are still asking. I find this the easiest way…no code, no resources! Pull up photos, highlight the one you want. Press Command + C together. (This copies the photo) Go to website page, set cursor where you want the picture to be. Press Command + V together. This transfers the picture to the page. Double click on the photo, this brings up the “sizing box.” (Not sure of the technical name.) Click on the sliding scale until you get the size you want. There are also other options to adjust the picture in this box. Use Enter and Tab to place the photo. Remember to Save. And breathe…!