April 2011 ~ Easy HTML Tricks for Blogging

Firefox add-ons to make you a better blogger

Blogging always needs things that makes it more easier and far interesting than what it normally is. You need to do things that can make you call yourself a geek and not just a blogger. Web browsers are one of those aspects that one concentrates on, while they are blogging.Firefox is the best browser for blogging in wordpress blogs, due to the availability of the add-ons which make the stuff more...

Most Power Widget (Mashable)

Widgets are a handy, easy and simple way to add some flare to your blog. Whether you’d like to display the number of currently online visitors to your site or simply the weather report for Los Angeles, you can do it with widgets. We’ve assembled a list of 50 useful or simply cool widgets for your pleasure. And remember, the first rule of widgetizing your blog is – don’t overdo it!MyBlogLog’s Recent...

Blog Header Shrunk

REMOVE THE ORIGINAL IMAGEThe first step is to remove your shrunk image. For this login at Blogger.com and click on Layout link on the Dashboard. On the Page Elements tab which opens click the Edit link on the Blog Header widget. In the popup window remove the image and save.UPLOAD IMAGE OR GET IT'S LINKUpload your image to a free host like Photobucket.com or Googlepages and copy down it's link. MODIFY...

Adding Picture in Header

Log in to Blogger Beta---->In Dashboard choose your blog and click on Layout------>This takes you to the Add and Arrange Page Elements page------->Click on 'Edit Html' Tab to open the Edit Template page. Let Expand widget templates box be unchecked. In Edit template field scroll down till you come to the code for the header which is :<div id="header-wrapper"><b:section class="header"...

Frame the Blog Header Image.

Framing the Blog Header Image gives a striking result like this :In this post we will see how to frame your blog header image by modifying the code in the CSS part of the template...........THE BOX MODELTo understand the framing technique it is essential to understand how the web page is divided into elements. These elements are like boxes each nested within the other. The innermost box has the...

Add Background Picture to Header in CSS.

REMOVE HEADER PICTUREThe first step is to remove the old picture. Sometimes the picture refuses to get removed. Then the first remedy is to clear the cache. Always use Firefox browser for optimum logging experience.If clearing the cache does not help login at Blogger.com and click 'Layout' link on Dashboard. On Page Elements subtab click 'Edit Html' subtab at...

Customize and style Read More link in Blogger

Hence, I'm happy to share here some related tips for those seeking to learn how to customize and style the 'Read More' or Jump link in various ways as illustrated in the image below!Next,learn how-to customize and style the 'Read More' or 'Jump Link'in these interesting ways -A. Change the 'Read More »' default text :Sign into your Blogger account. At Dashboard, selecting Design will bring you to...

Backlinks Idea

When you open a single post in any blog on Blogger you will find at the bottom two sentences which may mystify you. See picture below :Click on picture to enlarge it. The first sentence is : "Links to this Post". The second is a link which may follow it closely : "Create a Link".So you say to yourself "OK! Let's create a link!" and you click on the "Create a Link" link. Instantly a popup window...