Pages

Tampilkan postingan dengan label blog bling. Tampilkan semua postingan
Tampilkan postingan dengan label blog bling. Tampilkan semua postingan

Blog Design: 22 Free Photo Overlays

Selasa, 11 Juni 2013

We are all about customizing your blog to make sure it reflects you and your content and attracts the readers you want. Another way you can amp up your blog posts is to add some photo overlays to your photos. What are photo overlays? They are fun images and bits you can add to your photos to personalize them more. I've rounded up 22 photo overlays that are totally free and totally awesome. Not sure how to use photo overlays? Hold tight - a tutorial will be coming soon! Then you too can make awesome photos like this:

Okay or more like this one:



22 Free Photo Overlays 
(also known as blog bling!)




via Sweetly Scrapped

via Olive & Ivy (formerly Yours Truly)






via Olive & Ivy (formerly Yours Truly)




This one has literally hundreds of texture and patterns you can use!










How excited are you now? For real. Check back in a couple weeks for a post on how to use these awesome overlays if you aren't familiar!


How To: Add a Search Bar on Your Blogger Homepage...and Why You Should.

Jumat, 17 Mei 2013

Search Bars! Search Boxes! What the heck are those and why on earth would I want one on my blog?! Aww friend, I am SO glad you asked! Let me tell you all about this fun lil thing.

Search Bars/Boxes- What are they?
Simply put, a search box/bar works the same as any other search engine would (Ahem...Google, anyone?) except it's on YOUR BLOG and searches through YOUR STUFF! Wheeeeeeeeee! We like that.

For any Blogger users out there, this is in the form of a "Gadget", and is something we can SIMPLY add to our blog to give it a bit more blinggy-bling. 

Why Should I Have One on My Blog?
Well, there's a couple of reasons! For one, functionality! This little Gadget-O-Love adds a lot of functionality to your blog. It enables readers to search through all of your hard work and find exactly what they are looking for.

Why is that important? Because if any readers out there are ANYTHING like me, they don't have a lot of time to scroll through each and every post you've ever written until they find what they're looking for. They'll most likely give up along the way and go somewhere else (GASP!) to get their info. We definitely don't want that.

So, by adding a Search Bar/Box you are saying to your devoted readers, "Hey, I get it...time is money. Why not type in exactly what you're looking for and be on your merry way?"

That's exactly what it does. It creates a little internal search engine within your blog! So now, anytime you've tagged a post (I hope you're making precise tags within each blog post you publish) those tags get stored in your search engine. So let's say Sally loves your blog, is trying to do something she knows she's seen posted before, but can't remember when. By having a Search Bar/Box all she needs to do is kind of know what it is she's looking for (maybe..."fun fonts for free"), type those words into your bar, and hit enter. Your internal search engine will now do the work for her! It will search through each and every post you've written, and then bring up a nice little tidy list of previous blog posts that has something to do with her key words!

So instead of 700 posts, she now only has to go through a couple. Usually the search engine is so smart and precise, that it narrows it down to only 3-4. Badda Bing, Badda Boom. 

In essence, a Search Bar/Box makes your blog work the way it should, as well as making it engaging and helpful. This keeps your readers coming back time and again.

So now, How Do I Add One to My Blogger Blog?
Easy Peasy! Just follow these steps and you'll be there in no time at all :)


1. First and foremost, make sure you are signed into your Blogger account. Once you are, you're going to go to your blog's homepage and click "Design"- which is up on the top right!


2. By clicking "Design" you are able to see your blog's inner core- where you can do any and all changes you might want to make. There are so many lovely things you can do in this place, so play around! 

For our purposes we will need to find "Layout" and click it.


3. Next, you'll see you're now able to see your blog's "skeleton" (in a sense). This is an outline of what you have on your blog, where everything you've added is placed, and an easy way to make any changes- like moving something around, deleting something, or adding on.

Find where you want to add your new Gadget (a Search Bar/Box is indeed a Gadget!)- this place doesn't have to be exact- but has to be around where you're thinking of having it go. I suggest having a search bar somewhere close to your main information on your home page (i.e.: profile pic, social media, etc). We can move the Search Bar around once it's installed.

Click "Add a Gadget".


4. Now we are seeing a list of all the different Gadgets available on Blogger! There's some neat ones there, so look around! You might find something you didn't even know you could do! As you can see, Blogger lets you know what's already been installed by simply saying "Already Added" on the right side of each Gadget.

Scroll down until you find, "Search Box" and click the little "+" on the right. This adds it to your blog!


5. Now we need to simply configure our Search Bar/Box. All this means is we're going to make it do exactly what we want it to do.

A. Here you can title whatever you want your bar to be. Keep in mind that this "name" will show up on your blog for all to see. You can also leave it blank should you choose.

B. Make sure this box is checked! This allows people to type in key words (i.e.: How To, Blog Design, Blog Help...) and your Search Bar will search ALL throughout your blog's posts for any post related to those words! Neat huh?

That being said, I personally want the Search Bar to ONLY search my blog, so I unchecked the following two boxes. I don't want people seeing results from anywhere else, other than my blog :)

C. Here is where you will see a nice little preview of what your Search Bar will look like :)

