Showing posts with label Blog Tips And Tricks. Show all posts
Showing posts with label Blog Tips And Tricks. Show all posts

Why I Stopped Using Disqus

 (Edit: Please see first comment!  It explains how to turn off affiliate links in Disqus. Very helpful, but at this point I personally am not putting it back on my site because I still don't like other people making money off of my hard work and I'm a little upset that this is apparently the default setting.)

Today, I have a sad blogging tale for you, especially if you use the commenting widget, Disqus, on your blog.  I started writing a quick blurb about this for my Tuesday old-fashioned blogging post, but it became rather long, and considering the popularity of Disqus, I thought it might be worthy of it's own post.

A couple years ago, I jumped on the Disqus blog commenting bandwagon.  A lot of bloggers (especially those on Blogger) were using it because Disqus makes it easier to respond to comments on your blog.  You respond once, and the person who commented gets an automatic email with your response in case they want to continue the conversation.  Since responding to every comment via email was becoming more popular, this streamlined the process.  

I was a little skeptical, because I think Disqus also makes it harder to visit the blogs of commenters (unless they add their blog to their Disqus profile, there is no way of finding their blog).  But the ease of responding and the clean look won me over.  I got the widget, made sure my blog was linked from my Disqus profile, and I didn't look back.

Where It All Went Downhill

A few months ago I was offered a sponsored post from an online clothing company.  It was before Christmas, and I could use the extra cash for presents, so I jumped on it.  One of their few requirements was that I not use affiliate links in that particular post.  No problem, I thought, because I  rarely use affiliate links anyway unless it's for something very specific.

The post went live, and I sent the company my links so they could approve the post...and they emailed back letting me know they had detected affiliate links in the post.  What?  So I went to click on a few links to see if I could catch what they were talking about, and indeed, an affiliate network redirect was attached to each link.  What was this?  Had I been hacked?

I apologized profusely to the company and let them know I was getting to the bottom of these links.  My mom picked up the kids to help me out, and I spent literally the entire day trying to figure it out.  I checked the html of the post.  Nothing. I clicked on product links in other posts, and spotted the same redirect, and realized it had to be something in my blog template.  I spent hours scouring the html of my template, trying to find the piece of code that was doing this.  I tried out my template on my design test blog, and it was the same problem.  I tested out an entirely new template and it didn't fix the problem.  I could not figure it out!  I was crying as I finally decided to remove every gadget on my blog to see if that helped anything.

And then I deleted the Disqus gadget I was using for blog comments.  Poof. Problem solved.  I no longer saw any affiliate links in my posts.

Of course by then my template was in shambles from all my hunting, and I had to re-install everything and contact the girl who designed my current template so she could help me fix it.  What a mess!

I tried spreading my sorry tale in a small Facebook blogging group, and no one else reported the same problem back (yet), but I can't help but wonder if they weren't looking close enough.  I checked out a couple other blogs with Disqus, and I did see the same type of affiliate links on those blogs as well.  I tried to find an email for the company who runs Disqus to let them know that their gadget may have been hijacked to insert affiliate links without the site-owner's permission (which is what I thought was happening at the time), but I couldn't find any contact information or support email.

So now I'm telling you, in case any of you has Disqus! You should know that somebody somewhere might be making money off of your blog links without your knowledge.

It is possible there is some sort of permission for affiliate links in Disqus's terms of use, but I wasn't aware of it before signing up, and I wouldn't have installed the gadget if I had known about the links.  I would have never realized this was happening unless that company had told me they had detected affiliate links.

I had this same problem one other time with a different gadget, an old analytics gadget called Sitemeter that had apparently been hacked to include affiliate links as well (Sitemeter has long since been deleted from my blog).  Some external gadgets don't necessarily update their security measures, and over time they can be hacked and the code used for purposes like this.  I don't know if that is what is going on with Disqus or not, but my experience with Sitemeter makes me wonder.  I wish I had remembered that previous problem gadget before I tore my whole layout apart trying to figure out the culprit - which was Disqus!



What Should You Do?

If you want to see if your Disqus gadget has turned on you as well, try linking to an online clothing store in a post (I tested with a Forever21 product link).  Then go to the post on your blog, and click the link while watching your web address bar.  It should go to the page smoothly and show only the clothing store link in the address field - if you see an odd flash of a different address before it switches to the clothing store link, that's an affiliate link.  

Needless to say, I removed Disqus, and I have since been a little more suspicious of externally-made gadgets (i.e. those outside of the ones that are included in Blogger).  Finding unsuspected affiliate links has happened to me twice now, and I know that I have never had problems with Blogger's internal gadgets.

If you want my recommendation, I would test out your links.  If you find the same issue of affiliate links that you didn't add yourself and weren't aware of, remove all Disqus code from your blog (update! or view the first comment below on how to turn off these affiliate links).  

