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:
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:
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:
Subscribe to:
Post Comments (Atom)




thanks for sharing this valuable post.
If you can dream it up, you can probably code it in Blogger.
Just found your blog with the SBCWI Comment Challenge, very enjoyable!
http://awkwardtimeswhen.blogspot.co.uk/
http://suresolution.blogspot.com/
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
my Blog:http://meganisifox.blogspot.gr/
http://johnparkes.blogspot.co.uk/
http://www.bloggertofree.com/p/create-blog.html
visit my site ^_^
its very useful for new blogger like me..
These 8 tips of so important.