Monday, November 26, 2012

Test post


Monday, January 16, 2012

8 Ways to Make a Blogger Blog Look and Act Like a Website

Does your Blogger blog look too "blog-like" for your tastes? Here are some tips to make a Blogger blog look and feel more like a full-service website:


1. Buy a custom domain name and point your account to it. 


Instead of having your URL be www.yourwebsite.blogspot.com, you can have your URL be a more professional www.yourwebsite.com. You can buy a custom name either at a domain registration site or through Blogger (for $10 a year). Either way, set up the name by going to Settings --> Publishing ---> Publish on a custom domain. This is the screen you get if you just want to buy a name from Blogger:




If you use another registration site, follow the "Switch to advanced settings" instructions.


2. Play with the advance layout options to customize the look of your site.


Blogger has a fair variety of templates for your site. They aren't as snazzy as Wordpress templates, especially the premium (paid ones), but they are fully customizable. Here are three easy things to do:
  • Add a custom header.  At the main design page, click on the Header box and add your own custom header image.
  • Add a custom background. Go to the Designs tab and pick a basic template to start. Click the "background" link to add a custom background. 
  • Add custom details. Go to Design --> Template Designer --> Advanced, and start playing with all the details of each element of your blog. Here's an example of changing the various colors of links:


3. Add page tabs (About, FAQ, Contact).


Blogger lets you add up to 20 standalone static pages that show up under your header as tabs. Go to the "Posting" section to add and edit pages:




Good pages to have are: About, Portfolio (if you're an artist), Books (if you're published), Contact, and FAQ.


4. Add a contact form.  


Once you've set up your Contact page, you can create a form for it, using Google Docs. See my post on How to Make a Contact Page for Blogger for instructions.


5. Add social media icons.




Blogger includes social media sharing buttons for each post, but doesn't have a good gadget to allow people to follow you on your social sites. If you look to the top right of this blog, you'll see social media buttons that lead to my Twitter, Facebook, Google+, and Pinterest accounts, and that allow people to subscribe to this blog through an RSS reader or email.


The way to add the icons is to use the "HTML/Javascript" gadget. Here are my instructions on how to add social media icons to your blog (I learned how to do this from Adventures as a Small Town Mom but have learned some added tips since then). The set of circular social icons I used can be found here. If you want to choose other images, google "free social media icons" or check out: 33 Beautiful Social Media Icon Sets for Designers and Bloggers and 50 Free Social Media Icon Sets.


6. Add a favicon.


A favicon is the little icon that shows up next to a website address in the browser bar. Mine looks like this:


See my post, How to Add a Favicon to your Blogger Blog, for easy instructions.


7. Use the Picture gadget to link to other sites.


If you have an Amazon sales or Etsy page or a dedicated portfolio site, you can use the Picture gadget to feature the link in your sidebar. This blog uses picture gadgets to link to my portfolio site and Etsy store.


8. Add E-commerce features.


If you want to sell something directly from your blog instead of through a separate service, you can add a Paypal button to your blog, either in the sidebar or in a page or post that describes your wares. Go to your Paypal account's "Merchant Services" section for instructions.


P.S. If you're really ambitious, custom design your entire site.


By the way, if you know HTML coding, the sky's the limit for changing your Blogger blog into a website, as you can edit every part of your site. Web designer David Kutcher has blogged about some amazing websites made on Blogger, and also provides useful tips on taking Blogger sites to the next level at Blogger Xpertise.


Please let me know if this has been helpful, or if you have any questions.




If you liked this post, you may also like:

