Blogger Helper: Grab Buttons and Blog Rolls

I wonder how you make a button to your blog. I mean I know how to make the button but how do you get it on your blog with html underneath it so others can grab it? -

I have a more detailed post about this, but the code I currently use is:

<center><a href=" Blog Link" target="_blank" title="Name of Blog"><img alt="bfb2ba" src=" Direct Link to photo"
</center>
<center><textarea id="code-source" rows="3" cols="13" name="code-source"><center><a href="Blog Link"><img border="0" src="Direct Link to photo"width="98%"/></a></center></textarea></center></center>

Blog Link: Link to your blog.

Direct Link to photo: You must have photobucket or other picture storage, then grab the direct link.

Name of Blog makes it so when hover over it you see where it will take you.

The 98% is the width it takes up whereever it is placed. No more manually resizing images so that they fit. My sidebar is 320 px, so with this code images take up 313.6 px.

How do i make my blog roll roll? if that makes sense?
–@thebookmystress

I’m assuming you mean like my Blogs I Love section although I’m not sure if you mean the rolling grab buttons or the changing feed so I’ll explain both.

The changing feed of links is a blogger widget. You select Blog List and then import your feed selecting only the blogs you want included and then say you want a selected amount to show at a time and sort it by last updated or alphabetically. This is quite simple.

The rolling grab buttons is another thing altogether and is called a marquee.

Creating a Marquee:

<center><div class="textwidget"><marquee direction="up" onmouseover="this.stop()" scrollamount="6" onmouseout="this.start()" align="center">
Grab Buttons codes found underneath grab button.
</marquee></div></center>

This is a bit more difficult to explain, but all the purple is places where you can and should change the code to fit your blog.

Marquee direction: I have it going up, because I think it’s more visually stimulating, but most have this going down. All you have to say is “up” or “down” to change.

Scroll amount- This changes how fast the scrolling action is. You need to find the speed that is most comfortable to you. This can be any value between 1-10. I like 6.

On mouse out and on mouseover: Say you want to click on one of the blog buttons the mouseover action stops it from moving. and on mouse out is how it acts normally.

Grab Button Code: Take the code underneath any grab button and input it here.

And to top of this post two coding pieces that I'm in love with < br> and < hr>

br: is like entering the enter button, but sometimes the enter button doesn't work in a space. This forces it.
hr: is the line breaker like below

---

So that is how you code a marquee or a grab button. I hope this is helpful! If you have any questions please fill out the form below or ask me on twitter to get an immediate response.

Categories: Blog Helper