The good news is that Blogger has improved the look and formatting of their internal commenting system since the days when I installed Disqus! I still have to respond via e-mail separately, but that is a price worth paying to keep my blog free of these types of issues.

Do you use Disqus for blog comments?  






Why I Don't Read Blog Strategy Posts Anymore



"How I Gained 1,000 Followers In One Week"

"Three Ways To Grow Your Pinterest Following"

"How To Make Money Blogging"

I see titles like these every single day in my newsfeed, and if you are a blogger, my guess is that you do too.  When I first started blogging, I searched high and low for posts like these, trying to figure out what in the world I was doing.

On Using A Blog Writing Program


For several years now I have used a writing program to write my blog posts, instead of composing posts directly in Blogger - and I have to say, I love it!  I've never been able to go back to writing in Blogger since I started using a program, so today I thought I'd talk about a few reasons why I like it.


1. It allows me to compose posts offline.  This was especially useful when we had a more finicky internet service, but when you are working with a writer, your post drafts are saved to your computer.  So if you are not in a place where you can access the internet, you can still prepare blog posts, format them, and get everything ready to hit "publish".

2. It is easier to add and position photos.  Maybe it's just my computer, but I always have a hard time moving photos around when I try to add them into a post in Blogger.  With a writer, you can just drag photos into the post you are composing, and it's easy to move photos around in a post. 

3. Photos are resized for you and uploaded in one batch.  When you add photos to your post, you can either choose the exact dimensions you want it to be, or in some writers you can even drag the corners of a photo to size it a precise way.  Then when you upload your post, everything is uploaded in one batch, and the sizes of the photos are exactly how you sized them in the writer.  This makes the uploading much faster because the photos are not being uploaded at full size, and it saves me work and space in my Picasa albums by re-sizing photos for me.

Those are the main things I like about using a writer, though I'm sure others could list more benefits that I haven't really utilized.  So what writer do I use?


Windows Live Writer For PC

I first started using a writer when I had a PC, and the program I used was Windows Live Writer.  If you are a PC person, you are in luck!  I loved Live Writer, and I've never been able to find another program that is quite the same after I switched to Mac. 

I was pretty sad to not be able to use Live Writer anymore when we switched - I've adapted a lot since then, so I don't remember all of the things I could do with Live Writer that I lost.  But I do remember the photo-sizing options being more smooth and easy to use because you can drag the corners of photos to size them a certain way.  Live Writer also formats the program so that it looks like the format of your blog - so you can really see how the post is going to look before uploading it.  

I think it also allows you to edit posts that have already been published, and I seem to remember being able to back up my posts from Live Writer (correct me if I'm wrong - it's been a long time).  I think you can also choose to have your photos uploaded to a website other than Picasa, which is nice if your Picasa albums fill up.  All perks of Live Writer.  And the best part is that you can get it for free! You can download Live Writer for free here.


MarsEdit For Mac

I did a lot of research after switching to Mac, and I finally decided on getting MarsEdit.  It's similar to Live Writer, and it looks like they've even improved a lot of things since I downloaded my current version - you can now edit the HTML of a post in MarsEdit, and they've also added a preview feature and an option to format a template to match your blog.  

With the version I have, you can only compose drafts in MarsEdit, you can't update posts that have already been published.  You also can't resize images by dragging the corners (you have to pick the size you want when you add them to your post).  I'm not sure if those things are different in the new version or not.

Live Writer is definitely the best out there, but I've actually come to really like MarsEdit too. It still allows me to compose posts offline and save drafts until I'm ready to publish them, and it still is way nicer for dealing with photos.  I wouldn't trade MarsEdit for composing in Blogger.

Unfortunately you actually have to pay for MarsEdit - I think it's $40 from the app store?  We got a free gift card to use for apps when we bought our Mac, so it didn't really cost me anything extra at the time.  You can try a free 30 day trial of MarsEdit here.


Do any of you use a writing program for your blog posts?  What is your favorite program?  What are some of the reasons you like your writer?  I can only speak about the two that I've used, so I'm curious to hear what you all think!

How Do You Find Time To Blog?




I have been asked a few times how I find time to blog with two (now three) kids.  There is a long and short answer to that.

Short answer: nap time!

But since I know most of the people who asked are probably looking for a little more than that, I'll give you the long answer as well. . .



When Do I Blog?

I mostly blog while the kids are napping, hence why the short answer is "nap time".  I am very blessed that both of my kids all three kids nap at the same time right now, and they are typically really good nappers - I usually get at least two hours all to myself in the afternoon.

I could clean the house or whatever, and sometimes I do use the time to work on projects.  But typically I use it to do something I like to do.  Blogging is one of those things that I like to do.  It's my hobby, it's not stressful to me.  It is actually relaxing and re-energizing for me to sit down and write or work on my blog design - it is my main creative outlet.  For that reason I often choose to spend those nap time hours working on my blog.