D. When you are satisfied, click "Save". This will apply those changes to your Search Bar/Box.


6. Now as you can see we're taken back to our blog's skeleton. And, as you can see in A. our Search Bar is automatically up at the very top of my Gadget list. I'm not happy with it being there, so to move the box around all I need to do is click and hold down on the box, and drag to where I want it (within that area). Usually just up and down. If you're wanting it somewhere completely different, you'll need to delete (by clicking "Edit"), delete the Gadget, and start over someplace else on your skeleton.

B. When you think you know where you want it, click "Preview" to be shown a mock-up of what your blog will look like once you hit "Save". Click out of that box and come back here to make changes. I usually have to "Preview" 3 or 4 times before I've got it right.

C. Again, once you're happy with your placement, click "Save Arrangement"!


7. Viola! When I go to my homepage, displayed in all it's glory is my new Search Bar/Box! It's easy to see (up towards the top) and is titled appropriately (so my readers know what it is).


8. Here's how it works! Let's say you want to find an old blog post, or your reader really needs to know how to do something: Just type in the key words into your Search Box and BOOM a beautiful list of ANY and ALL YOUR BLOG POSTS that include those words, shows up! 

Neat. Tidy. Easy. That's what we like!

Some Favorite Fonts: Part 1

Selasa, 30 April 2013

I don't know what happened, but all of a sudden I've become utterly obsessed with fonts and all things typography!

I notice gorgeous eye catching fonts everywhere! Magazines, books, posters, stores, packaging- it's kind of all I see! I've even, hehe, said aloud once or twice, "Hey, that's the __________ font!" Oh boy.

What?!?! Who have I become? My husband, that's who. He's obsessed with typography- actually requested (and received) a book for his birthday last year FULL of nothing but 60's and 70's popular fonts. I laughed at him then. Now...I merrily stick my foot in my mouth.

Either that, or I've become a genuine blogger. Yeah, I guess that's more fitting. Bloggers LOVE fonts! The more fonts one has, the merrier! What better way to vamp-up your cute blog post pictures than with some snazzy fonts! And I have a blog. So, according to grade school mathematics:

(Me + Love of Fonts) + Owning a Blog Myself = A Bonafide Blogger

Anyway, now if you're anything like me, you fiend for new fonts. You search the web and Pinterest for any font you can get your hands on. Even more, you giggle with delight at FREE new fonts. Squeal!

Well friend, you're in luck! Luck, I say! Here are some of my favorite fonts- fonts that you most likely have seen time and time again on my blog! Oh, and yeah- they are totally free for all your blog picture bedazzling fun!





How To: Add Post Dividers

Senin, 25 Maret 2013


Another way to add a bit of flair to your blog is to have a post divider image. This is a thin, horizontal graphic that separates your posts instead of just a line. It adds another level of personality to your blog, and can make your space seem more put together.

You can see what my divider graphic on Fox + Hazel looks like below:


First, you need to find or create a divider image that you like. Choose something that is noticable, but not so flashy that it distracts the readers eye.

Here are a few free resources you can use:

IROCKSOWHAT - 1 & 2 & 3

Make sure your image is the same pixels wide as your posting section of your blog. To find out how wide your post section is, go into the Template section and click on Edit Html. Search for "main-wrapper" (without the quotation marks.) This is how wide your images should be inside your post to fit. Make sure your divider is the same width. If it's too wide, it will hang over into your side bars. It's best to have an exact fit, but you can air on the side of too small to be safe. You can use Picmonkey to re-size your image if needed. You can also do this within Photobucket.

Take that image and upload it your photo hosting site of choice. I'm a Photobucket user, so mine is uploaded there.

Next, go into the layout section of your blog and click Add a Widget. Next find the Html/Javascript widget and click on it.



Copy & paste this code into that box:

<style type="text/css">.post {
background: url(YOURURLHERE) no-repeat;
background-position: bottom center;
margin:1.5em 0 1.5em;
border-bottom: none;
padding-bottom: 3.5em;}
</style>

Where it says YOURURL, paste the direct URL for your image from your hosting site. If you are using Photobucket for example, then find the direct link for your image from there and replace it.

Click Save. Your widget doesn't need to be anywhere specific in your side bar as it won't show up there because the HMTL is affecting the blog posts and nothing in your sidebar. I personally keep all my HMTL widgets on the bottom left hand side just to keep it organized.

Now view your blog and see your magical work! Amazing right? Now your blog is just a teeny bit more custom and a whole lot snazzier looking! Simple things like a post divider can help set your blog apart from all the others floating around in the blogosphere - and of course you want to be set apart, right? ;)

If you have any questions, please ask away! We'll try our best to answer them =)





 

Most Reading

Sidebar One