Add Icon Before The Post Title



Hi all! Are you ready for a new blog tutorial here at Design It Chic!?! Then let's get started! Without further ado, the topic for today is: how to add an icon before the post title. This will make your blog unique and special and it's not even that hard to do. So let's cut it short and proceed with the tutorial:)

#ff63e0


1. First thing, you need to save your current blog's template by signing in your "Dashboard" and then go to "Design" and select the "Edit HTML" tab.


2. After you saved your blog's current template, make sure you check the "Expand Widget Templates" option and look for this piece of code as shown in the picture below, by either scrolling down or simply using the Ctrl + F (for Windows users) or Command + F (for MAC users) combination on your keyboard:





3. Now that you found the code paste this piece of code immediately underneath it:



4. Next step is to replace the "LINK OF YOUR IMAGE" with the actual link of your image. Previous to this step, you should upload your desired picture(size approx. 50px wide and 30px high) on an image hosting website, such as Flickr, ImageShack, TinyPic, etc., from where you can get the link of your image that you need.


5. Once you're done with uploading the picture to the image hosting site and adding the image link inside of the code from step 3, you need to look for this piece of code:



6. Now delete the next two lines underneath this code as shown in the picture below:


7. Last step before saving is previewing your work, and if it looks good then hit "Save Template", and your posts should look something similar to this:


That's it! Hope you guys enjoyed this little tutorial.

And don't forget, if you missed anything here at Design It Chic, you can check the Blog Tips button at the top of the page for more tutorials, tips to improve your blog's traffic and other amazing how to's, all presented on different levels, from beginners to the more advanced ones!
Have a great week everybody!



54 comments:

Sandra Wilkes said...

Can't wait to try this. Looks doable! Slowly but surely my learning process is coming along. This kind of thing really helps! Thanks.
Sandra

Anonymous said...

Thanks for following me, following you back! I definitely needed to find your blog. Thanks!

Anonymous said...

Thanks for checking out my blog! I'm absolutely going to follow you back. It looks like you have great ideas. Truthfully I'm new to blogging and I have NO idea how to alter anything at all on my blog- I can upload an image and words but that's it.
I'll let you know if I can figure this stuff out from your tutorials!
S
http://weddedblisster.blogspot.com/

Kimberlee, The Spunky Diva said...

That is cute. Where do you get your clipart designs?
~Kimberlee
www.TheSpunkyDiva.com

Kyla said...

I'm already a follower, just stopping by to say hello and check out your new tutorial! I have benefited from your tutorials so many times and lurk here often!! I'd love for you to come visit & follow back Homeschooling by the Yard

sskcraftshop @ Hooks, Needles and Brushes said...

Hi, New follower came through blog hop ..you can visit me at
http://seemask.blogspot.com
http://potspansandspices.blogspot.com
http://cakes4ralloccasion.blogspot.com/

Concetta said...

Thank you so much for visiting Concetta's Cafe today and following - you are my 100th follower and I am so excited! I was # 3265 on yours!

Your blog is beautiful! I can't wait to explore your tutorials! How generous of you to share such invaluable information!

Have a wonderful day and visit again soon!
<><
Concetta

scorpiostungyou said...

what a great blog you have. Thanks for following mine. I am happy to be following you

katie said...

OMG I was about to give up on improving my blog layout. Seriously. Thank you so much! Following you back!

DIY Hair Care Blog said...

Oh, I can't wait to try this! I just need to find a pic to use!

Thanks for the great tutorial!

Jarmelia

Shelly said...

Hey there! Thanks for stopping by my blog! I am SO be using yours for make mine look better. I have been trying to "grab my button" for my blog hop I cannot get it to work but oddly enough I have my regular grab my button just for the blog works great! UGH!

Lioness said...

Interesting blog. I like it, so i followed. I am a MBC member and i saw your comment on another member's blog and decided to hop by. I am happy i did. Please Stop by my blog at any time http://lionessrebirthorg.blogspot.com/
Happy Wednesday!!!!!

Siv Maria said...

Hi, Following you from Wednesdays where are you from Hopp. I am from Norway.Hope you come visit me too. Looks like I will be spending a lot of time here since I am so new to this.

Sharon Wilfong said...

Very nice blog. I'll have to study the tutorial a little,I'm kind of slow;)

Lisa Nelsen-Woods said...

Thank you for this simple tute!

Family-Friendly Product Reviews said...

Thanks so much for dropping by the Be-Bop-A Blog Hop! I'm a follower and I hope you'll stop by again soon! Have a great day! :)

Nicole B said...

Thank you for participating in the Relax and Make Friends Wednesday blog hop hosted by Rachel’s Reviews & Mom Always Finds Out. Hope to see you again next week!
Nicole
http://momalwaysfindsout.com

Stephanie @ henry happened said...

So glad to find you! I need all of the technical support I can get! Now going to your archives to see if I can figure out how to include the blog hop buttons like you did...

http://henryhappened.blogspot.com/

Meri said...

Clear and concise!

MommyKuehner said...

Thanks so much for the info. New follower from Bog Hop Thursday. Thanks for visiting our Blog:)
Renita
www.krazykuehnerdays.com

christy said...

Hi...