I think I also have more down time than a lot of women for a few reasons.

Because we live in a rural area, I try to consolidate my trips into town, so we spend the whole day at home for three days out of most weeks.  That's three days of good, solid nap times, which translates into about six hours of blog time that I can usually count on each week.

Having a husband who travels a lot for work, though it stinks for me, is actually not too bad for the blog either - since I'm alone in the evenings during the weeks when Derek is gone I sometimes spend a little time blogging before bed.  I have to cut myself off at some point, because I have a tendency to get caught up in what I'm doing when I blog at night and stay up too late, but several months out of the year I have weeknights after the kids are in bed.

Honestly, my blogging time is probably going to change a little now that I have Clyde - I'm not sure my luck will hold out and I'll have three kids who nap at the same time.  (Though for now they are all napping at once!  Newborns sleep so much.)  Wyatt is also going to stop taking naps one of these days.  My blogging frequency may drop at that point, but I'm hoping I'll find another way to carve out time for it - when I have to cross that bridge I'll let you know how it goes!



Making The Most Of My Blog Time

Just as important as finding the time to blog is making the limited amount of time I have as productive as possible.  There are several ways I do that.


I write when I feel inspired.  If I think of a topic that I really want to write about, I try to make sure to work on it within a day or two.  If I wait too long to write down my thoughts, many times they will slip away, and I won't be able to gather the same motivation to get that post written.  If it means putting off a different post I was going to work on, that's what I'll do.  If I can't work on the post right away, I jot a few ideas down in a notebook so I can more easily remind myself of what I wanted to say when I do have time.

I write several of the same types of posts at once.  If I think of a topic and the words are just flowing, I'll write rough drafts of several different posts at once, and then I'll deal with getting them "blog ready" later.

I work in stages.  I find it best and most time efficient to work on blog posts in stages.  Sometimes I'll be in a writing mood, so I might spend my blog time writing out a few different posts, without really worrying about proofreading or getting it "just right".  The next day I might work on pictures or graphics for those posts.  Then the next day I might get the posts finalized, links added, and schedule them.  Working on one thing at a time helps me get more posts written than if I spent time doing all those things in a chronological order for each post.

I don't feel the need to publish the posts right after I write them.   I often write several posts at once, and then hold them in reserve.  This helps me get ahead so that when I am not able to spend as much time blogging I already have a few posts that are mostly ready to go (like this post today - I wrote the rough draft of this post months ago).

I sometimes split posts into multiple parts.  If I'm writing a post that is turning out to be particularly long, sometimes I'll decide if it's something that I can split into smaller posts.  This works best if it is a topic that has sub-topics or categories to it.  If it is a post that I can split up I can stretch it into several days of blog material instead of just one.

I think ahead when it comes to pictures.  If I know I have several book review posts to write, for example, I'll take pictures of all the books at the same time, whether I've read them yet or not.  I'll get them uploaded and edited all at the same time, and when I'm ready to post about certain books, I already have the pictures taken.  If I know I'm writing a post about my pregnancy that I want to use within the next week, I'll take a minute to take a picture of my belly while I already have the camera out.  If I think I might want to post about a recipe, or a house project, or my dog, or whatever, I'll take pictures of those things all in one day, file them in my "miscellaneous folder" on my computer, and they'll be ready to go whenever I actually sit down to write those posts.  Thinking ahead this way saves the time it would take to capture pictures individually for each post.

I schedule posts.  This is the secret for making it look like you update your blog every day without actually having to sit down at the computer every day.  I usually try to keep things scheduled out at least a week ahead, and that gives me more flexibility to not blog on days where I just don't have time (or don't want to).


Blogging like this has become a habit for me, but I didn't start out blogging this way.  If you usually write one post start to finish, it's not going to be easy to start working on multiple posts at once, but it does save time.

If this all seems overwhelming or way too messy for you, I'd say to start with carrying a notebook.  Write down blog ideas as they come to you.  If you have multiple ideas written down, it will be easier to remember to take pictures, or write an extra rough draft, or whatever, when you have the chance.  Eventually it will become a habit to plan multiple posts at once.  I have a hard time not thinking several blog posts ahead now.



One More Tip

The final thought I have about finding the time to blog is that you should only blog to the extent that you actually enjoy it.  That is going to look different from person to person.

The reason I have time to crank out 3-5 posts a week even after multiple kids is because of all of my strategies above, and because it is something that I enjoy doing.  This is how I like spending my free time - as I said, it's actually rather energizing to me.  When I get to that point where blogging starts to suck away energy instead of giving me energy, I take a step back.  I slow down.  And that's okay.

 If you enjoy blogging, try to strategize and make time to do it!  But if the thought of coming up with 3-5 posts a week is too much, just start small.  Shoot for one post a week.  Work your way up to more if you want.  But stop at the point where blogging becomes a chore.  If you don't enjoy it, it's not a good use of your limited alone time as a mom.  Do what you enjoy when you get that time.

