This Page

has been moved to new address

DIY: Add a Pin It Button to your post!

Sorry for inconvenience...

Redirection provided by Blogger to WordPress Migration Service
body { background:#aba; margin:0; padding:20px 10px; text-align:center; font:x-small/1.5em "Trebuchet MS",Verdana,Arial,Sans-serif; color:#333; font-size/* */:/**/small; font-size: /**/small; } /* Page Structure ----------------------------------------------- */ /* The images which help create rounded corners depend on the following widths and measurements. If you want to change these measurements, the images will also need to change. */ @media all { #content { width:740px; margin:0 auto; text-align:left; } #main { width:485px; float:left; background:#fff url("http://www.blogblog.com/rounders/corners_main_bot.gif") no-repeat left bottom; margin:15px 0 0; padding:0 0 10px; color:#000; font-size:97%; line-height:1.5em; } #main2 { float:left; width:100%; background:url("http://www.blogblog.com/rounders/corners_main_top.gif") no-repeat left top; padding:10px 0 0; } #main3 { background:url("http://www.blogblog.com/rounders/rails_main.gif") repeat-y; padding:0; } #sidebar { width:240px; float:right; margin:15px 0 0; font-size:97%; line-height:1.5em; } } @media handheld { #content { width:90%; } #main { width:100%; float:none; background:#fff; } #main2 { float:none; background:none; } #main3 { background:none; padding:0; } #sidebar { width:100%; float:none; } } /* Links ----------------------------------------------- */ a:link { color:#258; } a:visited { color:#666; } a:hover { color:#c63; } a img { border-width:0; } /* Blog Header ----------------------------------------------- */ @media all { #header { background:#456 url("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat left top; margin:0 0 0; padding:8px 0 0; color:#fff; } #header div { background:url("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat left bottom; padding:0 15px 8px; } } @media handheld { #header { background:#456; } #header div { background:none; } } #blog-title { margin:0; padding:10px 30px 5px; font-size:200%; line-height:1.2em; } #blog-title a { text-decoration:none; color:#fff; } #description { margin:0; padding:5px 30px 10px; font-size:94%; line-height:1.5em; } /* Posts ----------------------------------------------- */ .date-header { margin:0 28px 0 43px; font-size:85%; line-height:2em; text-transform:uppercase; letter-spacing:.2em; color:#357; } .post { margin:.3em 0 25px; padding:0 13px; border:1px dotted #bbb; border-width:1px 0; } .post-title { margin:0; font-size:135%; line-height:1.5em; background:url("http://www.blogblog.com/rounders/icon_arrow.gif") no-repeat 10px .5em; display:block; border:1px dotted #bbb; border-width:0 1px 1px; padding:2px 14px 2px 29px; color:#333; } a.title-link, .post-title strong { text-decoration:none; display:block; } a.title-link:hover { background-color:#ded; color:#000; } .post-body { border:1px dotted #bbb; border-width:0 1px 1px; border-bottom-color:#fff; padding:10px 14px 1px 29px; } html>body .post-body { border-bottom-width:0; } .post p { margin:0 0 .75em; } p.post-footer { background:#ded; margin:0; padding:2px 14px 2px 29px; border:1px dotted #bbb; border-width:1px; border-bottom:1px solid #eee; font-size:100%; line-height:1.5em; color:#666; text-align:right; } html>body p.post-footer { border-bottom-color:transparent; } p.post-footer em { display:block; float:left; text-align:left; font-style:normal; } a.comment-link { /* IE5.0/Win doesn't apply padding to inline elements, so we hide these two declarations from it */ background/* */:/**/url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%; padding-left:14px; } html>body a.comment-link { /* Respecified, for IE5/Mac's benefit */ background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 0 45%; padding-left:14px; } .post img { margin:0 0 5px 0; padding:4px; border:1px solid #ccc; } blockquote { margin:.75em 0; border:1px dotted #ccc; border-width:1px 0; padding:5px 15px; color:#666; } .post blockquote p { margin:.5em 0; } /* Comments ----------------------------------------------- */ #comments { margin:-25px 13px 0; border:1px dotted #ccc; border-width:0 1px 1px; padding:20px 0 15px 0; } #comments h4 { margin:0 0 10px; padding:0 14px 2px 29px; border-bottom:1px dotted #ccc; font-size:120%; line-height:1.4em; color:#333; } #comments-block { margin:0 15px 0 9px; } .comment-data { background:url("http://www.blogblog.com/rounders/icon_comment.gif") no-repeat 2px .3em; margin:.5em 0; padding:0 0 0 20px; color:#666; } .comment-poster { font-weight:bold; } .comment-body { margin:0 0 1.25em; padding:0 0 0 20px; } .comment-body p { margin:0 0 .5em; } .comment-timestamp { margin:0 0 .5em; padding:0 0 .75em 20px; color:#666; } .comment-timestamp a:link { color:#666; } .deleted-comment { font-style:italic; color:gray; } .paging-control-container { float: right; margin: 0px 6px 0px 0px; font-size: 80%; } .unneeded-paging-control { visibility: hidden; } /* Profile ----------------------------------------------- */ @media all { #profile-container { background:#cdc url("http://www.blogblog.com/rounders/corners_prof_bot.gif") no-repeat left bottom; margin:0 0 15px; padding:0 0 10px; color:#345; } #profile-container h2 { background:url("http://www.blogblog.com/rounders/corners_prof_top.gif") no-repeat left top; padding:10px 15px .2em; margin:0; border-width:0; font-size:115%; line-height:1.5em; color:#234; } } @media handheld { #profile-container { background:#cdc; } #profile-container h2 { background:none; } } .profile-datablock { margin:0 15px .5em; border-top:1px dotted #aba; padding-top:8px; } .profile-img {display:inline;} .profile-img img { float:left; margin:0 10px 5px 0; border:4px solid #fff; } .profile-data strong { display:block; } #profile-container p { margin:0 15px .5em; } #profile-container .profile-textblock { clear:left; } #profile-container a { color:#258; } .profile-link a { background:url("http://www.blogblog.com/rounders/icon_profile.gif") no-repeat 0 .1em; padding-left:15px; font-weight:bold; } ul.profile-datablock { list-style-type:none; } /* Sidebar Boxes ----------------------------------------------- */ @media all { .box { background:#fff url("http://www.blogblog.com/rounders/corners_side_top.gif") no-repeat left top; margin:0 0 15px; padding:10px 0 0; color:#666; } .box2 { background:url("http://www.blogblog.com/rounders/corners_side_bot.gif") no-repeat left bottom; padding:0 13px 8px; } } @media handheld { .box { background:#fff; } .box2 { background:none; } } .sidebar-title { margin:0; padding:0 0 .2em; border-bottom:1px dotted #9b9; font-size:115%; line-height:1.5em; color:#333; } .box ul { margin:.5em 0 1.25em; padding:0 0px; list-style:none; } .box ul li { background:url("http://www.blogblog.com/rounders/icon_arrow_sm.gif") no-repeat 2px .25em; margin:0; padding:0 0 3px 16px; margin-bottom:3px; border-bottom:1px dotted #eee; line-height:1.4em; } .box p { margin:0 0 .6em; } /* Footer ----------------------------------------------- */ #footer { clear:both; margin:0; padding:15px 0 0; } @media all { #footer div { background:#456 url("http://www.blogblog.com/rounders/corners_cap_top.gif") no-repeat left top; padding:8px 0 0; color:#fff; } #footer div div { background:url("http://www.blogblog.com/rounders/corners_cap_bot.gif") no-repeat left bottom; padding:0 15px 8px; } } @media handheld { #footer div { background:#456; } #footer div div { background:none; } } #footer hr {display:none;} #footer p {margin:0;} #footer a {color:#fff;} /* Feeds ----------------------------------------------- */ #blogfeeds { } #postfeeds { padding:0 15px 0; }

Sunday, September 18, 2011

DIY: Add a Pin It Button to your post!


Because I like you a LOT
and because I have received let's say quite a few emails asking me how to add the "Pin It" Button to my Fabric Wreath POST,
I thought to share with you today how to do it... or how I did it!

I am a simple person and I don't understand computer engineering words...
so if you are like me just a girl that loves pj's and non fancy vocabulary TUTORIALS,  stay and bare with me while
I try my best to explain how I did it!

Here We Go!

{1}
Write and publish your AWESOME post.

{2}

Go to Pinterest-About-Help-"Goodies"
or just click  down here:
{ ...didn't I tell you I like you a LOT ;) }

{ 3 }

FOLLOW these DIRECTIONS



...Just in case you need EXTRA help!

* POST URL: After publishing your post, copy and paste the post URL from your browser.  For example the one with my wreath is...

**URL-IMAGE: This I had no idea of how to do it... so if you are like me this will be helpful.
YOU NEED TO CHOOSE THE ONE IMAGE THAT YOU THINK IS BEST TO PIN.
Right click on the image and go down to where it says  
“Copy Image Location” or " Copy Shortcut"
After, just paste that code into the box.

***Description of the Pin: This is the small description that you'll normally add to your box when you pin something! If you decide to do this you may want to keep it simple with key words that describe your post.

All you have left is to choose the look of your button,
  copy the HTML CODE and paste it on your post.
Remember that your post MUST BE on HTML mode
not in COMPOSE mode.


If you want to add a little something on top like this...
Just go back to compose and add your sentence!


You are done!
It sounds more complicated that what it really is...
It won't take you more than a few minutes.


IMPORTANT:
Keep in mind that this process needs to be done in each individual post where you want the "pin it" button to be. 
I promise it will take you less than TWO minutes.

Have FUN my ladies and make this Monday count!
Besos!

If you Like it...
Pin It

....................................


Click HERE to visit some of
the BEST FIESTAS in TOWN!



Tip Junkie handmade projectsVisit thecsiproject.comWeekend Bloggy Reading







Labels:

14 Comments:

At September 19, 2011 at 4:47 AM , Blogger MADA said...

Thank you so much !

absolutly great tip.

 
At September 19, 2011 at 5:57 AM , Blogger Biz said...

This was uber helpful!
I was totally able to finally figure out how to add a photo to it! :)
Biz

 
At September 19, 2011 at 6:01 AM , Blogger Evie said...

This is great!! Thank you!

evie @ brown paper packages

 
At September 19, 2011 at 7:04 AM , Blogger eleven-o-one said...

Great tip! I just tried it out. So easy! Thank you.

 
At September 19, 2011 at 9:41 AM , Blogger Priscila said...

Thank you! This was so easy! I used it at http://jensennp.blogspot.com/2011/09/halloween.html

 
At September 19, 2011 at 2:52 PM , Blogger Michelle@ourwonderfilledlife.com said...

You're so kind to share, can't wait to try it!!! Michelle

 
At September 19, 2011 at 9:30 PM , Blogger Janet said...

This is great, thank you!

 
At September 21, 2011 at 4:35 AM , Blogger lisa said...

I love you. You are my new hero.
Lisa
the enchanted oven

 
At September 21, 2011 at 7:43 AM , Blogger Ricki said...

Thanks for the tip!

 
At September 22, 2011 at 6:09 PM , Blogger Robyn Rasmussen said...

This is great! I was just wanting to learn how to do this and you helped me perfectly! I am excited to try it out on a post. I'm your newest follower, I found your blog on Hope Studios. So glad I did!
-Robyn from http://tipsfromtheheart.blogspot.com

 
At September 23, 2011 at 6:03 PM , Blogger Jenna said...

Thanks so much,! I can't wait to do this.:)

 
At September 23, 2011 at 8:47 PM , Blogger Ann Marie | white house, black shutters said...

Great tip, thanks so much for sharing it!

 
At September 24, 2011 at 9:22 AM , Blogger Carole @ Blue Chateau Interiors said...

Thanks for sharing this. I'm definitely going to use it.

Visiting from Serenity Now. Following you. :)

 
At September 24, 2011 at 11:35 AM , Blogger Amanda said...

Yay! Thanks for this! I've been wanting to do this.

 

Post a Comment

Subscribe to Post Comments [Atom]

Links to this post:

Create a Link

<< Home