bloggers, design, tutorial
Comments 5

How to code your blog button!

blog button

Blogger Tutorials

How to Code your Blog Button + Share with your favorite blogs! 

Hi guys! Finally back with Part 2 of the blog tutorial! You can read the first part here How to create a blog button / about me . Thank you for all your wonderful comments and “likes”. You guys are amazing! Now, on to the tutorial.

Here are a few tips for your blog button.

1. Make sure your button is not too big.
I made mine around 250 x 250 px. The reason is that some blogs might not want to add your button if it stretches out their sidebar. You don’t want that now, do you?

2. Make sure you test out your own code.
I could not figure out why my code wasn’t working… so I fixed the problem by adding my code to my sidebar and clicking on it. If it didn’t work – I would go and fix the code. It’s really bad if you give someone your code and it doesn’t work. Even if a reader wanted to check out your blog, they wouldn’t be able to! 

Onto the code!

*huge edit* So, I had nearly finished writing an essay about how to write the code when I got a headache and realized that this was going to be more complicated that I originally thought. So, after a quick look around google (which was how I got the code in the first place) I decided to look at how to just find a website to show you guys the code instead of me putting it in a text box.

Lo and behold, I found a website that can easily do the coding for you guys!
 
Use “Grab my button Code Generator” . Either click on the picture below or access through this link  here

 tải xuống

Untitled-2

It’s very simple to use and the textbox is way cuter than before!

Last minute Tips

1. Make sure to put your image before the text box, like I did. That way bloggers can see what your blog button will look like and know what the code is for!

dianas-adventures

<a href=”http://www.dianasadventures.wordpress.com&#8221; rel=”nofollow”>
<img src=”https://dianasadventures.files.wordpress.com/2015/01/buttons1.jpg&#8221; alt=”dianas adventures” width=”200″ height=”220″ />
</a>
</div>

and if you guys are interested.. swap buttons with me 😀

If you have any other questions or concerns, leave me a comment below and I’ll be sure to respond as soon as I can! 🙂 

Advertisements

5 Comments

  1. I was looking all over the place the other day trying to figure out how to offer a button on my page. I spent 2 hours trying to figure it out and finally just gave up. Thanks for this info!!

  2. Pingback: Tips for New Bloggers | Dianasadventures

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s