Creating A Custom Watermark

Customwatermark

I was asked recently how I made the watermark I used on my photos, so I thought I'd write a little tutorial!

A watermark is just basically just the name of your blog or business, with or without a logo, that you can "stamp" onto your photos.  There are several reasons why I watermark my blog photos - to protect them from being stolen and used elsewhere on the web being chief among them.  If you are a blogger and you don't currently watermark your photos, it is something I strongly suggest that you consider.  Especially in this Pinterest age, it is very likely that your photos will end up somewhere else on the internet, and using a watermark ensures you protect your photos and it allows you to still get proper credit (because people don't always reference their sources properly - shocking, I know).

If you do not have your own photo editing program, you can still add the name of your blog to your photos using an online editor like PicMonkey - just type out your blog name or address into a text box, and you can adjust the colors and opacity to give it a watermark effect.

Personally, I use Photoshop Elements to watermark my photos - this really is the easiest way to watermark, because you can create a brush of your watermark.  Once you have the brush, it is literally just one click to add the watermark!  I first learned how to create a watermark brush in Photoshop by reading this tutorial, but I'll go ahead and tell you the steps here as well.

1. You want to create a blank file in PSE.  Just go to File>New>Blank File.


Newfile


2.  You can make your blank file up to 2500 pixels in width, but don't go over that.  You can't create brushes that are larger than 2500 pixels across.  Make sure the background is set as transparent.


Screen Shot 2014 03 12 at 1 16 56 PM


3.  Next, go ahead and create your watermark.  Get creative!  The one thing I didn't realize when I first made a watermark is that you aren't just limited to text - you can add shapes or whatever.  Just make your text and shapes black in color.  We're creating a brush, not an image, so the final color will just be whatever color you choose for your brush when you "stamp" your image.

Hint: If you add shapes, I recommend making sure the shapes are behind the text, and adjusting the opacity to make them more transparent than your font, like I did in the image below.

Note: If you are creating a watermark for your blog images and you ever plan on making money off your blog, make sure that you choose a font that is free for commercial use.  My first watermark was created with a font that was not free for commercial use, and when I started advertising I had to buy the font to still be legal - not fun.


Createwatermark


4.  Once you have your watermark the way you like it, you need to make it into a brush.  Go to Edit>Define Brush, and it will add it to whatever set of brushes you have open.


Definebrush

5. Name your new brush.

Namebrush


6.  Now you need to make sure that you save the brush into your set - otherwise it will be gone the next time you open PSE!  Click the drop down menu for your brushes, then click the little arrows that point right in that box.  You want to scroll down and click "Save Brushes".  Name your brush set and save.  If you can't find your brush later, you may need to load this specific brush set - follow the same steps here and click on "Load Brushes", and then select the set that you just saved, and your brush should be there!

Savebrushes


7.  Now you are all set to use your new brush!  Open an image to try it out.  Once you have your brush selected you can adjust the settings of you brush with the top settings bar:


Brushdetails


You can adjust size, type of brush, and opacity there.  I like the "Overlay" settings for watermarks because it has a more subtle effect, but feel free to experiment!  For example, here is the watermark used on the "Normal" setting, full opacity:


Brushnormal

Brushnormal2


And here it is used with the "Overlay" setting, full opacity:

Brushoverlay

Brushoverlay2

You can also make your brush different colors (I use white a lot too).

And that's it!  You now have a custom watermark that you can add to photos with one click.
Let me know if you have any questions!

Elements Of A Good Blog Design

One of the questions that I got in my reader survey from a couple months back was "What makes a good blog design?"

I've been designing my own blog from the beginning, and it has changed a lot - even the styles that are popular have changed a lot since five years ago, so anything I say in this post is up for adjustment to future trends, etc.  Personally though, I think there are a few timeless elements of good blog design.  And I have probably broken all of these before coming to my current conclusions!  But here are my tips, in no particular order . . .

Blogdesign
Blog name at the top.  
Obviously.  I don't care whether it's in your sidebar, stretches across the page, or whatever, but just make sure it's at the top.

Make it clean.  
When your blog design becomes too cluttered it's hard for people to find what they want.  Plus it just doesn't create a peaceful, welcoming environment for readers.  If there are too many things going on above the fold (the part of your blog that shows up before someone scrolls down), it just gets confusing, and that applies whether it be too many ads, too many buttons, too many graphics, too much text, or whatever.  Keep it simple.  Try to keep your sidebar well-organized.  Just don't let it feel too chaotic.

