2 Cute Ink Digital Stamps and More!
  • Home
  • Etsy
  • Blog
  • Contact
  • Newsletter

How to Make a "Grab My Button" Code  For Your Blog Using Pinterest and Grab My Button Code Generator for Weebly and Blogger

2/6/2014

5 Comments

 
Pin It!
Picture
I have seen "Grab My Button" codes on other digital stamp blogs a while now and always wanted to have one made for my 2 Cute Ink digital stamp shop.  Since I have been updating everything about 
2 Cute Ink I thought why not update my logo badge and figure out how to create a Grab My Button code.  My artsy friend Patti from Pholk Art Studios posted a link on Facebook to a "Grab My Button" Code generator.  I clicked on it and it was exactly what I needed to make my code button for my blog.  Now you have to do a few things in order to make your button code so I thought I would create some directions so everyone can learn how to make one.

Steps To Create A Grab My Button:

Step 1.  Create a button using a program like Photo Shop.  Make sure the width does not exceed 2.5 or it may get cut off in your blog's side bar.  I had to use 2.4 for my width in my weebly blog because 2.5 width was a tad to wide.  I created my button big and then scaled it down to 2.17x2.4 and it fits just perfect in both my weebly and blogger blogs.
Picture

Step 2.  Login into your Pinterest and Create a New Board ( I created a secret board).
Picture
Step 3.  Fill in the Info to create your board.
Picture

Step 4.   Click the "Add Pin" Button.
Picture

Step 5.  Click " Your Computer" to upload your button image.
Picture

Step 6.   Find your button image on your computer.
Picture

Step 7.  Click on your button image that is now in your board.
Picture

Step 8.  Now Click the Image Button on the top 
Picture

Step 9.  Highlight all the URL of your image and press copy.
Picture

Step 10.  Go to GrabMyButton  and paste your URL in the "Your Image URL" box.
Picture

Step 11.  Scroll down and hit the "Preview" button.
Picture

Step 12.  Look and make sure your button image appears and is not blurry, then hit the green "Get Code" button.
Picture

Step 13.  Now highlight ALL of your code and Copy.
Picture

Step 14.  In weebly grab the "Embed Code" widget and place on you side bar, hit paste and you will have your button!
Picture

Step 15.  In Blogger add the HTML/JAVASCRIPT widget, paste the code and there is your button.
Picture

I hope you enjoyed learning how to create your own button so you can add it to your blog! :)
5 Comments
seo blogger template link
2/13/2014 01:25:14 am

Thanks download the seo blogger template

Reply
his comment is here link
5/5/2014 12:51:42 am

The easiest way to build a platform in today's world is to start a blog. While you can do this with free hosted options like WordPress.com,

Reply
Raza link
5/25/2014 05:01:02 am

Thanks for the article

Reply
Sherri link
7/2/2014 02:10:21 am

Thank you, thank you, thank you! You made this seemingly frustrating task so simple! Your instructions were perfect and I had my button in no time!
Sincerely,
Sherri

Reply
assignment writing link
6/27/2017 05:55:44 am

Awesome way to do tough stuff in a very simple way thanks for sharing this information and i am very sure you will get many appreciations for such an adorable post.

Reply



Leave a Reply.



    Picture

    Welcome

    to  2 Cute Ink!  Where I share my digi's, doodles, crafts and more!
    I hope to inspire you with my arts and crafts!
    Heidi

    Digital Stamps



    Categories

    All
    Challenges
    Crochet
    Digital Stamps
    Drawing Tutorials
    Products
    Sketchbook
    Work Space
    Zentangle



    Picture


    MyFreeCopyright.com Registered & Protected
Powered by Create your own unique website with customizable templates.