Recently

13 April 2013

Week Five Growing Your Blog

Welcome to week five of growing your blog. I hope you've had fun with the last few installments, as much as I've learned in the last few weeks about my own blog, I might have to add more installments, we will see.



Week Five: Growing Your Blog


To view the previous weeks click here: Week One, Week Two, Week Three, and Week Four.

This week we're going to spend some time talking about coding. I know coding can be really scaring some time, but I'm a self taught HTML user. I know I'm possibly younger then some reading but I'll try and break it down to be simple and I'll try and give you as many screenshots as possible. Please remember that you can at any time ask me questions.




Let's begin.


One of my favorite things to show you and something that I only learned a few months ago is my popular posts which include the link to pin it to pinterest. You cannot begin to imagine how many pins I get when I make pinning available to you. I learned all that I need to know about making pictures "pinable" here. But I took the knowledge that she gave me and applied it to my posts as well. 
So I went from the standard "popular posts"
to a more updated version. That not only shows a SCREENSHOT of the thing I'm posting, but it also allows a way for them to pin it. So what I'm going to show you first is what the CODE looks like then start breaking it down piece by piece.






THE CODE



<div align="center">
<a href="URL-OF-BLOG-POST" target="_blank"><img title="TITLE-OF-YOUR-IMAGE-OR-POST"
src="LOCATION-URL-OF-YOUR-IMAGE-FILE" alt="DESCRIPTIVE-TEXT-OF-YOUR-LINK" /></a>
</div>
<div align="center">
DROP CODE FOR PINTEREST PIN-IT BUTTON HERE
</div>
So this code above is what you need to make the buttons for pinterest work either in POSTS or on 
your sidebar like mine.

URL OF THE POST  



If you're not sure how to find this, a quick way is when looking at the sidebar when you're typing up a 

post (in blogger) is to look at your post settings and once you name it look at the PERMALINK. Listed 

there is your blog url. You'll need that.

<<<<<IMAGE FILE

You'll need a photo hosting site, I use photobucket which is free and I'm sure there are many others.

What you will need is the DIRECT LINK. 

So now go look back at the code, and do you see how I'm piecing it together? 

ON TO PINTEREST


To find pinterest's "goodies" page where you can get lots of fun stuff from pinterest for free click here.

From there you'll see a screen and you will click on "Make a pin button"



So once you have selected that you will then move to this screen.
As you can see in this screen you will input the image url and the url for the blogpost. It will also 
ask you for a name, so name it WHAT your blog post is. 
As you can see in this pretty screen shot it provides you with a pretty code, which you then input in 
the drop your pinterest code here. 
That's it you're done! I hope I didn't scare you. If you need more information go ahead and visit the link
where I learned how to do this. I picked it up that night and had it going! 



**UPDATE**
I AM SOOOO SORRY! I just realized that I didn't tell you about the most important part of this code that MUST be in to work!!

Some of you might have seen it when you went to the pinterest goodies page after you hit build:

<script type="text/javascript" src="//assets.pinterest.com/js/pinit.js"></script>


You need to enter this code right before the </Body> tag
Let me show you: 
Go to your template 

 
Now go to edit HTML


You need to hit ctrl f on your keyboard. This will bring up a search bar. Search for /body once you find it paste the code right above it. 
IF you cannot find that piece of code:
Pinterest provides an "advanced" option under the widget builder (don't worry it's no more complicated and it's the one I have to use because I don't have <body> </body> 


<script type="text/javascript">
(function(d){
  var f = d.getElementsByTagName('SCRIPT')[0], p = d.createElement('SCRIPT');
  p.type = 'text/javascript';
  p.async = true;
  p.src = '//assets.pinterest.com/js/pinit.js';
  f.parentNode.insertBefore(p, f);
}(document));
</script>

For this one you will want to search (ctrl f) for the <head> tag. You can place this code ANYWHERE in between <head> and </head>.

I apologize so much if this didn't work for you because this part was missing!  
 

Fun Stuff


The other thing I'm going to give you this week is the link to the places where I learn all my code work:
I apologize friends that this week's post is so incredibly short. My grandmother died this past 
Wednesday and with no wifi at my mom's house I'm having to borrow from Panera, but there's 
a lot of other things on my mind at the moment. Please ask me any questions and if you need to ask 
detailed questions please email at abigail.cappel @ gmail {dot} com
I'll be able to check that more often then my blog.
I have appreciated ALL of your amazing comments this week, and I look forward to many more. 
As always any and all questions are welcome as well as comments.

11 comments

  1. Hey Abigail,

    That would be fine to link to my tutorial on custom facebook tabs. I will be back tomorrow to link up to your party.

    Thanks for the invite,
    Alex

    ReplyDelete
    Replies
    1. Alexandra- I have to get to work on updating my facebook page but it's been a crazy few weeks. I'll be posting a bunch of links and answers to questions on next weeks Growing Your Blog which is where this link will be. Thanks again for visiting and for posting this!
      Abbi

      Delete
  2. I wanted to let you know I nominated you for the Liebster Award! http://www.nicole-southerncharm.com/2013/04/i-was-nominated-for-theliebster-award.html

    ReplyDelete
  3. I like your blog. Thank you for the great information and the link party.

    ReplyDelete
    Replies
    1. Kollette- Thanks. I had to close my link party temporarily because I didn't realize it wasn't free.

      Delete
  4. I am so sorry to hear about your grandmother...I pray that you are able to celebrate the life that she lived as you think back on all the years you had with her. Thank you also for the tips! Blessings!

    ReplyDelete
    Replies
    1. Diane- Thanks, she really did go wonderfully. I spent some time down in Florida saying goodbye to her and remembering the good memories. Thanks for visiting.
      Abbi

      Delete
  5. Hi there! Thank you so much for the tips! I found you through Monday Funday! Blessings! Diane

    ReplyDelete
    Replies
    1. Diane- Thanks so much for visiting!! Check out the other weeks if you need more help!
      Abbi

      Delete
  6. Great tips! Thanks so much for sharing. I just pinned this for future reference :) Krista @ A Handful of Everything

    ReplyDelete
    Replies
    1. Krista- Thanks so much for pinning it! Please check out the additional weeks for additional tips.
      Abbi

      Delete

I love reading through your comments and will reply to all comments as time allows me!! Thank you for visiting :D


up