Add pages.  
It is important to make it easy for readers to find critical information about you or your blog without having to scroll through all of your content.  The pages I think are critical?  An "About" page - every blog should have one, even if your blog is very small.  A "Contact" page - create a blog e-mail and make it available so readers who want to contact you personally can do so.  And if you are accepting ads or reviews at all - a "Sponsor/PR" page.  You can have more pages than this, but just keep in mind the above rule - don't let it get too messy.  Also, not all pages have to go in your tabs section - you can put some in your sidebar.

Put social media buttons up high.  
Keep your social media buttons near the top of your blog - you want to make it easy for readers to subscribe, and easy for them to find you other places on the web.  If you do not have blog accounts for other social media sites like Twitter or Facebook (which I strongly suggest you consider doing if you don't), you at least need to have subscription links - an RSS button linking to your feed, a button for Bloglovin (right now that's a big way people are subscribing to blogs), and an e-mail button (to "link" to e-mail, just insert this where the link usually goes: mailto:youremailaddress).  For more info on how to create social media buttons you can check out this post.

Put some sort of intro or picture of yourself in the top of your sidebar.  
Once again, make it easy for readers to know who they are reading about!

---

Those are the basics that I think are important, but I do have opinions on a couple other things - some may disagree with me on these, and I have seen nice blog designs that don't obey the following "rules".  But as a rule of thumb, I think it's good to keep these things in mind.

Make sure the title of your most recent blog post is visible before scrolling down.  
I think this is important to draw the reader down into your blog.  Don't make your header too tall, and don't put other things above your posts.

Stick with a light background.  
This is definitely personal preference on my part, but I prefer a white background.  In general a white or light background is just happier and cleaner and more calming than other colors.  This rule can sometimes be broken and still work, but in general lighter backgrounds are just safer.

Stick with basic (aka: boring) fonts for your main page text.  
It's all about making it easy for your readers to . . . well, read.  And fancy fonts as your main text can be difficult for some people.  Have fun with your blog titles and post titles and sidebar titles and graphics, but keep the main text simple.

Other people may add more to my list, but those are the things that I think most good blog designs have.  I've been a little specific with those last three, but I don't think people should get too much more picky than that.  You have to leave some room for personal style! If you like to play with your post formats and alignment of the text - go for it.  If you want to experiment with the position of your header or pages - have fun with it.  Just keep the above rules in mind and you'll be fine.

DIY Social Media Buttons

Today, I want to talk about social media buttons.  I've written about social media buttons before, but I thought it was time for a little refresher since that was several years ago and I have been using a different style of button more recently.

Social media buttons and/or subscription buttons are important because:


1. They make it simple for people to find a way to follow your blog.

2. They make it easy for people to find you other places on the web.


If you want to connect social media accounts like Instagram, Twitter, or Facebook to your blog, social media buttons are a must.  And if you don't want to have social media accounts associated with your blog - it is still helpful to have buttons that make it easier for people to subscribe or contact you (like a Bloglovin button, a button for your feed, and a mail button).

So if you are a blog design DIY-er (like moi), how do you create those cute little social media buttons that line up in your sidebar?  It's actually really simple once you know how to do it!

Diysocialmediabuttons


1. You need to start out with some images to use for your social media buttons.  These usually include the appropriate social media or subscription icons, and they should all be the same size (or really close).


Hint: If you are creating your own icon images and want them to look like the icons are laying flat against your background, either make sure the background of the image is the same color as your blog background (most commonly white), or put your shapes against a transparent background and save as a .PNG.  (.PNG files keep the transparency when you put them on your blog).


2.  Get them sized the way you want.  If you want them to line up in your sidebar, you need to make sure they are sized so that they will all fit - my sidebar right now is 360 pixels wide, and I have seven social media icons - I have my icons sized to 35 pixels wide each to ensure they all fit with plenty of space.  I might be able to get away with 45 pixels, but 50 pixels would probably be cutting it too close because Blogger likes to put a buffer space on each side - so if I did 50 pixels Blogger might push one of them into a second row.  You'll have to experiment with the sizing a little bit depending on your sidebar width.


3.  Upload them to a photo hosting site.  I use Photobucket.


4. Find the direct URL for your images. This is what that looks like on Photobucket:


Directurl


5.  Plug the following info into this bit of button code:

<a href="url of your social media site" target="_blank"><img src="direct url of your social media button image" /></a>

Replace the red words with the appropriate URLs.  Make sure not to alter other parts of the code or it may not work!  You'll need to create a copy of this code for each individual social media button, with the appropriate URLs.

Hint: For a button that will open email, put mailto:youremailaddress where you would normally put your social media page link.  Obviously, inserting your email address in that space.

Hint, Hint: Go To Feedburner.com and set up your blog to get a url you can use for your RSS feed.  There are probably other ways to establish/find this URL, but that's just the way I did it.


