rss

Thursday, December 16, 2010

How To Remove Link Underlines

Take a look at the links below:

Notice anything about them? They are not underlined, yet they are still active.
For a good while, people would write to me and ask how to rid the links on their page of the awful underline.Well, here's how you do it:

When you add a link in normal method your html code will look like this :
<a href="http://www.royaltutor.net/"> Royal Tutor</a>
Result:

Royal Tutor

If you want to remove underline of link, add style="text-decoration:none" as example below.
<a style="text-decoration:none" href="http://www.royaltutor.net/"> Royal Tutor</a>
Result:

Royal Tutor
that's it


Tuesday, November 30, 2010

Scroll Bar Widget For Blogger


Lets Make a Scrolling Bar menu for your Blog

Login To Blogger Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:


Tuesday, November 23, 2010

How To Create Text Area with Select All


Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Then, find (CTRL+F) this code in the template.


Friday, October 29, 2010

How To Create Disable Text Area

This grays out the textarea altogether and inhibits any change in the text as well as text highlighting.If you want to create disable text area use the code below.
<textarea cols="50" rows="5" disabled="yes">TYPE-YOUR-TEXT-HERE</textarea>
Look at the example below.
<textarea cols="50" rows="5" disabled="yes">Computer operating speed is of concern to almost everyone. In a recent series of tests PC SPY identified several programs that were responsible for the biggest cause of system performance slow downs.</textarea>
Result:


That's it.


Adding Meta Tags To Blogger(Blogspot)


Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Then, find (CTRL+F) this code in the template.


Thursday, October 28, 2010

How to add Different Meta tags to Different Blogger Posts


Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Then, find (CTRL+F) this code in the template.


Wednesday, October 27, 2010

How To SEO Optimize Your Blogger Blog Titles For Higher Search Results


This is called "Blogger/blogspot Title Swapping".This will give your blog better search engine rankings. It is always good to have your main keywords(Post title) of a specific blog post at the start rather than placing your blog title at the start. This situation becomes very bad if your blog title is very long.

As usual,Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Then, find (CTRL+F) this code in the template.


Tuesday, October 26, 2010

Adding FaceBook Share Count button for blogger posts.

Adding a Facebook share count button will show a neat count of how many times your blog post has been shared on Facebook.

Facebook Share Button Style  1

Code
<div style="float:left;padding:4px;">
<a expr:share_url='data:post.url' name='fb_share' rel='nofollow' type='button_count'/>
<script type="text/javascript" src="http://static.ak.fbcdn.net/connect.php/js/FB.Share"/>
</div>


Thursday, October 21, 2010

How to Remove and Hide Blogger NavBar


Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Now find (CTRL+F) this code in the template.

]]></b:skin>
And immediately Before it, paste this code:


Tuesday, October 19, 2010

How to Create Static Pages in Blogger

Pages lets you publish static information on stand-alone pages linked from your blog.For example you can create Contact Us page to your blog that contains the information on how to contact you, Advertise here page to let advertisers know the price and other requirement to advertise on your blog and so on.

So how to create Pages on Blogger? Here’s the brief tutorial below.


 Login To Blogger Go To > Posting > Edit Pages.
Click on 'New Page' button.


Monday, October 18, 2010

How to upload Blogger XML templates


  • Download your favorite Blogger XML template to your computer. If the template is contained in a zip file, ensure you have extracted the XML template.
  • Log in to your Blogger dashboard and go to Design> Edit HTML


Animated Flash Tag/Label Cloud For Blogger


Installing Blogumus in your Blogger layout is surprisingly simple! You should only need to copy and paste a section of code to your Blogger template. :)

Login To Blogger Go To > Design > Edit HTML.

and mark the tick box "Expand Widget Templates"

Now find (CTRL+F) this code in the template


Thursday, October 14, 2010

How to create blog in blogspot

    Why should you create blog in blogger.com, not in other free blog providers? Actually, there is no “should”, but blogger.com has more advantages than other providers do. One of the advantages is the easiness in operating so that blogger.com is good for the beginners. Other advantages are the freedom in editing and replacing the templates to make the best display, custom domain which means that you can replace the domain with your own but with the blogspot hosting, e.g. yourname.blogspot.com can be changed into yourname.com, but still in the same hosting, i.e. the free blogspot hosting.

  • After registration page open, go to the right bottom of the page where you can change the language to your own to make you easier to understand the instructions, but in this tutorial, I use English for more global targeting. Please login by using your username and password of your gmail (your email account is allowed to use for login to blogger).


