Skip to main content
Blogger tips and tricks
My first Blogger Tips and Tricks post received such a positive response that, I have decided to make this a monthly feature. I know sometimes HTML codes and blogging, in general, can make you feel like you’ve just taken a trip in the Tardis..but my wish is to make it as simple as possible for you.
Update: I noticed when copying the code from this post the quotes are fancy and can mess with code. Please replace them before using code.

 1. Placing Images Side by Side on my Blog. 
Blogger tips and tricksBlogger tips and tricks

This is a simple way to place them side by side.
Access the HTML side of your post and type the following code:
<table>
<tbody>
<tr>
<img alt=”” src=”image url image 1″ width=”180″ />
<img alt=”” src=”image url image 2″ width= “180” />
</tr>
</tbody>
</table>

In the highlighted blue area you will need to place the web-hosted URL of your image. You can use Photobucket(this is what I use and it’s free), Flickr etc to house these images. What?? how do I do that?? It’s easy, download image desired to your computer. Set up an account with web-based photoshop such as Photobucket. When you are logged on, upload pictures from your computer by selecting upload and following directions. Then click save and go to your albums. Under the photo, you will see a direct link, copy and paste that URL into the red area above, repeat for the second image. In the blue area select the width you want the photo to be.
2. Want them to have clickable links????

<center>
<table cellpadding=”0″ cellspacing=”0″>
<tbody>
<tr>
<td><a href=”url address to website”><img border=”0″ src=”url image of picture” /></a></td>
10px;”>url address to wrbsitel”><img border=”0″ src=”url image of picture” /></a></td></tr>
</tbody></table>
</center>
  • To add to your post, go to HTML side of composing and copy and paste this code into the post.
  • copy and paste the link site URL in the red area.
  • In the blue area copy and paste your image URL. Remember it must be an image stored online, for example, Photobucket or Flickr. (be sure and size them the same)
  • Repeat for each image.
  • The 10px  is the distance between images and you can change that number to suit your needs.

4. Can I do more than 2 side by side images? 

Yes you can, for more images, simply add more code surrounded by ( <td style=”padding-left:10px;”>  and </td> ) Make sure you add them before the tag ( </tr> )
  • <td style=”padding-left:10px;”> paste 2nd link url here“><img src=”paste 2nd photo url here” border=”0″ /></a></td>
5. Can these codes be used in my side bar?
Yes, just be sure to re-size images to fit the width of your sidebar. On blogger, go to add a gadget and use HTML code. Copy and paste the codes we used above.
Tips:

1. Commenting on other blogs:

Be sure to set up accounts with all comment systems that include a link to YOUR blog. (ie. Comment Luv, blogger, Disqus, WordPress, twitter.) I get comments and would love to reciprocate..but if I cannot find you easily I cannot comment.
I know it’s a pain, and I know it takes time to set up profiles but you will see an increase in comments to your blog..trust me. Choice a username and icon to use for all profiles. This will make you recognizable!!! You can use the same password to make it easier to remember. Add your blog and twitter link to this profile. Market yourself everywhere you go.
2. Images in your sidebar 

To all the bloggers with pictures in your sidebars that hang out over the edges..you can use PhotobucketFlickr etc to re-size those images to fit within the sidebar. You can also resize your side bar by customizing your template. For Blogger, go to Template, customize, adjusts widths and play around with it, till you get the look you want.
Good Luck and if you have a problem..email, tweet or facebook message me 🙂
If there is something you want to learn about or n

Comments

Popular posts from this blog

》¡》》》¡》 NAVIGATE Want To Spend More Time On Your Writing And Tired Of Doing It All? A Virtual Assistant Can Help Alexandra Amor Sometimes you need specific help for your situation Indie authors often have an edge of control freakery … well, I do! I like being in control and I enjoy pretty much all aspects of being an author entrepreneur. But I hit a wall about 18 months ago, and I definitely needed some help, so I started looking for a virtual assistant to help me. I had a few varied experiences and learned some lessons, and then  Alexandra Amor reached out to me with some brilliant suggestions for how she could help. Alexandra is a children's author, but she is also a fantastic virtual assistant for me and a number of other authors. I trust her to help me with key tasks in my author business, and she even suggests things that I may not have thought of. Alexandra Amor Today, Alexandra explains how a VA can help authors. Joanna has previously...
× DeviantArt DeviantArt FREE - In Google Play VIEW Deviant Art Morgan S Hazelwood 10 Questions to Ask Your Beta-readers   Morgan Hazelwood 1 year ago Advertisements Asking for Feedback Now that NaNoWriMo is over, a lot of us are asking “what’s next”? I mean, clearly there are those of us, many of us, who either didn’t finish NaNo, or whose NaNo wasn’t long enough to finish our stories, and of course the answer for us is clear – finish that rough draft. For the rest of you, run your novel through spell-check, do a few read-throughs, make sure your story says what you want it to. I like to print it out at this stage, mark it up, write pages and pages of new material on the back, sort it out by chapter, making index cards for each one… There are a lot of ways to edit it, to clean it up and make it consumable by eyes-that-aren’t-our-own. But, eventually, we’re going to have to let the manuscript go. To send it to a beta reade...
When we have excerpts or chapter reveals on site I do not like to copy and paste that long doc into a post. I have using a Google Embedder but it can get annoying and glitchy. Is there anyway to add a scrolling text box to posts? Juliana Hi Juliana! This is absolutely possible.   And luckily, it’s super easy to do! Here’s a preview of what we’ll be creating: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus non finibus tortor, sed ullamcorper massa. Cum sociis natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus. Integer nulla lacus, maximus at tristique et, accumsan eget metus. Suspendisse arcu nisl, malesuada sit amet ante et, auctor porttitor nisl. Ut dictum leo metus, ac accumsan sem volutpat ac. Nulla leo eros, ultrices quis gravida id, rutrum at enim. Nam et volutpat nunc. Phasellus eu mollis nisl. Aliquam eget scelerisque ex, in dapibus nibh. Interdum et malesuada fames ac ante ipsum primis in faucibus. Suspendisse mollis s...