6.  Next go to the Layout tab in your blog dashboard and create a new gadget.  Choose "HTML/Javascript" and then insert the codes into the gadget.


Addagadget

Htmljavascript


7.  When you insert the codes you created, make sure there are no spaces between the end of one button code and the beginning of the next.  This will make them all line up in a row.


8.  Save and view your lovely new buttons!  I recommend going through and testing each one to make sure the links work.






Now the big question - where do you get social media button images?


Option 1: If you have Photoshop Elements, it's pretty simple to create your own - you can save images of the logos for each of the social media sites to your computer, open them in PSE and use the magic wand selector tool to "grab" the logo shapes and move them into your button images.

Selectortool


Option 2: There are certain fonts that look like specific social media icons.  Check out this Facebook font and this Twitter font.


Option 3: You can also create text buttons in Picmonkey, kind of like this:
Pinterestexample
I messed around with it a little bit and didn't see a good way to extract social media logos to use in Picmonkey, but this is a good alternative.


Option 4: The final option for getting social media icons is to search for free ones that you can use.  Which leads me to a fun announcement . . .

I'm posting my first blog design freebie today!

Here are some social media icons that I'm giving to all of you, for free!  I made these little heart icons in honor of Valentine's Day, since it's a week from today!






If hearts aren't your thing, I'm planning on creating more free social media buttons to include with future posts - so comment with any ideas you have and stay tuned!