58 comments:

  1. Thanks for referencing my social media tutorial!
    Reply
    Replies
    1. Thank you! I used your tutorial to get my social media buttons on this site.
  2. Hi,

    thanks for sharing this valuable post.
    Reply
  3. This is great! Thank you so much. I am going to make a favicon and add a few of these other features to my Blogger site. Many thanks for your generosity! a.
    Reply
  4. What a great compilation of the kind of information I've been looking for to (eventually) improve the visual qualities and accessibility of my site. I will always feel like the proverbial "immigrant" to these processes, but at least you are helping me to speak and comprehend the language. Thanks.
    Reply
    Replies
    1. Thanks, Sandy. One of the easiest tips is adding the Pages tabs, which gives your readers good information about yourself or your work.
  5. Great suggestions! Platforms like blogger or wordpress are fantastic tools, and even a little customization can make them look a lot more interesting. I've been blogging for a little while, but think it would be worth it to learn more HTML and take the customization even further.
    Reply
    Replies
    1. Yes, one day I'll take the next step and learn more HTML to take the customization to the next level. But I have to get back to my other work...illustrating! Thanks for the comment.
  6. Wow! I can't thank you enough for this post! My goal is to eventually try every one of your suggestions except for learning code and doing the full customization - but, who knows?
    Reply
  7. Great tips, thank you! I've been using Blogger for a while but I didn't know about the option to add page tabs. Going to have to check that out.
    Reply
  8. These are great tips - thank you! I like the layout of your blog/website - it is very easy to use.
    Reply
    Replies
    1. Thanks for the comment! I still tweak this site every once in awhile, and I did it even yesterday just to make sure that it's the look I want.
  9. You have great tips here! Thank you very much for sharing!!
    Reply
  10. Thanks for these tips! I"ve been thinking of just giving up my "regular" website and going with a better blogger site... what do you think? Is it worth the time and trouble to maintain both?
    Reply
    Replies
    1. I guess one question is which site are you spending more time with and more excited about? It's probably worth keeping a portfolio website to showcase your art, since Blogger doesn't do that very well. Maybe you can maintain a very streamlined portfolio site that is linked to your Blogger site as you spend more time on the Blogger site.
    2. Don't give up on Blogger for portfolio websites, you can definitely make a very beautiful and interactive portfolio site (image heavy) on Blogger. Check out our most recent Blogger site at http://www.concentricsrestaurants.com, specifically the portfolio section.

      If you can dream it up, you can probably code it in Blogger.
    3. Thanks, David. If you can dream it up, you can code it, but I'm not there yet! I do enjoy your sites. Very inspiring.
  11. I've done some but not all of these things. Great tips, thank you!
    Reply
    Replies
    1. You're welcome, and thanks for stopping by!
  12. Oooh, I'm trying some of these! When I have time...
    Just found your blog with the SBCWI Comment Challenge, very enjoyable!
    Reply
    Replies
    1. Thank you! I'm enjoying the comment challenge too.
  13. Have bookmarked and shared to Google+. All the info I've always wanted in one easy to find place. Thanks Sylvia.
    Reply
  14. Great tips. I'm definitely going to work on the favicon. Thanks
    Reply
  15. Thank you, Sylvia. You answered questions I'd been wondering about for a long time and you've made it so easy to set a site up, I don't have any more excuses not to!
    Reply
  16. Love, love, LOVE this post! Thanks so much for sharing!
    Reply
  17. This is SUCH a helpful post! I have a Blogger site, so this is specific to my needs. Sure do appreciate it...
    Reply
  18. Custom templates too make your blog look professional
    Reply
  19. This is unbelievably helpful, Sylvia! Thank you so much!
    Reply
  20. For me I think that it's all about presentation, thank you very much.
    Reply
  21. Thanks for all of the great tips! You have a great blog.
    Reply
  22. Helped me a lot to tweak my blog the way i want.Thanks for the great tutorial
    Reply
  23. Thank you so so much for the helpful post! Much appreciated!
    Reply
  24. As others have said above, it was realy helpful info. I was looking for exactly the points you make in the article. Thanks.
    Reply
  25. plz all take a look at my blog 3rd-half.tk
    Reply
  26. Please come and have a look at my blog, feel free to comment..

    http://awkwardtimeswhen.blogspot.co.uk/
    Reply
  27. Nice article, really liked it, and have implemented in my post. I have submit my query to you, if you wanted to check my blog

    http://suresolution.blogspot.com/
    Reply
  28. Thank you so much! I made the contact form in no time at all. It's a good start for me. I'm just taking this step by step. Unfortunately, I don't see your favicon in my browser :\
    Reply
    Replies
    1. Thanks for stopping by! I wonder why you can't see the favicon? Have a great day.
  29. Do not forget to add to your blog web tv. My blog has got web tv!

    Follow the link to livestream and create your own internet tv channel:http://www.livestream.com/meganisifox

    HERE IS A Link to my blogg:http://www.livestream.com/meganisifox
    Reply
  30. sorry here is a link to
    my Blog:http://meganisifox.blogspot.gr/
    Reply
  31. Just to say thanks for this - I have a website which I don't have the knowledge to properly update. I was going to use Wordpress instead but got really put off by all the techie stuff (mostly explaining how simple it all is!) - and I already had a blog - I Googled and your article came up - and after an hour or two looks much better! Still a way to go but even so...

    http://johnparkes.blogspot.co.uk/
    Reply
    Replies
    1. Thanks for stopping by; I checked out your site. It looks great.
  32. I've been trying to add a link to my Amazon store but In can't figure out how to do so. Any advice?
    Reply
    Replies
    1. How about using the picture gadget (tip 7, above) in the side bar to link to your Amazon page. It would look like my link to my portfolio or Etsy site on my side bar.
  33. thnx for your post;
    http://www.bloggertofree.com/p/create-blog.html
    visit my site ^_^
    Reply
  34. Good information.......i like it
    its very useful for new blogger like me..
    Reply
  35. Thanks for sharing.
    These 8 tips of so important.
    Reply
  36. Fantastic post and Thanks for sharing this info. It's very helpful….
    Reply
  37. Great tips! I am in the process of revamping my blog and your post was extremely helpful!!! Thx :)
    Reply
  38. This is very interesting, You are a very skilled blogger. I have joined your feed and look forward to seeking more of your excellent post. Also, I have shared your site in my social networks!
    Reply
    Replies
    1. Thanks so much; I appreciate it!
  39. hi,nice article but i want my blog to look like yours
    Reply
    Replies
    1. Hi Sakshi. I made this blog look like this using these 8 tips. I started with Blogger's "Simple" template and customized the colors and fonts using the template designer (you get to it by the "customize" button). I added my own banner, the tabs, and the side widgets, and this is the result. Thanks so much for stopping by!
  40. That's a good idea, like it! Thank you for sharing!.atlanta seo company
    Reply
Join the discussion...

No comments:

Post a Comment