A Blog Tutorial


If you aren't a computer geek and/or don't really pay attention to Blogger news then you might not know that Blogger has replaced much of the way HTML coding works on its site. Many things have changed but one of the peskiest glitches is that the grab code under buttons no longer shows up. So when you have a section on your sidebar telling bloggers to grab your button, well, there's no way for them to do that because the coded section has disappeared. You might not have even noticed, so go check yours out now! 

I'll wait...

If yours is still there then congrats, this blog post doesn't pertain to you and you'll be bored to tears.
But if yours has decided to peace out on you (or you don't have a button and just really want one) then stick around and learn how to fix it (or add it to your blog) yourself. You'll feel pretty smart once you're finished. And that's a guarantee. 

Create a button for your blog, le duh. If you don't know how to do this, well then you're crap out of luck because my brain can only handle one tutorial at a time. Here's mine (shameless shout out to myself, don't mind me).

Find the URL to your button. You can do this easily by uploading it to Photobucket. 
This is the portion you will be using once you upload your picture.

Copy the following code and replace each of the bolded items with the appropriate links to your own blog and button.
YOUR BUTTON'S URL: This will be the portion you grabbed from step two
YOUR BLOG TITLE: Just as you would write it. Mine would be "Two Thirds Hazel"
YOUR BLOG URL: Your website link. Mine would be "http://www.twothirdshazel.com"

<center><!--grab button header -->
<div class="grab-button" style="width: 250px; margin: 0 auto;">
<img src="YOUR BUTTON'S URL" alt="Grab button for YOUR BLOG TITLE" width="250" height="250" />
<!--end grab button header -->
<!-- button code box -->
  <div style="margin: 0;
        padding: 0;
        border: 1px solid gray;
        width: 100px;
        height: 100px;
        overflow: scroll;">
&lt;div class="YOUR BLOG TITLE" style="width: 250px; margin: 0 auto;">
&lt;a href="YOUR BLOG URL" rel="nofollow">
&lt;img src="YOUR BUTTON'S URL" alt="YOUR BLOG TITLE" width="250" height="250" />
&lt;/a>
&lt;/div>
</div> <!--end grab-button --></div><center>
Once you've replaced all of the links you'll need to copy it and then add it your sidebar.
The steps to get it on there are as follows....

Click on your blog

Click "Layout" 

Click "Add a Gadget"

Scroll down to find the "HTML/JavaScript" gadget

Paste the code into the box and click save.

Sit back and stare at your pretty button and tell people they can grab it now.
Congratulations you little computer genius - you did it!
Grab button for Two Thirds Hazel
<div class="Two Thirds Hazel" style="width: 250px; margin: 0 auto;">
<a href="http://www.twothirdshazel.com" rel="nofollow">
<img src="http://i1244.photobucket.com/albums/gg561/eringray89/200by200_zps4f8cfd39.png" alt="Two Thirds Hazel" width="250" height="250" />
</a>
</div>

post signature