October 2010 ~ Easy HTML Tricks for Blogging

Set your Photo as Background Image of Blog

How to use your Photo for the Blog Background? RequirementYou should be using a Template Designed using the Blogger Template Designer The Background may not look good on all of the Templates in the Template DesignerSteps1.Login to your Blogger in Draft Dashboard at http://draft.blogger .com 2. Go to the Design Link and Click on the Template Designer 3. Click on Background Image under...

Niche Idea?

So... What is a Niche? The easiest way to describe a niche is that it is a topic that you can build your website around. For example, someone might have a website about 'Food', which is a very broad topic. This might be a popular topic, but is going to have a LOT of competition, often so much so that unless they have a massive advertising budget, they will never get more than a few interested visitors...

Create a simple ajax rss widget with jquery

A medium to advanced user's tutorial for using Jquery to display a set of RSS headlines as links in a widget on your page. There are code samples on this page, however if you want to follow along easier, here is the complete final file (it's all in one HTML file for ease of use - obviously you'll want to separate your JS and CSS out into external files..) So, suppose you want to embed the headlines...

(Another) Adding Adsense Code in Template tutorial

I am sure, there are many who know this trick. But recently, I was contacted by at least dozen of people asking How to add Adsense Code to Blogger. So, Here is brief guide abut adding your Google Adsense Ad code to Blogger Template. This Post will teach you how to add the code, how to show your ads at particular place such as Ads below the post, in the post, before the post, etc. Modify Your Code...

How To Submit Blogger Sitemap successfully to Google

Yeah, it’s true that this issue has been discussed many times. But traditional way of submitting RSS or Atom feed won’t help you, because it’s not a Sitemap but just a feed XML page. So in order to acts it as a Sitemap, you will have to do some minor modifications in your Blog settings. If you know how to add your Blog to Google Webmasters Tool and submit your RSS feed page then just quickly skip...

Displaying Google Ads Below Post Titles

Displaying your AdSense ads directly under the title of your blog posts, if you use the blogger platform, could increase the exposure of your AdSense ads. The fact that AdSense ads placed in the hot spots on a web page get the greatest exposure to visitors should not be new to you. So how can you display your AdSense ads just under the title of your blog post? AdSense CodeLog in to your AdSense...

Showing Codes in Blogger Posts Properly, a Basic Guide

HTML and Javascript codes perform different functions for our blog posts, such as changing the appearance of text like this. But when we need to display the actual code used to perform these functions, we can't simply paste this code into a post as it will perform the function, and not display as regular text. As you may have seen in my other posts, I use two different methods to display code as text...

Display Links in seconds with Javascript

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head> <script type="text/javascript" src="http://www.cpalead.com/id..."></script> <title>Download PDF eBook</title> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <style type="text/css"> body{ text-align:center; } #content{ position:...

Increase Traffic with Submitting Blog to Blog Directories

Since your blog is a new one with pagerank zero and has low traffic, you need submit your blog to blog directories which have high pageranks than your blog as a blog promotion tactic. Here are Top blog directories address which will send you maximum traffic. Dmoz Technorati TopofBlogs Blogtoplist Blogarama FuelmyBlog Blog Catalog Blogdigger Bloggernity Blogtopsites Topblogging TopblogArea LSBlogs Blogdumps Blogrankers...

Highlight Text Area on Blogger Post

I hope the tutorials in this blog can useful for you. at this time I still have time to make some tutorial for you before going to bed. now I wanna give you the material about "How to make High Light Text Are" The highlight text area is very useful for the visitors who wanna copy the code at your blog and paste it in their blog. It will decrease the risk of failure copying the code. The example button...

Stylish Title Blogger Post

If you have seen the post titles of this blog, you must have understood that the font is different from the other blogs. Even you can change the font of your blog easily. Check the picture below to see the font that I have used for my blog post titles. To change the font of your blog post titles, visit the Layout of the blog template and click on Edit HTML option. Select the Expand Widget Templates...

adding twitter @anywhrere to Blogger

Last month twitter made the @anywhere live which allows you to add many great twitter features on your blog. Of them, the Hovercards feature is being widely used. In this tutorial, we will explain you how to add the twitter @anywhere Hovercard feature to your blogger blog. First you will have to create an @Anywhere application. You will have to fill some information as show below Fill any name...

Add DISQUS Comments To Blogger Blog

We have already shown you How To Add Intense Debate To Blogger Blog. Now in this post we will explain how to add DISQUS Comments to your blogger blog. DISQUS is a very popular blog comment system which is being used by many popular blogs like Mashable. Adding it to your blogspot blog is simple and it won't take much time to add it to your blog. First visit DISQUS Comments and create an account...

Create Date and Day in Blogger

1.Log in to your dashboard--> layout- ->Page Elements 2.Click on 'Add a Gadget'. 3.Select 'HTML/Javascript' and add the code given below and click save. <script type='text/javascript'> var mydate=new Date() var year=mydate.getYear() if (year < 1000) year+=1900 var day=mydate.getDay() var month=mydate.getMonth() var daym=mydate.getDate() if (daym<10) daym="0"+daym var dayarray=new...

Add YouTube Style Search Button To You Blog

If you have visited YouTube , then you must have seen the the Search Box at the top of the site along with the Search button. Its a very simple looking button using hover effects to show shadow whenever you move the mouse over the Search button. This is very simple to implement on your blog for the search button and you can also use it for the Adsense Blog Search button just as I am using it on this...

Add Mashable Style Social Media to Blogger

You must have seen the Social Media widget that was used by Mashable for a certain period of time. This widget looks attractive and has nice effect to it, which makes it appealing to the eyes.This is great as you can get many visitors to your social media profile from them and is a great way to increase your contacts on other networks with the help of your blog. If you havent seen the widget before,...

Adding StumbleUpon to Blogger

Like all other Social networks, StumbleUpon has also got some really elegant sharing buttons. StumbleUpon has got 6 different sharing buttons. You can choose any of these six. Integrating this into your blogger blog will require some template Edits. How to add the Stumble Upon Counter Button to Blogger?1. First of all pick one of these 6 Button Styles. 2.Now Login to your...

Add a Recent Comment on Blogger

In the last post Simplest Way To Add A Recent Posts Widget To Blogger Blog I explained a very easy method to add a Recent Posts Widget to Blogger blog. Using the same method, we can also create a Recent Comment Widget for blogspot users in a simple manner. Just follow the simple steps and add a Recent Comments widget to your blog. Step 1: Click on Layout option of the blog for which...

Add Related Posts To Blogger Blog With LinkWithin

You must have seen many blogs which provide tutorials to add Related Posts below the Blogger blog posts. These widgets are very useful, however it involves adding lots of code to your blogger template which may be difficult for some people. However, LinkWithin has provided a simple and wonderful way to add related posts to a blogger blog. This method is very useful for those blogspot users...

How to Make Dofollow at Blogspot

in this post I will share you about how to make your blog become dofollow. If you want other people to comment on your blog, you have to give them something in return. A link with no nofollow is a good way of saying thank you for a comment. bloggers are frequently complaining that nobody would comment on their blogs. In fact, you see that some blogs attract loads of comments and become a fun place...