These social media buttons are free for personal use or commercial use (crediting me isn't necessary, but appreciated).  They may not be redistributed or sold though, so don't even go there - please just send people back here to download for themselves if they would like to use them.


How To Use These Icons:


1. Save the image by clicking on the images above and then right-clicking and saving to your computer.


2. Pick the size you want to use (I've provided 35 pixel, 50 pixel, and 65 pixel buttons).

3. Crop each icon you want to use out of the whole image and save individually to your computer.  Just in case you haven't seen some of the symbols before, the buttons are for:

Facebook
Twitter
Email
Pinterest
Bloglovin'
Rss feed
Instagram

4.  Follow the above tutorial for turning the images into social media buttons for use on your blog!

These are .PNG images, so they should let whatever background color you have on your blog show through.  I'm including the color codes I used in case you want to use the color scheme other places on your blog.

Enjoy!

Blocking Blog Images From Search Engines

I'm still getting back into the swing of things when it comes to the blog after a rather crazy December and my big blog changes I've been implementing.  

To start off with, would you mind voting in a little poll for me?  I'm just trying to get an idea of what you all would like to read about as I get this series going again.  These are topics I've thought about covering - I'll write some of these posts sooner if one of them is more interesting to you guys.  I'd love to hear anything else you'd like to read about as part of this series too, so feel free to let me know what you think!
To jump-start this series in the New Year, I'm going to cover an update to my other post on blocking your images from search engines.

Imagesblock copy


I've talked before about why I made the decision to attempt to block my blog images from Google, and why I finally decided to put some images on a separate photo blog - in a nutshell, I don't really like pictures of my kids showing up in Google searches.  If seeing your child show up when someone searches for "toddler crafts" or "big brother pictures" bothers you too, read on.

I posted previously about one way to tell search engines not to index your images.  While that method may still work, and I recommend giving it a go, for some reason after Google changed their algorithm it no longer worked for my blog.  I searched high and low for a new method to block images from searches, and I found this helpful information on preventing image indexing.

After implementing this new method in my blog a lot of the images that were showing up again are not now.  Some images of the kids still show up in searches but nearly as many as there were, so I think it's working.

Please read my other post for things to consider before you implement this method - if you want to proceed, here you go:


1. Go to your Blogger Dashboard, then go to Template.

2. Select "Edit HTML".

Blockingimages1

3.  Back up your template if you never had before by highlighting all of the text and saving it somewhere!  This way if you accidentally mess something up, you can just paste it back in to fix it.

4. Click in the text box, and then press CTRL-F (or Command-F for Mac).  A little search bar will pop up.

5. Type <head> in the search box and click enter.  The <head> tag in your code will then be highlighted.

6.  Right under the <head> tag, type in this line of code <meta content='noimageindex' name='robots'>.

7.  You need to close off the tag, so scroll down to the end of the head section in your code and find this bit: </head>.  You can also search for it in the search bar if you don't see it.  

8.  Right before the </head> tag, type this:  </meta>.  That closes off the tag so it will work.


Click on the image to enlarge.


9.  Preview your template, and if everything looks good, click save!


Adding this code to your template will tell all search engine robots not to index your images.  However, it does not keep search engines from indexing images from other sites where your posts may show up - so it can still index images from Facebook and Bloglovin.  Just make sure the first image in your posts (that show up in Bloglovin) or any images on your blog Facebook page are images that you don't mind them indexing.

(Click on image for more posts in this series.)

New Blog Design and My Resources

In case you missed it yesterday, I did end up changing my blog design!  With this lovely rollover header/navbar.  Cool, huh?

Screen Shot 2013 11 06 at 3 01 42 PM

In the process of blog designing this time, I discovered a resource that I overlooked before - free photoshop brushes, patterns, and shapes!  So for all of you who like to play with Photoshop Elements or do your own blog design, I thought I'd share where I got some of the tools for my current blog design, as well as some websites I've found with fun free resources.

One of the issues with getting "free" things on the internet (like photoshop stuff or fonts), is that it may only be free for personal use.  If you advertise on your blog at all (which I do), you have to use items that are free for commercial use.  It makes it more challenging to find what you are looking for, but not impossible!  

Freebies

As of this writing, the following resources are free for commercial use!  But read the license before you download to make sure, in case something changes.

----------------------------

Free (for commercial use) Photoshop animal shapes - I used this set of free animal shapes for the deer, bird, and moose in my rollover header images (I just used some of the shapes I already had for the other rollover shapes).  It only comes as a jpg, but you can use the magic selector tool to select the shape, drag it into your new image, and then use the paint bucket tool to change it to whatever color you want!

Free (for commercial use) deer brushes - I downloaded these too and didn't end up using them this time around, but they are nice and free for commercial use!  You can use brushes as shapes as well - just create a new layer (SHIFT-CTRL-N), put the brush on the new layer, and then you can use the paint bucket tool to change it's color, make it a gradient shape, and resize it using the free transform tool (CTRL-T).

Free (for commercial use) tree brushes - I was thinking about using these for the trees in the main part of my header, but I ended up making my own tree brush instead.  But once again, more free brushes!  Yay!

Free (for commercial use) snowflake brushes - I'm thinking about using these to spiff things up around here for Christmas, if I have time.

Free overlays and free "paint" brushes - I used one of the overlays in this set to create a pattern in Photoshop Elements to use behind the trees in my header (see this tutorial on re-coloring overlays). Then I used some of her other brushes to create another pattern, which I added behind the first pattern for more interest. I love this site because she has so many great Photoshop freebies!  The ones that are free for commercial use are marked with a "CU".  I also got the little arrow brushes that I used in the above image from here.

-----------------------

And those are all the resources I used!

I found several more sites with photoshop resources that are free for commercial use in the midst of my search, which I might share at a later date.  Or if you just can't wait, you can check out my bloggy Pinterest board, in which I pin all things blog, and you can find them there!

For installing shapes check out this tutorial, for installing brushes look here, for installing patterns see this.



(Click on image for more posts in this series.)

Are Your Blog Fonts Legal?

Fonts

I had never thought much about the fonts that I use on this blog for my blog design and graphics.  If I could get a font for free somewhere, I was just excited about it!  I pinned all the images with cool font pairings and downloaded some of them to use in graphics for my posts.  Who doesn't love a free cute font, right?

Then last week I read this post on font types at Pink Heels Pink Truck and I don't know why I never thought about it before, but obviously there are people who created these free fonts.  And they may only want them to be used in a certain way.

Taylor does a great job of explaining the different font license types, so I won't re-do that here - please go read her post.  But the bottom line is this:

If you advertise on your blog, you need to use fonts that are free for commercial use.  

If are advertising on your blog and you have used fonts that are only marked free for personal use, then you need to purchase a commercial license.

Talk about a nightmare!  Back when I created the majority of the graphics that are on my blog I was not advertising on my blog - so it was fine to use fonts that were free for personal use.  But earlier this year I started advertising with Blogher and selling sidebar ads - so all those fonts that require a commercial license that I used in the past needed to be fixed!  

I spent two long nights going back and changing all the fonts I could find on my blog that were not free for personal use, and purchasing a commercial license for a few of the ones I used heavily.  Thankfully most of the ones I had used in the past were already either free for commercial use or the commercial license was pretty inexpensive - but I still had to change a lot of my graphics and it took forever!  

You want to know the one that really hurt?  I've been using a font called "Before The Rain" for the watermark on all my pictures for the last few years.  I knew I was going to have to buy the commercial license for that one, because there is no way I could realistically go back and edit all those pictures with a new watermark.  Well, the commercial license for "Before The Rain" cost $60!  Yes, $60!  Ouch.  There goes all my ad profits for the last few months.

In the process of researching all my fonts, I found a website that has only fonts that are free for commercial use, called Font Squirrel.  You can try to research the licensing information for every font you want to use (trust me, it can take some searching for some of them), or you can just get all your fonts from Font Squirrel.  They include a file with each font that gives the specifics of each font license, and most of them are fine for commercial use on blogs (though you should still read the individual licenses to make sure). 

So blogging PSA:

If you advertise on your blog, or you think you might advertise on your blog at some point in the future, make sure all the fonts that you use on your blog are free for commercial use

You'll save yourself a lot of work, money, and stress later on if you do.


(Click on image for more posts in this series.)

How To Make Blog Images Lay Flat Against The Background



(Click image  for all the posts in this series.)


For my blog, I really like the look of having my images laying flat against the background.  Not only does it look cleaner, but when I want an element to look like it's embedded in the page, I just make the background white!  This lets you do images that appear round, triangular, with rounded edges, or like the text is embedded into the post or page.

(This seemed like a good time to share a picture of Harvey.  He's kind of cute, even though he drives me nuts sometimes.)

Unfortunately, Blogger automatically adds this annoying shadow/box thing around the photos you add to your blog.  If you're like me and you want your images to just lay flat against the background, there is a way to remove the photo shadow that Blogger adds!

Lots of people have written very nice tutorials on this, so rather than re-write one here, I'm just going to point you to one that I think explains things well.

 How To Remove Image Shadow In Blogger

One thing that I will note is to make sure to hit the space bar after adding the HTML to custom CSS box!  I couldn't figure out why it wasn't working, and then I realized I just needed to hit the space bar to get the code to register.

Also, I've noticed lately that when I upload a picture with a white background, it sometimes appears a yellowish white on my actual blog.  Which kind of defeats the purpose of making the text look embedded. I was even having problems with my new header because of this!

Thanks to some experimentation and good 'ole Instagram informational sessions, I learned that it's some sort of issue with Blogger and .jpg's.  So if you want the background to truly be white, save your image as a .png instead and it should work!


How To Keep Your Pictures From Appearing In Searches




After I had kids I became concerned with how to balance blogging with protecting my kids' privacy online, but particularly when it comes to pictures of my kids.  I actually wrote a whole post about protecting blog images here, and I describe some of the ways I do that.

However, one thing that kept bothering me was that I would get visits to my blog through pictures of my kids that showed up in Google Image searches.  Not that anyone was searching for anything inappropriate, but it just made me uncomfortable to have pictures of them showing up in random searches.  Because my kids are so cute, who wouldn't want to steal their pictures, right?

I actually disabled my blog with search engines for a while to try to keep that from happening.  But after a while I felt the Lord was telling me to make it open to search engines again.  So I did, but I still didn't like the picture thing.

Then one day I decided there must be a way to tell Google not to index the images on my site, so I did some research - and lo and behold, I figured it out!  All you have to do is edit your robot.txt file to tell Google not to index your images!

Yeah, that deer-in-the-headlights look you probably have right now?  That was my reaction too.  But this is easier than it sounds.

-------------

First of all, when should you do this, and when should you not?  Good question.  Here's what I think.

Do Use This Tutorial If:

1.  You are getting visits through pictures of your kids using keywords that are inappropriate. I think you should definitely consider it in that case.  There are weird people out there.

2. You are uncomfortable with pictures of your kids showing up in searches.

3.  If you may have kids in the future and don't like the thought of their pictures showing up in searches.

Carefully Consider Whether To Use This Tutorial If:

1. You get a significant amount of traffic that is helping your site from image searches.  If you have ads on your blog, you need to be aware that preventing your blog images from being indexed will affect your traffic in some way.  If that is a problem for you for whatever reason, don't do it.

------------


Okay, if you are still wanting to ask Google not to file your images, proceed.

Take the following bit of code . . .


User-agent: Googlebot-Image
Disallow: /



Go to "Settings" on your Dashboard:



Then "Search Preferences":



Then click the "edit" button next to the words Custom robot.txt, select "Enable", and then paste the code into the box.  Don't forget to save your changes!



And wolla!  Your images won't show up in Google searches anymore!


I would like to note that you shouldn't expect the images to disappear from Google overnight if you didn't have your blog set up this way from the start.  It takes time for Google's little bots to come crawl your site and see the changes.  Your privacy settings for your image hosting site can also affect this, but that is probably a different post.

You should also be aware that any images that you post of your kiddos on other people's blogs, like for guest posts or linkups, may still show up in Google searches.  It also does not prevent people from pinning your images, so they will still show up in searches from Pinterest.

It's not fool-proof, and some images are likely going to sneak through here and there.  But I've noticed a big decrease in the amount of visits I get from image searches, and hardly any come through from pictures of my kids anymore.

This gives me a lot of peace of mind about posting pictures of my kids on my public blog.  I do, however, still recommend watermarking and using other methods to protect your photos (and again, you can read more about that in the "Protecting Your Pictures" post I wrote).

You can read more about how to block specific images from searches here.

Any other tips for protecting pictures that I haven't covered?  I always like to hear how you protect your images, or whether that's even important to you!

--------------------





© Through Clouded Glass. Design by MangoBlogs.