Pages

July 24, 2014

Blog Baby Blog Summer Series: Pin It Hover {or Not}

Hey there everybody! I'm here with the fifth post of my summer series on blogging.  Summer is a great time for teachers to dive into blogging.  It's about the only time we have to try something new and take time to learn about it.  I hope these series will be helpful to new and not so new bloggers.  Miss one?  Catch up here:

This tutorial is a two parter on how to install the Pin It Hover and block the Pin It Hover.  Brace yourselves.  It involves HTML code.

PART 1: ADDING THE PIN IT HOVER BUTTON

This is an awesome tutorial from Blogger Sentral.

You have to enter the dark side to do this-your Blog's HTML code.  I know, I know.  It's scary in there.  But, back up your template, and just dive in.

You'll want to find this line of code: </body>

**It's waaaaay down there.  Try hitting CMD F when you open your code ( CTRL F on a PC).  A little box will pop up in the top right corner of your template.  Put in </body> and it will find it for you.

Paste the following code above </body>

<script>
//<![CDATA[
var bs_pinButtonURL = "http://3.bp.blogspot.com/-y3xzTGiGzH0/UK4XOaUpdaI/AAAAAAAADw8/Z1MH4Jr4Efo/s1600/pinterestx1_72.png";
var bs_pinButtonPos = "center";
var bs_pinPrefix = "";
var bs_pinSuffix = "";
//]]>
</script>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.min.js' type='text/javascript'></script>
<script id='bs_pinOnHover' src='http://greenlava-code.googlecode.com/svn/trunk/publicscripts/bs_pinOnHoverv1_min.js' type='text/javascript'>
// This Pinterest Hover Button is brought to you by bloggersentral.com.
// Visit http://www.bloggersentral.com/2012/11/pinterest-pin-it-button-on-image-hover.html for details.
// Feel free to use and share, but please keep this notice intact.
</script>


**The 5th line of code tells the Pin It Hover button where to "sit".  You can change it to one of these if you like:
topleft
topright
bottomleft
bottomright

Save and you're done.  If it's not working, visit the original Blogger Sentral tutorial for some trouble shooting help.

Want to get fancy and create your own Pin It Hover button?

•Size matters: About a quarter of an inch or a little bigger is a good size.  You don't want it to be so huge that it take over the picture.

•Add it as an image to a blog post.  Switch over to HTML in your post and grab the image's "address".

•Replace the URL address in the third line of code with your own.

•Just delete the post where you uploaded the image when you are finished, no need to publish it.

PART 2: BLOCKING THE PIN IT HOVER BUTTON
Sometimes you don't want the Pin It Hover button to show up.  Maybe it's a small picture.  Maybe it's a linky.  Maybe you're just not in the mood.

Hover over my example:
See what I mean?
A little bit of code can fix that.  
When you are creating a post and add the image that you want to block the pin it hover from, you will need to:
•Switch over from "Compose" to "HTML" (look at the top right corner of your post)
•Find the image in your post.
•Above this line of code above it: <div class="nopin">

•At the bottom of your your image code, add: </div>
Now look what happens to this image when I add that code to this image:
Here is the dirty side (HTML)  of what that second image looks like:

<div class='nopin'>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://4.bp.blogspot.com/-V99UxFu8B_4/U6BdLJEnxyI/AAAAAAAAQNo/R67Jwc1bcl0/s1600/Example.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://4.bp.blogspot.com/-V99UxFu8B_4/U6BdLJEnxyI/AAAAAAAAQNo/R67Jwc1bcl0/s1600/Example.png" /></a></div>
</div>

The top and bottom lines are the code I added.

That's it! No you can Pin It hover.  Or not.


July 16, 2014

Some Tips From My Friends

Hi everyone!  I'm back with another Blog Baby Blog post for my summer blogging series.  Missed the first four?  Catch up here:

I'm with my sweet girl in Philadelphia.  She had surgery on Friday, and we got to leave the hospital a day early!  It's been rough, but she's been amazing.

Since I've been a little busy taking care of my daughter, I asked some of my bloggy friends to share some blog tips with you.

#1 Fern from Fern Smith's Classroom Ideas

Fern Smith's Classroom Ideas
Using Blogger, always use the "Properties" feature for the pictures on your blog. Use your blog name in both the Title Text and the Alt Text. For example, Fern Smith's Classroom Ideas Freebie Friday Vocabulary Notebook. This will be hidden in your html and help move your blog up the Google rankings.

