How to Add Photos to Your Blog

Hello everybody. This is Bob Hutchinson with BlogClasses.com. Today, I’d like to talk about adding photos to your blog. It’s one of those really easy things. Well not so easy things that everyone wants to do and it can stomp some people. So, I am going do a really quick video today demonstrating how to put photos in your blog. I am not very good at myself. I always have trouble but when you watch me doing it live. I think you’ll just see how you do it. So, hang out. Let’s begin and I will be right back on a test blog. Okay everybody I am back. Here we are at my test blog or my demonstration blog and what I am going to try to do is show you how to put in photos in your blog but I am going to also explain how you fix a glitch. There is a glitch in WordPress and I haven’t fixed it yet and so, to get the photos what you actually want to do, you have to add a little tiny bit of code to the CSS and that will correct the problem. But first, I’m going to demonstrate what I mean because a lot of people are having problems with this. So, we’re going to go back into the Dashboard. Here we are over here at the Dashboard and I am going to show you how you put in a photo normally. And then I am going to show you what happens. A lot of people get frustrated with this. This is a post. Let me move this over so you can see it. I want to just put in a photo, let’s say right here and you put the cursor where you want it to start and then you go up here to Add Media. You choose a picture. I am going to choose a picture. I have some photos here, blog photos, okay. I will make this a little bigger so you can see it and choose medium icons. I have a picture of people on the beach. I'm going to use that. Now you can see it is loading and most people can figure this part out but what they’re having a lot of trouble with is the sizing and the alignment. So as you can see, there is the picture. I want to move this down a little bit so you can see. Now, I use a medium and I am going to try and put it flush right and then insert the post. Click Insert into Post, okay and here you can see. There is the picture and it should be fine. So we go up here and we click Save. Okay and then, we’re going to go look at Visit Site to see what it looks like. Now, as you can see, it’s not flush right. It’s flush left and this is a glitch that is in WordPress. So, what we need to do is fix the glitch. People get very fast with this, you can just go up here and try and make it fast it to the photo. Make it go right a couple of times. Keep trying it. It still doesn’t work. So, what we have to do is go up into the Design and the Theme Editor and go down here to the CSS. Then you scroll on down until you get to it. I usually put this piece of colon about tell you about right in here between where it’s content and HTML content. All these I put it right in this space in there. It’s I returned and where you put it. And it’s a little piece of code. I’ve included it below this video on the blog. I want to copy it right here and paste it in and then Update File. That little piece of code should direct it so you can get the pictures to align. So we go back to Manage. This is this article and go up here what it looks like now. There. This probably has not changed. We’ve got the photo to go flush left or flush right which is what I wanted. That is one bugs frustrated WordPress bloggers for while. It’s an easy fix. But for beginners, if you don’t know about it, it can be very frustrating because you want to get your photos to look the way you want them. So that’s that. It’s really very simple to add pictures. Resizing them is just a question of using proportions with your computer Advanced Settings. You can see the width and the height here. You can change this but just make sure you do it proportionally. That means that if you’re going to use a calculator and make sure that the width and the height are proportionate. So if you double the width to 600, we can do that right now. Then you got to make sure that your height is 448. I am going to click Update. And as you can see, the picture now is much, much bigger. Click Save. I’ll go up here in Visit the Site. There. This is actually too big for the space. So I wouldn’t make it quite that big. I would make it more half that size and just wrapped it around. So that gives you an idea of how you place photos in your blog and get them to do what you want them to do. Okay, so, that’s that. If you have any questions, feel free to send me an e-mail.