Scroll Bar for Blog Post Body

Adding Scrollbar to Blog Post body
once you are logged into Blogger account, go to Template -> Edit HTML and scroll to this code. Add the portion shown in red:-

 

Step 1 : Open your Blogger Account and Edit Html Under Layouts Tab;

Set 2 : Search for .post ( by browser Search) and Put the Red Portion in Curly Bracket. { }

 

.post { height:200px; overflow:auto; }

 

This will give you scrollbars to every post:-

Scrollbars within Blog Post
Sometimes, you may not want to have the scrollbars to all the [...]

This will give you scrollbars to every post:-

 

Scrollbars within Blog Post

 

This setting, scrollbars will automatically appear according to your need:-

Sometimes, you may not want to have the scrollbars to all the blog posts, but only for several paragraphs within a post. Assuming you are writing an article and you wish to enclose some long text within a scrollbox, you have to first define a class within the stylesheet.

For example, we can insert in the stylesheet this code to specify the maximum height and width of the scrollbox. Once the text overflows

 

Step 1 : Open your Blogger Account and Edit Html Under Layouts Tab;

Set 2 : Search for </b:link> by Browser search place the below code before it.

.scrollbox { height:100px; width:400px; overflow:auto; }

Step 3: Save the template.

 

Next, when you are writing a post, switch from the “Compose” mode to the “Edit HTML” mode and put the below code where your want to appear scrolling bar.

 

 

<div class=”scrollbox”>TEXT TO BE INCLUDED IN THE SCROLLBOX.</div>

 

You can continue typing the post by switching back to the “Compose” mode.

After you are done, when you publish your post, you will see that only the part of the text comprised with the tags will be in a scrollbox, like this:-

Read More......

Adding Background Image to Post Titles

Dcloud Of Dcblog brought this fantastic thing to us.By this we can put a Image Just behing the Post Title like on his blog.It’s Very Simple,the only thing is that you need to have a superb image to put on their.

You will have to just check hard for the codes to implement as different blogger have different type of coding.

To locate the code which controls the post titles go to your Layout Tab (located in your Customize window) and click the Edit HTML sub tab. The code you are searching for is “.post h6″ (it can be something else also,So try searching) which looks like this

 

 

Now to get the background image in there you have to add the code “background: url()” like this:

 

