Read how to claim your blog / connect it to the lovin’ site.

Step one:

First things first guys, get to the widgets page.

If you’re signed in, your widget should be ready to copy and paste. If not, you will have to manually input your blog url after hitting “get this widget”.

I chose the one that let’s you see the follower number, as you can see in the sidebar. You can choose a cuter image if you don’t like any of the buttons available. (Buttons located at the end of this post)

If you’re going to use one of the sites buttons, just copy the text. (as pictured below)

Step two:

You can either use your blog dashboard or the wordpress.com editor. I like the wordpress site because it’s easier for me. If you like using your dashboard editor, check out this post by Clementine for help!

Once you’re on the wordpress.com site, locate the customize tab on the left under “Personalize”. You should be taken to the editor page. (pictured below)

What’s pictured above is my editor. It might look different for you since I bought my theme and I’m on I have a self hosted site (?)

BTW, if you’re interested in my theme, buy it here! (costs less than $5!)

Now you have to locate your sidebar, it’s usually going to be in the widgets tab. Add a widget to your sidebar. I added the text widget and added the code there. (You have to click ‘text’ to paste it, and once you click ‘visual’ your button should show up.)

Some blogs come with an html code widget. I just did it this way because I wanted the buttons after my bio.

The box that comes up is where you can paste the code you copied in step 1. Your button should now show up on your blog.

WordPress.com users

If you scroll up to the second image in step 1, you can see the highlighted words “wordpress.com is not supported”.

The solution is to :

• Use a text link
  • <a href=” [your url] “>Follow me</a>

Which will look like this : Follow me

• Use an image link
  • <a href=” [your url] “><img src=” [image url] ” alt=”follow me”></a>

Will look like this once you put your own url image:    

Get your own button (made by me)!

Just copy the text inside the box and add it anywhere on your blog that allows code! If you need help, you can always reach out to me.

if your blog has a background other than white you might want to make this image transparent, leave a comment and I can do that for ya!<a href="https://www.bloglovin.com/soyvirgo" target="_blank" rel="noopener"><img decoding="async" src="https://i0.wp.com/soyvirgo.com/wp-content/uploads/2018/08/bloglovinbutton2.png?w=500&ssl=1" alt="button by soyvirgo" data-recalc-dims="1" data-lazy-src="https://i0.wp.com/soyvirgo.com/wp-content/uploads/2018/08/bloglovinbutton2.png?w=500&is-pending-load=1#038;ssl=1" srcset="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class=" jetpack-lazy-image"><noscript><img decoding="async" src="https://i0.wp.com/soyvirgo.com/wp-content/uploads/2018/08/bloglovinbutton2.png?w=500&ssl=1" alt="button by soyvirgo" data-recalc-dims="1"></noscript></a>

<a href=”https://www.bloglovin.com/YOURURLHERE”><img src=”https://i.pinimg.com/564x/59/0f/58/590f58239e0217fb1c8253a657421e0b.jpg” alt=”button by soyvirgo”></a>

Hope ya like these buttons. I will come up with more soon.

Read : how to add a Pinterest button to any image in your blog post.

LOVE, KIKI

instagram ♡ pinterest ♡ tumblr ♡ bloglovin’ ♡ twitter