#2 Dana from Prepping for the Primary Gridiron

Prepping for the Primary Gridiron
Keep a journal or file of ideas to blog about. Spread your ideas out so you can post 2-3 times per week (if not more). And remember to share pictures - a great visual goes a long way!

#3 Tanja from Journey of a Substitute Teacher

When commenting on a blog post, instead of saying "Come follow me !", you can leave a comment relevant to the blog post, and then a link to your blog underneath your name.

#4 Angela from Hippo Hooray Second Grade

Hippo Hooray for Second Grade!
Always watermark your photos with your blog name. Images get passed around on Pinterest or other bloggers might share your photos on their blog/Facebook page, and you need to make sure people know the original source. Megan has a GREAT tutorial on how to do this :)

#5 Jivey from Ideas by Jivey

Ideas by Jivey
Don't be a no-reply blogger! I have built some of my best friendships by emailing with other bloggers... Many people don't even realize they are a no-reply blogger. Here is a link on my page to fix it! http://ideasbyjivey.blogspot.com/p/no-reply-blogger-no-more.html
**Google is constantly changing things now that they're really pushing Google+, so if Jivey's tutorial does not work for you here is another: Get Connected

#6 Amanda from Collaboration Cuties

Collaboration Cuties
Blogging is a great way to share your ideas and products you've made. Be sure to include pictures of how you use your products and ideas in your classroom. It's much more fun to read a post that shows learning in action than just lists of products you'd like your followers to buy. Only posting about your products will turn your readers off. Be sure to space out your advertising posts with posts that have tips and tricks for your readers to use in their classroom.

#7 Sara from Miss V's Busy Bees

Miss V's Busy Bees
Just be yourself and communicate with bloggers like you would your friends in real life. Being more authentic and personable is the easiest way to gain followers instead of asking for them. This will be completed through simply holding conversations.

#8 Katie from Queen of the First Grade Jungle

Queen of the First Grade Jungle
Make it personal! I think it is important for readers to connect to you as a person, in addition to a writer/teacher. I remember when I first started reading blogs, I fell in *love* with Cara Carroll and Abby Mullins because their personalities just shined in their blog posts! I make sure to include pictures of my family and infuse my writing with ME! It's just like we tell our students: If you are bored when you write it, your readers are going to be bored when they read it!

#9 Gladys from Teaching in High Heels

Teaching in High Heels
Be consistent and give it time! Consistency is super important...it's much easier to lose followers than to build up an audience, so make sure you're blogging consistently 2-3 times a week is perfect! Also, give your blog time to grow. The web is an enormous, noisy place so if you want to be a successful blogger you have to invest more over a greater period of time.

#10 Christy from Teaching Tales Along the Yellow Brick Road

Teaching Tales Along the Yellow Brick Road
I've grown so much as a teacher through the collaboration and sharing that's done through blogging. Better yet, I've developed many friendships with teachers all over the states and beyond. Building these relationships starts with authentic commenting on other blogs, responding to those that comment on your blog, before you know it you'll develop some truly great friendships!

And the last one is from ME!

If you haven't claimed your blog on Bloglovin', go do it NOW!!! It's the best thing you can do to build followers. Here's an easy tutorial on how to do that.

July 9, 2014

Control Your Destiny-Or at Least Your Blog Thumbnail