Thanks for following...I'm following back! Thanks for al the info on this site, I'll definately be using it!

Unknown said...

Hi, and thank you so much for the follow, and it is so nice to have found you too! I'm looking forward to all of your tutorials--fantastic blog, and thank you so much!
Courtney

Unknown said...

So glad this exists! Thanks for following ... great info here!

~Alfie~ said...

Thanks for stopping by my site and following. I'm your latest follower from Thursday's Blog Hop from MBC. I LOVE your site. I'm a new blogger and need your resources. I look forward to mroe posts!
Alfie
http://reflectandrealize.blogspot.com/

Unknown said...

Great tip and thanks so much for sharing! Also thanks for the follow - following you from way back.

Dawniebee12 said...

So glad to have found you. I am a new beauty blogger and need all the help I can get! Found you on FTLOB...

Becky McNeer said...

Awesome! I'm so glad I found you! This will do wonders for the blog. You're the best! Come see the before: http://homesandbabies.blogspot.com/2011/03/grilled-asian-burgers-with-rice-noodle.html

Unknown said...

Hi I am following you back and I am glad I did! This is very informative! I will definitely be back weekly!
Thanks so much.
www.mylittlecornerdesign.com

Unknown said...

In all seriousness - I have been DYING to know how to do this. Like - for real! This totally made my day. I would have followed you anyways - but I am returning the follow from the blog hop.

xo
Ginger

http://literallyinspired.blogspot.com

Angela said...

Thanks for stopping by my blog and following! I love the idea of your blog so, I'm following you back.

Melanie said...

This is a great tip! I'd love it if you'd link up your weekly tips on my Tuesday Time Out Party! I'm already a follower!

Smiles,
Melanie
Reasons To Skip The Housework
Tuesday Time Out Link Up Party

Ana V said...

Thank you for the follow on my blog.
The information here is GREAT, wish I would have found it sooner. I have had a lot of trial and error on my blog, and still working on it.

Ana V said...

Thank you for the follow on my blog.
The information here is GREAT, wish I would have found it sooner. I have had a lot of trial and error on my blog, and still working on it.

Deborah said...

New follower from Thursday Friends Blog hop. Glad to have found your blog. I love tutorials! I will be giving this a try! Thanks for sharing.

Anonymous said...

Great info for us (me) less tech savvy! Visiting from Thursday hop-following along!

http://livinglifephotographically.blogspot.com

The Dreamer said...

following from the blog hop. Would love for you to stop by amomcandream.blogspot.com

Thanks!

Anonymous said...

New follower. Glad I found you!!!!! I'm so glad I also subscribed RSS so I won't miss anything. Awesome, Awesome, Awesome.

~ Random Deals

PinayinTexas said...

So glad I stumbled on this blog! Such an informative site for newbies like me.
I'm your newest follower!
Tina
http://www.pinaycookingcorner.com

Unknown said...

Great site with some helpful tips.

Shabbyprimdelights said...

Thankyou...I have done this and I must say I am totally pleased with myself for being able to do it...your instructions are very easy to follow even for a blog newbie like me....I am your newest follower and have added your site to my list of fav blogs. Now I am gonna to try some of the other things you have listed.
Michelle

Gillian said...

Thank you for your recent follow, and so you know, I'm following you back through the Fab Friends Blog Hop.

I also appreciate the helpful information in this post (and I'm itching to search through your archives).

All my mommy best ~ Gillian.xo

http://babytalkwithoutthebabble.com

Anonymous said...

Thanks for following me and hosting the bloghop, new follower
Naomi
http://misoglamorous.blogspot.com

Danyale N. said...

I'm from Spring Blog Hop

I am a now following you and hope you check out my blog as well

Evoluchun's Miscellaneous

Nicki said...

Following you back from justasmalltownmommy.blogspot.com :) thanks for the follow!

Amy @ A Little Nosh said...

Well that doesn't seem so hard!

Thanks for visiting my blog!

Harvest Moon by Hand said...

Thanks for visiting my blog and encouraging me to visit yours! You have so many great tutorials. Will be taking a closer look and seeing what I can do to improve my blog.

Lisa @ Flour Me With Love said...

Thanks so much for stopping by my site. I'm loving your site as well...This information will come in handy considering I'm not to tech savvy!

Lisa @ Flour Me With Love said...

Thanks so much for stopping by my site. Your site is wonderful, perfect for someone like me who is not to tech savvy!

Yankee Texan said...

Following you back from the Midweek Mingle and am happy to be here. This tutorial covers a topic on my list of things I need to do. You have saved me a lot of work tracking down the how!

MadameDeals said...

I am now following you from the hop. Please, help us reach our goal of 1,500 friends so we can offer great prizes. Thank you, Amee from MadameDeals.com

MALINDA WINKLE said...

I'm just following back from http://malindawinkle.blogspot.com . Thanks for your kind comment on my blog.

Malinda

MALINDA WINKLE said...

This is a very helpful post. I'm putting in my favorites. I need to do this with my site.

Thanks!

Malinda

Katy said...

Cool! Thanks for this! I am going to have to try it when I can really sit down and think-I'm a bit computer illiterate!

thanks for the follow! Following you back!

Unknown said...

Great tutorial! Thanks, I added it to my site :)
Moore Babies