How To Set Your Blogspot Settings

In this page, I will be discussing what to do in each of the settings areas you see below in the Settings.
  • Login To Blogger Go To > Settings

Some settings in Basic menu:
  • Blog Tools: 
  1. Import blog > this is the facility to import data from your computer (this is usually done when transferring blog). Don’t click it, let it be as it is. 
  2. Export blog > this is the facility to export blog from blogger server to your computer. This facility is also called as Backup blog facility. You are suggested to create blog backup at least once a week. The backup data will be useful and helpful when sometime you want to transfer blogs in blogger, or you also can use it when you want to do a blog migration from blogger to another blog machine such as Wordpress, etc. 
  3. Delete blog > this facility is to delete your blog. Don’t ever click it if you don’t want to delete your blog.


Tuesday, October 12, 2010

How to Change the Date of a Blog Post in Blogger


Login To Blogger Go To > Settings > Formatting.

Choose a format in which you intend the date to be displayed from among a number of formats (Only numerals, Combination of numerals and words etc.).


Sunday, August 22, 2010

Adding a Floating Back To Top Button

If you have very long posts or a long line of comments, your visitors find it difficult to surf through your blog. So that's when you need to add a back to top button, and it's configurations are very easy too.


Login To Blogger Go To > Design > Page Elements.

Simply add a Gadget of HTML/JavaScript type.

add this code in to it:

<!--BACK2TOP-STARTS-->

<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img onmouseover="this.src='http://1.bp.blogspot.com/_Uewx15poqQo/TKsGcsicHGI/AAAAAAAAAfs/akYoN9GVdZk/s1600/up+b.png'" src="http://4.bp.blogspot.com/_Uewx15poqQo/TKsGdEzrBTI/AAAAAAAAAfw/0KzI0JW2N74/s1600/up+s.png" onmouseout="this.src='http://4.bp.blogspot.com/_Uewx15poqQo/TKsGdEzrBTI/AAAAAAAAAfw/0KzI0JW2N74/s1600/up+s.png'"/></a>

<!--BACK2TOP-STOPS-->


Tuesday, June 8, 2010

How to remove the dotted border from Blogger links

I’m sure that many of you have noticed the dotted border that surrounds links when you click on them. It’s actually an accessibility feature and in most cases it’s fine, but in some cases that dotted border surrounding active links can be quite annoying and ugly. There is a very simple and easy way to hide the dotted border from active links. All it takes is a few lines of CSS and you’re done.


Just Login To Blogger Go To > Layout > Edit Html and Find for
]]></b:skin>

And just place the below code before it.
a { outline:none; }
And save your template and you are done now.Now whenever you will click on any link in blogger no dotted lines will appear.


Friday, May 21, 2010

How to add a favicon in Blogger

 favicon (short for favorites icon), also known as a website icon, shortcut icon, url icon, or bookmark icon is a 16×16, 32×32 or 64×64 pixel square icon associated with a particular website or web page.Most of the people use 16*16 pixel favicon with ".ico" format.But,you can also use gif,png(image formats) aswell.

There are plenty of sites out there that generates a favicon for you when you upload an image.Do a Google Search for "free favicon Generator" and plenty of sites would come up or use one of these free services:


Saturday, May 15, 2010

How to add Scrolling text to your blog

This time I like to explain you how to add  marquee (also called as Scrolling text)to your blog sidebars,blog posts,etc. This will definitely bring the attraction of readers.You can give a welcome message or any sort of warning message in this scrolling text widget anywhere that accepts marquee code.Please take care not to avoid or change any part of the code.

So,Here is the code to add a simple scrolling text from right to left side
<marquee>Your text here</marquee>

The output will be like this:
Your text here

How to add a background color to the text
<marquee bgcolor="#2E2EFE">Your text here</marquee>
The output will be like this:


 

Recent Posts

Followers

Recent Comments