This cracks me up:
But you know what?  It has nothing to do with this post.  This is another little blogging tutorial for you from my Blog Baby Blog summer series.
Here's the thing.  Sometimes when I'm writing a post it makes sense to start out with a goofy picture I think is funny (unlike this time when it didn't really make any sense), or a before picture for a makeover post, or whatever.  But it's not necessarily a good representation of my post, and maybe not what I'd want for my thumbnail.

BUT DO YOU KNOW WHAT?  That goofy Mr. Bean photo was not my thumbnail today.  Because I now control my thumbnail destiny.

Here's what I did:

•Went to the very top of my post and inserted the picture I did want for my thumbnail. (At this point, the picture is on twice.  Don't stress about it right now.)

•Now for the scary part.  I switched over to HTML (look in your top left corner under your blog title).

•Delete the first line of the code.

•Insert this line in its place:
<div class="separator" style="clear: both; display: none; text-align: center;">

•Switch back to Compose.

•Boom.  That's it.  You just controlled your thumbnail destiny. (Don't believe me? Switch over to preview.  You won't see your first picture.  But it's there, so blog reader sites pick it up as the first blog post image.)

Will this change your life?  No.  But sometimes I rewrite or rearrange a post because of the thumbnail.  Now I don't have to waste time thinking about it.  Instead, I can waste time on Pinterest with nonsense like this:

July 4, 2014

Finishing the Beast and a Sale


HaPpY FoUrTh Of JuLy EvErYoNe!

This is something that has been on my mind to put together for a while, but life has been a little crazy.  I finally got it on TPT last night after finishing up five new sets to complete it.

I feel like there should be some dramatic introductory music here . . . .
I made five new sets to finish off this bundle: Earth Day, Susy (back to school), Elvira (Halloween), Gobble (you should figure this one out), and Hanukkah.

Today is a great time to grab this bundle or any of my mini sets because my store is on sale for the Fourth of July.

Thanks to my sweet friend Alisha from The Bubbly Blonde who shared this sign with me.  I hope all of y'all have a fun {and safe!} Fourth of July holiday.


July 2, 2014

Get Connected

Hi everyone!  Thanks for coming back for Week 3 of my summer blogging series.  Missed Weeks 1 & 2?  Catch up here and here.

One of the best things about blogging is connecting with other bloggers.  Getting connected takes time and needs to happen authentically, but there's one thing you're not doing that can be shutting it down.

Are you a . . . .
Cue the sad violin music.

So here's the thing, when someone comments on your blog, the comment pops up in your email.  Being able to reply to this quickly through email is important.  Blogs are public for all the world to see.  It's not the place for us to have a conversation.  That's why you mainly get a "Thanks for stopping by!" generic comment from bloggers.

While replying to comments through emails, it's much more personal.  I've gotten connected to other bloggers and built friendships.  It's nice to have that.  Ever try talking to your husband about blogging?  Um, yeah.  Bloggy friends are better for that.

So, how do you ditch the no reply blogger life?  You can watch this tutorial (it's a quick one at under two minutes):

Or follow these steps:

**A note on Step #1.  This is only true for people who have never set up their blogger profile with an email address.  If you previously got rid of your no reply bloggerness, then you may see the GooglePlus profile there.



June 25, 2014

Tiny Blogger Cheats

Hey there! I'm back with week #2 of my summer blogging series.  This week is all about tiny Blogger cheats to make your blogging life better and easier.  
I swear there is someone, somewhere at Google headquarters that comes up with ways to make my blogging life more difficult.  This first cheat is evidence of that.
One random day, I was installing a blog and adding an image to the sidebar.  Like I've done a million times.  Except that day (and everyday since then), Blogger refused to let me add an image without giving it a title.  Except the image was the title of the sidebar.  For example:
This graphic would look pretty stupid with the title Archive above it.  After searching on the Internet foreverrrrrrrrrrr, I found a little piece of code:
<!-- -->
Put this nonsense in as your title, and it tells Blogger you don't want a title.  Because, you know, leaving it blank would be too obvious.  
Then one day, Blogger decided it would make your pictures look nicer.  Except they make your pictures look like dingy laundry.  I first found out about this when a blogger emailed me because her whites were not so white.  
After much digging and googling and researching, I found out that Google decided it would auto enhance your pictures.  You have to go into Google+ to tell it to stop.  I think that was a tricky way to get everyone to go onto Google+.  Here's how you can tell Blogger to cut it out:
Need to center something on your sidebar or in a post?  Just add
<center>
at the beginning of the code and
</center>
to the end of it.  This comes in handy for us type A folks.  When you have 7 buttons on your sidebar, and 6 of them are centered, but one is not . . . .
The dreaded black background.  If that #4 was the first image in my post, it would show up as my thumbnail.  Except it would look like this as the thumbnail in a reader's Bloglovin feed:
Because this is a round image is a png file, it has a transparent background.  That empty background gets filled in as black most places because the Internet that sees images as rectangles.  You can easily open a png file in Pixlr, Picasa, Pic Monkey, whatever your favorite editing site is and give it a white background.  My blog button is round, but I have one saved with a white background to use for linkies, etc.  Here's a super quick video tutorial on how to do this using Pixlr's website.
p.s.  I used the center code to get my YouTube video centered.  ; )

Is there anything driving you crazy on Blogger?  Leave a comment!


Related Posts Plugin for WordPress, Blogger...