.post h6 { font-size:22px; color:#000000; font-weight:normal; border-top:1px dotted #000000; padding:4px 0 0 0; width:599px; no-repeat; background: url(http://www.yourserver.com/yourimage.gif) no-repeat; }

 

Now Check your blog the image might be partially visible only so add the height attribute(equivalent to the height of the image).

.post h6 { font-size:22px; color:#000000; font-weight:normal; border-top:1px dotted #000000; padding:4px 0 0 0; width:599px; no-repeat; background: url(http://www.yourserver.com/yourimage.gif) no-repeat; } height: 80px;

 

Now Checkout your blog,now you have to add/change the padding codes as you thinkl according to your blog to properly align the title within the image.

Read More......

Add an Image Beside Post Title

Don’t you want your blog look beauty? Maybe you can add several accessories. One of them is adding a small image beside post title, for example : please take a look the image below :

How to adding a small image at the post title? here is the steps.

 

 

Step #1
You must have a small image image, for example like this :
 

Step #2
Upload your small image to image hosting. For example : you can upload your image to blogger, Yahoo geocities, Google pages, or another free image hosting. If you has been uploading your image, please get the image code. for example : I'm has been upload an image to Blogger and the image code is :

https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCvllqAsakfWdUI1-ktBLNllwDgwjfiQSpXoZRsfxSjdP5zVSKMRgGrOGa4UyBsKO6AYf987rAaKQyjb-sv86EOE40eBlzAlyf7z6LJEySwYvYp6wE2KB_eULyiLphiuuEH19FxJnjv4M/s400/mypencil.jpg

So that the picture can appear at your blog, you must create the code like this :

 

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCvllqAsakfWdUI1-ktBLNllwDgwjfiQSpXoZRsfxSjdP5zVSKMRgGrOGa4UyBsKO6AYf987rAaKQyjb-sv86EOE40eBlzAlyf7z6LJEySwYvYp6wE2KB_eULyiLphiuuEH19FxJnjv4M/s400/mypencil.jpg"/>

And the image will appear like this :

Step #3
Add the image code to your template code. Here are the steps to add image code to your blog.

Or, do you still using old (classic) template? Never mind, bellow is the steps adding image code to classic template :

 

1. Login to blogger with your ID.
3. At the dashboard page, click Template.
5. Click Edit HTML.
7. Back up your template code (important!).
9. Find this code :
10. 
    <BlogItemTitle$>
12. Replace your image code beside above code :

14. <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCvllqAsakfWdUI1-ktBLNllwDgwjfiQSpXoZRsfxSjdP5zVSKMRgGrOGa4UyBsKO6AYf987rAaKQyjb-sv86EOE40eBlzAlyf7z6LJEySwYvYp6wE2KB_eULyiLphiuuEH19FxJnjv4M/s400/mypencil.jpg"/> &nbsp; <BlogItemTitle$>

15.  

16. Click Save Settings button.
18. Done. Now your every post title will appear with your small image.

This is for new blogger template (beta template) :

 

1. Login to Blogger with your ID.
3. At the dashboard page, click Layout.
5. Click Edit HTML.
7. Back Up your template code (important!).
9. Please mark the little box beside Expand Widget Template. Wait for a moment
10. 
    
11. Go to your template code, and find the code like this :
12. 
    <a expr:href='data:post.url'><data:post.title/></a>
14. Add your image code like this :

16. <a expr:href='data:post.url'> <img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCvllqAsakfWdUI1-ktBLNllwDgwjfiQSpXoZRsfxSjdP5zVSKMRgGrOGa4UyBsKO6AYf987rAaKQyjb-sv86EOE40eBlzAlyf7z6LJEySwYvYp6wE2KB_eULyiLphiuuEH19FxJnjv4M/s400/mypencil.jpg"/> &#160; <data:post.title/></a>

18. Click SAVE TEMPLATE button.
20. Done. Now your every post title will appear with your small image.

All right brothers, see you at my next tutorial.

Read More......

15 Best Image Search Engines to Find Photos

 

What to find a great photo or perfect celebrity picture? This list of best image search engines will help you find interesting photos in the easiest way possible. You will learn about hidden preferences, unique features that will make you searches images like a professional and actually find the best images possible. Check them out… and see their test results on Aishwarya Rai.

 

 

 

 

 

Imagery

Imagery is my favorite image search engine due to the intuitive interface. This has a cool tabbed search interface to browse your searched images. Just keep searching new image terms, which keep compiling in new tabs, click to load full size image at the bottom or in new window. Loads 20-100 images at a time in ajax-y fashion. Best for research and keep collecting all your search images easily. You can tweak preferences to select JPG, GIF or PNG, sort by size, sort by black and white, grayscale or color and of course get safe for work images too. Test

 

Google Images Search

Google Image Search is probably the most common image search engine you might have used. Gives you thousands of image results very fast. But a limitation is you need to click to the image source page to see the full size image (Power it up with Google Image Ripper to get no more thumbnails and load full size images directly). You can sort images by JPG, GIF, BMP or PNG, sort by b&W or color, with an option for extra large images. You can also search news content and faces too! (Face test). Improve Google Image Search results using the Google Image Labeler. Use more filters to stop that NSFW image with moderate filtering or strict filtering. Test.

 

Yahoo! Image Search

Yahoo Image Search will find photos and clicking on images will take you to the source page with a framed interface, with an option to mail to a friend. You can opt for color and b&w by quick links. Select photo size with a wallpaper mode too which gives you images on all usual desktop sizes (Test wallpapers). It gives related searches too at the bottom of results. Its also powers the AlltheWeb search engine. Test.

Ask Images

Ask Images Search will search your desired images and suggest ways to expand or narrow your search for better results. A unique preference is finding buddy icons (Test). It will suggest related information from Wikipedia, videos from Youtube, news, profiles and more. Test.

 

MSN Live Image Search

MSN Live Image Search searches through all images of your choice. One cool option is to search “Showing only images of your desktop size” to find that ideal wallpaper even if you do not know your display settings. Another cool feature is you can drag images from the search results to a scratchpad and create a photo collection. Find related results. You can adjust a slider to see smaller thumbnails and fit in more photos. Test

 

AltaVista Image Search

AltaVista Image Search has similar search results, with an option to select graphics and buttons / banners too. You can also quickly sort by a huge range of prefixed desktop sizes and very useful to find wallpapers for your desktop (Test 1024×768 wallpapers). Clicking on “more info” below those images will take you a list of all webpages that host that same image. Test

 

Picsearch

PicSearch claims to index 2 billion images on the web. All images are output-ed as thumbnails and click through to a framed page with the original source. Selecting the preferences you can select only animations only. You can also sort images by various image sizes based by pixels (Test <50px). And they are family friendly images by default, which cannot be changed. Test. It also powers Ditto.

 

Exalead Image Search Engine

Exalead will let you change the background to black or white. Then you can customize it to find few prefixed size desktop wallpapers. It can also search faces. You can again choose color or B&W and image sizes. You can click on options to view direct image links with no frames. Or click the image to browse the images and their source sites in frames. Test.

 

Pixsy

Pixsy will let you search and extract images from popular free image hosting services Webshots, Photobucket, Sevenload, SuperiorPics, ViewImages etc. Switch the media type to Images in the drop down options. Clicking the image will take you to the framed page, where you can browse images, and see source page. You can email or save to ‘My Pixsy’ too. Test.

 

Visoo

Visoo uses the power of its Visual Content Analysis to provide highly accurate information on the visual content contained within digital images, information that cannot be obtained from any other online source. With Optical Character Recognition (OCR) technology, it recognizes text in graphics and images and can even analyze colored type or transparent text on any background. You can also check the People option for face recognition and select no banners.

Netvue

Netvue is another cool image search tool. The images are organized as a slideshow, you can regulate the slide show speed and even turn it off. Browse thumbnail images to a central window, with links to original full size image source. Test

 

Flickr

Flickr Images - Its the top image sharing community on the web sharing their best photos with you. Many unique photos can be found, many personally photographed and with copyrights reserved. You can browse in detailed or thumbnail view. Another option is to sort by View: Most relevant or Most recent or Most interesting (test) as judged by the community. Many Flickr users have chosen to offer their work under a Creative Commons license, which means you can use their content with some rights reserved. Test.

 

Webshots

Webshots is another huge photo sharing community where people upload their choicest photos and share them. Lookout for copyright issues in these photo album collections. They have a desktop software to have fun with your wallpapers and screensavers. Test.

 

Photobucket

Photobucket is a huge resource of great images. It is a free online image hosting service that gives webmasters a free alternative to host large images, saving their server bandwidth. Most images might not have a copyright notice, so beware before reusing. Test.

 

Getty Images

Getty Images Search - They are famous for those unique stock photos you find on magazines, newspapers and corporate new blogs worldwide. Browse through their huge collection and find unique images not indexed by other search engines. In the multiple options, select only Editorial Images (All Editorial, All time). You can also sort by Horizontal or Vertical. Register to get price quote. Test.

 

Corbis

Corbis is another popular huge database that provides stock Images. You can search through Rights Managed, Royalty-Free images. You can search by Photography and Illustrations too. But you need to register with Corbis - to license the best images available, view and download large images with no watermarks, use personalized lightboxes to store and share your favorite images and license and download images online. Free stock photos can also be found at Clipart.com, FreeFoto, Stock.xchng

 

Warning on Usage - Image search engines help you find the best photos and images online, but that does not make them yours to crop, edit and photoshop. Many of these images you find are copyrighted and for personal use. Some photos are shared with limited creative commons licenses and some rights reserved. Enjoy them but lookout for the copyright notices and if you are allowed to reuse them.

Read More......

Run Custom Code On Selective Blogger Posts

Often we want to display ads on selective posts. By default, once the ad code has been added to blogger template, it appears on every single blog post. Suppose, we do not want to show ads on About, Contact and Archive pages. Or we want that posts having more than 10 comments should get image banner ads instead of text ads. Suppose you have a multi author blog, and you want that every author runs its own ad code on the post written by them. Or you may want that posts with tag 'Software' display no ad or only display only image ad. How to do all this? Well, here is the solution.

------------------------------------------------------------------------------------------------------------------------------

 

Display Author's Own Ad Code On His Post

Suppose, there is a multi-author blogger blog owned by Alex, Peter and Melinda. They all have Adsense accounts and want to display their own ad code on the posts written by them. How to achieve this? Let's see...
The following code will run each author's own ad code on the post written by them. In this example, the ad will appear at the end of post body. If you want to display the ad just below the post title shift the if...else section above the <data:post.body/> line.

 

<data:post.body/> <b:if cond='data:post.author == &quot;Alex&quot;'> /* Put Alex's Adsense Code or Custom HTML/JavaScript here */ <b:else/> <b:if cond='data:post.author == &quot;Peter&quot;'> /* Put Peter's Adsense Code or Custom HTML/JavaScript here */ <b:else/> /* Put Melinda's Adsense Code or Custom HTML/JavaScript here */ </b:if> </b:if>

 

------------------------------------------------------------------------------------------------------------------------------

Run Custom Code On Selective Posts

 

Let's take one more example. Suppose, we decide not to show any ad on About, Contact and Archive pages. Or we may decide to run some custom code instead of Adsense ad on these pages. To achieve this, our template code must identify the correct page while reader is opening it in the browser. How to achieve this? Let's see...
Every post in blogger has a unique post ID associated with it. This post ID is generated when the post is published. Drafts do not have any post ID associated with them. First open your post in blogger editor, in our example, it's Contact page. Now see the URL in your browser's address bar. You will find the post ID at the end of the URL, as shown in the image below.

Copy this code in notepad and close the post. Now add the following code in your template.

 

Note: Replace xxxxxxxxxxxxxxxxxxx with your post ID

 

<data:post.body/> <b:if cond='data:post.id == &quot;xxxxxxxxxxxxxxxxxxx&quot;'> /* Put Custom HTML/Javascript Code here */ <b:else/> /* Put Regular Adsense Code here or leave it blank to show no ad */ </b:if>

------------------------------------------------------------------------------------------------------------------------------

 

Run Custom Code on the Basis of Comments

 

Here is one more possibility. Let's say, a blogger may want to run custom code on posts having no comments or having more than 5 comments. On the other hand, he may want that posts having comments between 1 to 5 display regular Adsense ads. How to achieve this? Let's see...

Possibilities and combination's can be infinite. I just took an example to explain the trick.

 

<data:post.body/> <b:if cond='data:post.numComments == 0'> /* Put Custom HTML/Javascript Code here */ <b:else/> <b:if cond='data:post.numComments &gt; 5'> /* Put Custom HTML/Javascript Code here */ <b:else/> /* Put Regular Adsense Code here or leave it blank to show no ad */ </b:if> </b:if>

 

------------------------------------------------------------------------------------------------------------------------------

 

Run Add On Custom Code Based On Post Tags (Categories)

Here is one more example. Suppose, you want to run custom code on all those posts having 'Software' tag (Category) associated with them, in addtion to your regular Adsense code. How to achieve this? Let's see...

 

Note: Replace Software with your Tag (Category)

 

<data:post.body/> <b:if cond='data:post.labels'> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.name == &quot;Software&quot;'> /* Put Custom HTML/Javascript Code here */ <b:else/> </b:if> <b:if cond='data:label.isLast != &quot;true&quot;'/> </b:loop> </b:if> /* Put Regular Adsense Code here or leave it blank to show no ad */

 

NOTE: You can shift these codes to appropriate place in the template according to your needs.

Read More......

10 Things Bloggers must Check Before Publishing a Post

Many a times, after hitting the ‘publish’ button, I realized what I missed out or what additional things could have been done to attract more visitors. Later on, I realized the need of a checklist that I should make use of before hitting the ‘publish’ button. I discovered that the checklist really helped me out, as such I wanted to write about it, to help budding bloggers and other Co-authors of this blog.

• Catchy Headline:
  To attract maximum people to read an article, an article must have a good, simple and a catchy headline.

• Opening Contents:
  You must avoid writing off-the-topic and bogus things on the opening lines of your post, specially in the first paragraph. If you do so, many readers will go away from your blog ultimately affecting your blog and its credibility.

• Spell Check:
  This is another important aspect, every blogger must practice. If yuo mkae scuh splleing erorrs, agian it mya aeffect yuor bolg. You can imagine how annoying spelling errors are, from the preceding line. So, you must never forget to run spell check before you feel, your post is ready to be published.

• Grammatical Errors:
  Again, by this point your readers will judge you and your writing skills which ultimately would affect your earnings and revenue. So, after you complete writing the whole article, read it back atleast once to find any grammatical errors.

• Bullets & Text Formatting:
  Readers usually tend to read the whole articles in brief, as such highlighting important things and making use of bullets should really help.

• Images:
  There’s a famous saying “A picture is worth a thousand words” and I too feel the same. If you make use of a related image, it will further add stars to your article. Also, do never forget to rename the image relating to the contents of your blog as it is good for SEO.

• Alignments:
  To make your post look decent and give an appealing look, I strongly feel, you should never publish your post leaving the whole text unaligned. For aligning the article you should prefer ‘Justify’ option. Also, if any images are used you must align them with proper margins and wrapping.

• Back-Links:
  On the bottom of every post, you must add links of various things your wrote about in the whole article. For example if I am writing an article about ‘Opening a new Gmail account’ then on the bottom of post I should link to related pages like Gmail | Registration | About

• Sources, Credentials and Related Articles
  Never forget to add links and give credits to those blogs or websites where you basically saw the articles you are writing about. By this your readers may not blame you, upto some extent, if the information you blogged about is false. Also adding up related articles on the bottom of every post is another tactic many pro blogger follow. This way, you can keep your readers stuck to your blog ultimately resulting in increase of your revenue and profits.

• Categories and Tags:
  Not to mention, this is the most important thing you must look. This will help your blog reader to browser your blog posts category wise and would also be helpful for locating similar articles.

Read More......

Limitation of Blogger ( Blogspot) Blogs

There are usage limits imposed by every free service, including Blogger.com. Often, the limits are necessary for design purposes (e.g., how much space to cater for each form field), logistics (e.g., server space and speed) and financial considerations. Most of the answers on the amount of storage space, limitations on posts, etc. are found in Blogger Help. However, since we still receive queries on that, we thought we shall add a few more items to that list for the benefit of the new Bloggers. These limits apply to one Google account, and if you find yourself exceeding these limits, one solution would be to register for an additional Google account to enjoy the services.

1. Number of Blogs

There is no limit on the number of Blogger Blogs you can create with your Google account. If you are creating Google sites using Google Page Creator, you are allowed to have a maximum of 5 different sites.

2. Blog Address

This is the name inserted between http:// and .blogspot.com. The limit is 37 characters.

3. Blog Title

The Title can go up to 90 characters.

4. Blog Description

The Blog Description can have a maximum of 500 characters.

5. Profile

When you are at “Edit User Profile” page, you can add information about yourself under “About Me” and this has a maximum of 1,200 characters. For other fields like “Interests”, “Favorite Movies” and so on, each has a limit of 2,000 characters.

6. Number of Team Members

You can have as many team members, contributors or administrators as you would like. Add the authors under Settings -> Permissions.

7. Number of Posts

There is no limit to the number of Posts you can have in each Blog. All the posts (whether published or saved as drafts) will be in the Blogger account unless they are deleted. With or without the Archives Page Element in your Blog, the posts are still stored.

8. Size of Posts

There is no limit to the size of each post but as we shall see, there is a limit to the page size. Because of that, if you are posting the entire contents of your book, try to split it into chapters and have each chapter under a new post. Otherwise, you may find your very long post not displayed once it hits the page size limit.

9. Size of Pages

Each page has a size limit of 1MB. This is a rather large size and if your posts are short, you can display a few hundred posts on the main page. At the moment, under Settings -> Formatting, you can show up to 999 posts on a page. Should you encounter a 006 error message, you can set a smaller number of posts so that the page size limit will not be exceeded. As mentioned earlier, if your one post already exceeds the 1MB limit, there is little you can do except to split that article into separate posts.

10. Size of Pictures

As we had mentioned in Manage Blogger Image Storage Space, pictures and graphics that are uploaded onto our free Blogger Blogs are now stored in Picasa Web Albums and it assigns each Google account a storage capacity of 1GB. Since this stores the pictures of all our blogs under the one Google account, we would have to pay Google should we need more storage space. The alternative would be to create new blogs under different Google accounts. (Note that in Google Pages, the total size of pages and uploaded files cannot exceed 100MB.)

11. Size of Videos

Recently, Blogger introduced a new feature which allows you to upload videos in your posts. The upload is done through Google Video and there is no limit to the number of videos you can upload, nor is there a limit on the size or length of each video.

As Google also owns YouTube, you may like to know that there is a 100MB file size limit and a maximum 10-minute length limit for YouTube videos. Should Google Video merge with YouTube one day, their rules on usage may be aligned.

12. Amount of Bandwidth

While some service providers place a daily or monthly cap on the amount of data that can be transferred from their sites, Blogger does not appear to impose such bandwidth limits. There is no problem to you having a million visitors a day to your Blog. What you should be mindful of is the limit imposed by external providers. For example, if the Blog's background images are uploaded onto free image hosts, once the bandwidth limit imposed by these hosts is exceeded, the background images will not be loaded and visitors will see many empty spaces in your layout.

13. Number of Comments

There is no limit to the number of comments to the posts. They are saved in your account even if you choose to “Hide Comments” under the Settings -> Comments tab.

14. Number of AdSense Ads

Since you can insert Google AdSense Ads through the Blogger “Add a Page Element” function, for the sake of completeness, we should also state the current limits stipulated in AdSense rules. Each Blog page can display a maximum of:-

• three AdSense for Content Ad units;
• two AdSense for search boxes;
• three Link units;
• three Product Referral units

This means that even if you have configured AdSense Ads to appear after every post, on a page where there are ten posts, AdSense for Content Ads will automatically be shown in only three of them.

Read More......

No AdSense Ads Below Blog Title or Post Title

By referring to Google AdSense placement heat map, we put Google AdSense ads above blog content (below post title) for better performance. But Google AdSense team does not quite agree with the ads placement.

 

QuickOnlineTips received an email from Google AdSense support pointing out the issue on their site.

In fact, Google Adsense Blog published 2 guidelines earlier and one of them is “ads shouldn’t be placed under a title or section heading in a way that implies that the ads are not ads.”

 

 

I didn’t take much attention to the guideline because I thought mine is different than the example. My AdSense ads was separated by categories and date. But it seems AdSense team think the different.

AdSense team advised QuickOnlineTips that:

 

“publishers may not label the Google ads with text other than ’sponsored links’ or ‘advertisements’.”

As a result, QuickOnlineTips now put a “ADVERTISEMENT” word above the AdSense ads.

 

 

I also made the change to add “advertisement” image above my AdSense ads, although I haven’t received any email from Google AdSense about matter.

I know many AdSense publishers used put AdSense ads below post title (it’s really a heat spot!), so make the required changes before too late!

Read More......

Rank Higher with Customized Permalinks

How to Rank Higher in Google - Creating Customized Permalinks in Blogger

 

What are Permalinks?

Permalinks tell a lot about the page it points to. One can read out the article name in the status bar of the browser when hovering over the permalink (by the way, permalinks are the permanent links to every post page which usually contains the title of the post). Search engines use permalinks to categorize the posts. Browsers use permalinks to navigate to remote pages.

How are they created …

Permalinks are generated automatically by your Blogging platform based on the Title of the post.

 

 

… in Blogger?

Unfortunately, Blogger users are left with no option, but to accept the permalink automatically awarded to them. There is no option to customize permalinks. Blogger just takes the first few characters of the title (somewhere between 35 and 40) and makes a permalink which might be incomplete at times. For a post with the title, “The Advantages and Disadvantages of using a customized permalink every time”, the permalink will be something like http://onlinemoneyxtreme.blogspot.com/2008/10/the-advantages-and-disadvantages-of/

 

What should I do?

Luckily we have come up with an idea to customize the permalink. The method is called “Publish and Republish method”. This is illustrated using the above example (”The advantages and disadvantages of using a customized permalink every time”)

• Since Blogger permits only 35 to 40 characters in its permalink, find a short title for the post. For instance, ‘Analysis of Customized Permalinks’ can be a short title for the same post.
• Publish the post with this short title. Now the permalink will read http://themelib.com/2008/10/analysis-of-customized-permalinks/
• Blogger does not change its permalink even if we change the title of the post in future. We exploit this limitation of Blogger here. Edit the post (Manage posts -> Edit) and change the title to ‘The Advantages and Disadvantages of using a customized permalink every time’. Now the permalink will remain same, but the post title will read the new way.

Conclusion

This trick is useful when you decide to use stylish titles. It can also be used to remove the unnecessary details from the permalink and project the necessary ones. A concise permalink is one tip for SEO (Search engine optimization).

Read More......

Add Yahoo Buzz button to your blog Post

As I said in the previous post, Yahoo Buzz can be your excellent traffic-maker if your story is interesting and get to Yahoo! homepage. The First Step to get it is to put a Yahoo! Buzz button to your blog so that people can vote your entry up. Adding a Yahoo! Buzz button is not too complicated if you follow my steps below

 

Step 1. Choose your favorite button from Yahoo! Buzz that fitted well with your site design (large button with vote count -Square Button - is highly recommended), then click “Get Code”.

Step 2. If you have selected the Square Button the code will be like this

<script type="text/javascript" src="http://d.yimg.com/ds/badge2.js" badgetype="square">ARTICLEURL</script>

 

Step 3. Replace the ARTICLEURL with <data:post.url/>. After replaced, your code will look like this

 

<script type="text/javascript" src="http://d.yimg.com/ds/badge2.js" badgetype="square"><data:post.url/></script>

 

Step 4. Now go to your Blogger account

 

Step 5. Go to Layout -> Edit HTML

 

 

Step 6. The best place to display Yahoo! Buzz button is under the Post Title and on the right. Because of the variation of blogger templates on the web, I recommend you put Yahoo! Buzz code above the tag <data:post.body/>. We will add style to the button to make it float to the right. Yeah, more beautiful

 

Your template code will look something like this

 

<div style='float:right;padding:5px;'><script badgetype='square' src='http://d.yimg.com/ds/badge2.js' type='text/javascript'><data:post.url/></script></div> <data:post.body/>

 

Of course, if you want it float to the left, it is fine. Change the code float:right; to float:left;

Step 7. Save your template, see your work and start buzzing up your posts. Hey, do not try to spam their page or you will be banned

 

If you have any issues in adding the Buzz button to your blog, feel free to leave a comment here

 

P/s: I’ve created a demo page for you in 2 minutes. You can see it in action now. Feel free to test it.

Read More......

Yahoo! Buzz is open for everybody

It’s been about six months since Yahoo Buzz launched and now Yahoo has decided to “open-up” Buzz. The Yahoo Buzz is similar to Digg, in which users can vote popular Internet news stories up and down.

 

 

When a story got so much buzz, it will be reached the Yahoo! homepage! This is good news for publishers because those who have already experienced a “Yahoo! Buzz Effect” have talked about the surge in traffic they experienced once Yahoo placed an article on their homepage.

 

* Salon got so excited when they had 1 million unique visitors a day, the most ever to the 12 year old site. * US Magazine was linked from Yahoo on February 27, and had the second highest traffic day ever. 32% of visits that day came from the Yahoo home page. * Huffington Post reported 800,000 unique visitors from a Yahoo-linked story * Smoking Gun, Portfolio.com, Dallas Morning News and Imaginova all reported significant traffic increases after links from the Yahoo home page. * Sugar, Inc. sites have had nearly 1.8 million unique visitors sent from five different Buzz stories on the Yahoo home page

 

Content that people can Buzz up! include stories, photos, and video. You just have to look for sites that include the Buzz Up button or submit the stories here once it goes live in a few hours.

Read More......