You May Be Losing Blog Comments

I read all these great blogs but I'm unable to leave comments for anyone who has their Blogger comments embedded below their posts.  

If you feel you're missing comments try changing your Blogger comments to the pop-up window option by doing the following: 

1. Go to your Blogger Dashboard
2. Settings
3. Comments
4. Go to the Comment Placement Form -
   It's the 3rd option down
5. Click Pop-up Window option
6. Scroll down and Save Settings

In a community discussion a member also suggested turning off word verification.  She said many times the word verification window would pop up after she submitted her comment.  By this time she had already left the blog and the comment was lost. 

To change word verification to NO, keep scrolling down after you change your comment placement until you see the "Show Word Verification for Comments?"  Don't forget to save your settings.

Increase Blog Traffic

It's free so why not give it a try. Click link to start increasing your blog traffic:

       Increase Blog Traffic

Grab Button - How To

Step 3 - Grab Button

So again, this took me FOREVER to figure out.  I'm writing so I don't forget and posting to save you the hours of time I wasted.

This is my button.  It's not great but whatever, I'm learning.  If you need a button click HERE.

To display your button without a code:
Click HERE.

To display your blog button and code:

1)  Open your Blogger Dashboard.  Click New Post.  Click the Insert Image button.  Click Browse.  Find your button from your desktop (or wherever).  Click Open.  Click OK.

2)  Now you have this:

3)  From this screen right there, right click on your button.  Then click Copy Link Location.   Open a blank word document and paste your code - will use later.

4)  Now back to your New Post - leave as is and Click Design, Add A Gadget.  Find HTML/JavaScript gadget and click on + sign.

5)  Now you have this:

6)  Enter Title (Grab My Button).  Copy the code below and paste in Content window.

<center><a href="http://moremilestones.blogspot.com/" target="_blank" title="More Milestones"><img alt="More Milestones" src="http://3.bp.blogspot.com/_aTq5vWoP87k/TARVuHfEMpI/AAAAAAAAAFw/wprUMZSZ5DA/s1600/MoreMilestones10.jpg" /></a><center>

</center>
<center><textarea id="code-source" rows="3" name="code-source"><center><a href="http://moremilestones.blogspot.com/"><img border="0" src="http://3.bp.blogspot.com/_aTq5vWoP87k/TARVuHfEMpI/AAAAAAAAAFw/wprUMZSZ5DA/s1600/MoreMilestones10.jpg" /></a></center></textarea></center></center>

7)  Make the following changes to the code you just pasted:
Your blog url
Your blog title
The link location code you just pasted in word

8)  Now click on Save and Preview.  You should now have this... well, you know - your button and code.

 

9)  Now you can move your gadget button wherever you want on your blog and save.

10)  Woo Hoo!  You're ready to swap blog buttons with all your blogging buddies.

Add Blog Button

Step 2 - Add Blog Button

Adding blog button to Blogger:

1) Create Blog Button.

2) Now go to your Blogger Dashboard, click Design, click Add Gadget, find Picture and click on + sign.

3) This screen will pop up.

4) Enter your blog url in Link box. Click Browse. Find your picture from your desktop. Click Open. Click Save.

5) Click View Blog and there it is. Now save and you're good to go.

 

Great job!  Everyone can see your blog button.

If you want bloggers to display your button you need to create a code for them to grab.

Go Here:  Grab Button - How To

Create Blog Button

Step 1 - Create Blog Button

If you want to create a blog button starting from nothing start here:



1)  Open blank Paint Document.
       Decorate
     Save As "Button Sample"

2)  Open "Button Sample"
     (or uploaded picture)
     Edit in Picasa3
     Save As "Button Sample1"

That's it you're done. 

Now to post your button on your blog go to Add Blog Button.

Link Your 1st Blog Post

Click HERE to post your 1st blog post.

I would love to read your very first post. Please link up your very first blog post and read those left by others. It's sure to make a very interesting read.

Add Footer Columns

    To add these columns: 

    Go To Html &....

    Find:  <b:section class='footer' id='footer'/>

    Replace With:

<div id='footer-column-container'>
<div id='footer2' style='width: 30%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>
<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>
<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>
<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>
<div style='clear:both;'/>
<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>
<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>
</div>
<div style='clear:both;'/>
</div>

    Preview - everything should look the same

    Find:  ]]></b:skin>

    Right Before Paste:

#footer-column-container {
clear:both;
}
.footer-column {
padding: 10px;
}

    Preview - everything should look the same

    Save

    Add Gadgets - you will now see where the columns go when looking at the Page Elements page under Design.

    Tip/Trick Found Here:

Blogger Stop


UPDATE:
On this layout I couldn't find <b:section class='footer' id='footer'/>
but I found <div id='footer'> 
I didn't replace it.  I only added the code below it. 

Adding Border to Pics

Let's see if I can learn something new today.
I'm going to see if I can get some sort of border on my pics. 
Here we go.

This is the code I used for this pic:

.post img, table.tr-caption-container {
border:5px double #CCCCCC;
padding:5px;
}