Skip to main content

Posts

Showing posts from November 17, 2012

Creating a Picture Link in Blogger Posts

By default, your blog address is in this format; http://YOURBLOG.blogspot.com/ . As you can see, all blogs hosted on Blogger have blogspot.com included in their address. Such an address is difficult to remember and it is not suitable for a professional blog. Traditionally, switching to a personalized domain required research, a web hosting comparison == >http://www.webhostingsearch.com/comparison-chart-top-hosts.php and the purchase of relatively expensive hosting. Fortunately, Blogger has made arrangements for those who are looking for free or cheap hosting ==> http://www.webhostingsearch.com/cheap-web-hosting.php while also upgrading to a more personalized domain name. Now, you can simply buy a custom domain directly through Blogger and forget about setting it up. In this tutorial, I'll explain this whole process of searching, buying and setting up a custom domain. What is a Custom Domain? The domain of my blog is a custom domain; http://www.betatemp...

How to Change Sidebar Background Color in Blogger Templates

Hi guys, writing a tutorial after a long time. Anyway, here is a simple tutorial to change the sidebar background color in new Blogger Template Designer templates. After this tutorial, you can easily change the sidebar background color from Template Designer . Update: I've updated this tutorial. Now you can change the sidebar background color in all default Blogger templates. Templates with multiple sidebars can also have different colors for each sidebar. Steps! Open the Template section. Click the Edit HTML button. A new window will open. You'd have to click the Proceed button to start editing. Find the following code: /* Variable definitions ==================== REPLACE the above code with the following one: /* Variable definitions ==================== <Group description="Right Sidebar Background" selector="body"> <Variable name="sidebar.right.top.color" description= "Right Top Sid...

How to Add Background Color to Sidebar Widget Titles

A reader has requested this tutorial to add background color to sidebar titles. By default, Blogger only allows to change the font & color of sidebar widget titles. So, I'll try to make it as simple as possible & you'll be able to change the background color from the Template Designer. Can I Apply This Tutorial on Any Template? Currently, you can apply this tutorial only on 'Simple' Blogger template. If you're using any other Blogger template or custom template, please be careful. Steps! Open the Template section. Click the Edit HTML button. A new window will open. You'd have to click the Proceed button to start editing. Find the following code: <Group description="Gadgets" selector="h2"> <Variable name="widget.title.font" description= "Title Font" type="font"default= "normal bold 11px Arial, Tahoma, Helvetica, FreeSans,  sans-serif...

How to Change Post Title Background Color in Blogger-Blogspot Templates

A reader emailed me and asked about changing the post title background color, so here it is. In this tutorial I'll tell you how to change the post title background color in Blogspot templates. As usual, we'll do some editing in the template's HTML code and after that, you'll be able to change the post background color from Blogger Template Designer . So, here are the simple steps to follow: Note: These instructions are according to the updated Blogger-Blogspot interface. Steps to Change Post Title Background Color Open the Template section. Click the Edit HTML button. A new window will open. You'd have to click the Proceed button to start editing. Find the following code: /* Variable definitions ==================== Replace the above code with the following one: /* Variable definitions ==================== <Group description="Post Title Background Color" selector="h3.post-title"> ...