Promote Your Blogger

Google Panda 2.5.2

2011-10-31T16:06:00.002+05:30

I always keep an eye on the posts over at the Search Engine Roundtable. A few days back there was a post about Google Panda 2.5.2, so I checked my stats.

My fitness blog has been affected, but I'm not sure exactly how it will affect the bottom line (sales/profits). It seems I'm getting more traffic from image searches and less from keywords--kind of like what happened with the original Panda algorithm.

But it's a little too early to tell exactly how this will affect me, and I'm sure other updates will come along. I'll just do my best to produce quality content in an SEO friendly manner. I'm not going to worry over stuff I can't control.

Logo Design Process Case Study – How to Create a Logo

2011-10-26T08:11:00.000+05:30

Step 1: Logo Design Draft Concepts

After you’ve filled out your initial design information for LogoNerds, you will have to wait a couple of days for their first set of concepts. I always go with their $47 “Professional Business Logo” package since it comes with 6 different draft designs (and print ready images). The most exciting part of the logo design process is when you get those first drafts and have an idea where your logo is headed.

Step 2: Critique and Logo Revisions

Depending on the web site or job, sometimes I will just select one of their first drafts and go with that logo. This time around I knew I wanted something really great for the site, so I worked with LogoNerds to create the perfect logo. After looking at all of the logos for a couple days, and asking friends and family which logo they liked best, and why, I decided to go with CONCEPT 1 (top left). I thought it was simple enough to get the point across, but also fun and brandable at the same time.
I told LogoNerds that I would like to see if they could play around with the bone structure in the background and if they could create a new variation of the dog and cat faces. You can see their revision update below.

The new bone looked much better, and I liked the new cat and dog face even more. From there I gave the LogoNerds team a few ideas on how what colors to add into the logo. Their color update is shown below.

Step 3: Text Logo Revisions

The logo is looking pretty good now, and could be considered finished, but I still wasn’t loving the “PetFoodia.com” text beneath the logo. I then requested the team try and create something nice that would go along with the logo.
The next set of finished logos with a new font design can be seen below.
While some of the font designs looks nice, none of them blew me away. I like the concept on the bottom left logo, but it just didn’t look right. Once again, I went back to the LogoNerds team to request another text revision set, this time with “more simple” text concepts. Within a couple days I had another set, which you can see below.

I was much happier with this set of designs. They were much less advanced and colorful as the previous set, but I wanted something simple and to the point. I decided on the bottom left logo with, and to remove the tagline from the logo.

Step 4: Completed Logo / Files Recieved

After the thorough design and revision process, I was extremely happy with the end result. You can see the final logo below.

LogoNerds would complete the order and send over a final design zip with a variation of different sizes, colors and file types.
After looking over the whole process, and how many times I asked LogoNerds for a revision, it’s quite amazing the service they can offer for only $47.

Add A One Time Email Subscription Pop Up Form To Blogger

2011-10-16T07:49:00.000+05:30

So many blogs and websites i visit these days have implemented a pop up subscription form for their newsletter.I'm sure you have seen it, you land on a site and after a few seconds a form appears asking for your Email to subscribe.While these can annoy some people they have been proven to have a dramatic effect on the numbers of subscribers.In this post i will show you how to add a similar form to your Blogger blog but with a form to subscribe to your blog via Email Rss provided by feedburner.The form is a one time pop up so if someone visits your blog every day it will remember they visited before and not show the form again.

This tutorial was originally posted on the excellent Simplex Design blog so make sure to check them out.Below you can see a live demo.

Add The Pop Up Subscription Box To Blogger

Remember Always Back Up Your Template Before You Make Changes - How To Back Up A Blogger Template

Step 1. In Your Blogger Dashboard Click Design > Edit Html

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code )

]]></b:skin>

Step 3. Copy and Paste the following code Directly Above / Before ]]></b:skin>

Note - This is a scroll box make sure to get all the code.

/*Subscription Pop Up Css*/
#popupContactClose{
cursor: pointer;
text-decoration:none;
}
#backgroundPopup{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:100%;
width:100%;
top:0;
left:0;
background:#000000;
border:1px solid #cecece;
z-index:1;
}
#popupContact{
display:none;
position:fixed;
_position:absolute; /* hack for internet explorer 6*/
height:384px;
width:408px;
background:#FFFFFF;
border:2px solid #cecece;
z-index:2;
padding:12px;
font-size:13px;
}
#popupContact h1{
text-align:left;
color:#6FA5FD;
font-size:22px;
font-weight:700;
border-bottom:1px dotted #D3D3D3;
padding-bottom:2px;
margin-bottom:20px;
}
#popupContactClose{
font-size:14px;
line-height:14px;
right:6px;
top:4px;
position:absolute;
color:#6fa5fd;
font-weight:700;
display:block;
}
/*End Subscription Pop Up Css @ http://www.PromoteYourBlogger.co.cc */

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code)

</head>

Step 5. Now Copy And Paste This Code Directly Above / Before </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.0/jquery.min.js' type='text/javascript'/>
<script src='http://dinhquanghuy.110mb.com/jquery.cookie.js' type='text/javascript'/>
<script type='text/javascript'>
var popupStatus = 0;

//loading popup with jQuery magic!
function loadPopup(){
centerPopup();
//loads popup only if it is disabled
if(popupStatus==0){
$("#backgroundPopup").css({
"opacity": "0.7"
});
$("#backgroundPopup").fadeIn("slow");
$("#popupContact").fadeIn("slow");
popupStatus = 1;
}
}

//disabling popup with jQuery magic!
function disablePopup(){
//disables popup only if it is enabled
if(popupStatus==1){
$("#backgroundPopup").fadeOut("slow");
$("#popupContact").fadeOut("slow");
popupStatus = 0;
}
}

//centering popup
function centerPopup(){
//request data for centering
var windowWidth = document.documentElement.clientWidth;
var windowHeight = document.documentElement.clientHeight;
var windowscrolltop = document.documentElement.scrollTop;
var windowscrollleft = document.documentElement.scrollLeft;
var popupHeight = $("#popupContact").height();
var popupWidth = $("#popupContact").width();
var toppos = windowHeight/2-popupHeight/2+windowscrolltop;
var leftpos = windowWidth/2-popupWidth/2+windowscrollleft;
//centering
$("#popupContact").css({
"position": "absolute",
"top": toppos,
"left": leftpos
});
//only need force for IE6

$("#backgroundPopup").css({
"height": windowHeight
});

}

//CONTROLLING EVENTS IN jQuery
$(document).ready(function(){
if ($.cookie("anewsletter") != 1) {

//load popup
setTimeout("loadPopup()",5000);
}
//CLOSING POPUP
//Click the x event!
$("#popupContactClose").click(function(){
disablePopup();
$.cookie("anewsletter", "1", { expires: 7 });
});
//Click out event!
$("#backgroundPopup").click(function(){
disablePopup();
$.cookie("anewsletter", "1", { expires: 7 });
});
//Press Escape event!
$(document).keypress(function(e){
if(e.keyCode==27 && popupStatus==1){
disablePopup();
$.cookie("anewsletter", "1", { expires: 7 });
}
});

});
</script>

Step 6. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code)

</body>

Step 7. Copy and Paste the following code Directly Above / Before </body>

<div id='popupContact'>
<a id='popupContactClose'>x</a>
<h1>Get Our Latest Posts Via Email - It's Free</h1>
<p id='contactArea'><form action='http://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=PromoteYourBlogger', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' style='border:1px solid #ccc;padding:3px;text-align:center;' target='popupwindow'><p>Enter your email address:</p><p><input name='email' style='width:140px' type='text'/></p><input name='uri' type='hidden' value='PromoteYourBlogger'/><input name='loc' type='hidden' value='en_US'/><input type='submit' value='Subscribe'/><p>Delivered by <a href='http://feedburner.google.com' target='_blank'>FeedBurner</a></p></form></p>
</div>
<div id='backgroundPopup'/>

Important - You need to change our feedburner username with yours.The username for your feed can be found at the end of your feed URL.For example the our feedburner URL is http://feeds.feedburner.com/PromoteYourBlogger , with PromoteYourBlogger being the username.

That's it all thanks go to Simplex Design.

How To Turn Off Or Disable The New Blogger Lightbox Feature

2011-10-16T07:42:00.000+05:30

In the last post i brought you news of how Blogger had just added Lightbox to all Blogger Blogs.While lightbox is a neat way for people to view images in your posts it has not been to every ones taste.I have received a few comments and Emails asking is their a way to turn off light box or disable lightbox.This morning i spent some time trying to work a simple line of Css to override lightbox but to no avail.However i did come across a hack on another blog that does the job perfectly.

This hack is from the blog Code from an English Coffee Drinker (Love the title make sure to check it out) and it works a charm.I also have a video tutorial at the bottom of the post.

Override Lightbox On Blogger Blogs

Step 1. In Your Blogger Dashboard Click Design > Add A Gadget > Choose Html/Javascript

Step 2. Copy And Paste The Following Code Into The Html/Javascript Gadget Form

<script type="text/javascript">
//<![CDATA[
function killLightbox() {
var images = document.getElementsByTagName('img');
for (var i = 0 ; i < images.length ; ++i) {
images[i].onmousemove=function() {
var html = this.parentNode.innerHTML;
this.parentNode.innerHTML = html;
};
}
}

if (window.addEventListener) {
window.addEventListener('load',killLightbox,false);
} else {
window.attachEvent('onload',killLightbox);
}
//]]>
</script>

Step 3. Save The Gadget, You don't need to give it a title.

Video Tutorial

That's it Lightbox is gone and images will be displayed as before.All the thanks for this goes to Code from an English Coffee Drinker.

Know The Rhythm Of Your Blog

2011-09-19T14:35:00.000+05:30

When you start your blog you may have no conception of how long you're going to be doing this for or the time and effort that it is going to take on your part, but when you become a seasoned blogger, you'll be able to look back (and look forward) and see your personal seasonal rhythms with your blog.

We all have our ups and downs and habits that we get into, and our blogs will reflect that over time. Right now, it's getting into fall, and for a a lot of people summer is one of two extremes - it is either the time where you're lazy and don't maintain your blog as much, or you're coasting along with your blog because everyone is engaged and involved. After this, you're going to have to make one transition or another - either get more involved with your blog and write more or expect less involvement from your audience. Or you're one of those lucky few that get consistent involvement year round - know I strongly dislike you.

For those who are just starting - know that you will likely get into routines in different seasons (the weather may not correlate...but it will happen.) Blogs have life cycles and phases just as a business does. You'll probably get into a winter funk, and there will be some bumps and scrapes along the way - balancing life, work and blog isn't always easy.

As I said, your seasons may not match what you're seeing outside of the window, but you really should take note of what kind of life cycle your blog has, where the ups and downs and peaks and valleys usually occur. If you don't notice these things, your blog could become completely stale or irrelevant without you noticing. Years will run by you, and your blog hasn't grown or evolved at all. Maybe you don't get to know your audience, or haven't don't any kind of SEO, but SEO is a whole 'nother topic.

Just as a fact of life in the real-world seasons of Fall and Winter, you will be faced with a lot more holidays - from Halloween to Christmas. You'll need to decide to what degree you're going to want to share your personal experiences of the holidays, or the ways in which you're going to allow the holidays you do (or don't) celebrate color your content.

Winter

The winter of your blog is a test of discipline. Long days and little to show, at this point you're just trying to get through your posting schedule. You don't have the heart to start any new promotions or launch any new projects. You just slog through the mud and keep on keepin' on. Do you have the devotion to really keep doing this blog? Your winter is your benchmark.

Spring

Spring - buds are blooming, birds are chirping, the sun is shining. In short, things are looking better. You've got new subscribers or maybe you just got pitched a great promotional deal, but things are going so much better than they were. Whatever is making you excited about your blog again, you're posting so much more and are engaged and active, riding on cloud 9.

Summer

As I've mentioned earlier, the summer of your blog (which likely corresponds to the actual season) can be one of two things. Either you're hot and lazy and kind of abandon ship with your blog, posting less frequently, engaging less often, or you're continuing the high of summer and you could almost be on vacation because things with your blog are evolving so naturally and everything is going so easily.

Fall

The fall of your blog is the time that you need to take to analyze your blog. Do you need a new design? (Do you want a new design?) Do you need to reach out to a different audience? Guest post somewhere? Start in on a new topic or a new angle? Fall is the time to ask those questions, and figure out what is going on a bit deeper with your blog - figure out how to grow it, how to nurture it.

Don't forget your blog is a reflection of you, and you go through cycles and rhythms. Follow them, understand them. Don't try and fight them or get frustrated with it. Ups and downs happen with everything. Keep in mind the larger picture of you and your blog and how they fit together - and a big part of that is identifying and acknowledging the rhythms that your blog goes through.

5 Simple Ways To Equip Your Blog With Internal Links

2011-09-08T06:20:00.000+05:30

Here’s an easy way to create internal links for your blog. Do so and you will in no timekeep your bloggers blogging, increase your viewership, and achieve higher search engine rankings.
Follow these simple suggestions to build internal links and help your blog gain greater success:-

Create links in your most viewed posts
Furnish your pages with links of relevant information
Create series and sitemaps
Create links at the end of posting threads
Use 404 pages to your advantage

The Default Theme Nivo Featured Posts Slider For Blogger

2011-09-02T10:46:00.000+05:30

In the last post i showed you how to use the Pascal Theme Nivo Slider on Blogger.So in this post i have the second of the three Nivo themes, the default nivo slider.The default theme while looking more basic still has the cool transitions and other options like pop up captions.The slider is from Dev7 Studios and you can see the live demo below.

Add The Default Theme Nivo Slider To Blogger

Remember Always Back Up Your Template Before You Make Changes

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code )

]]></b:skin>

Step 3. Copy and Paste the following code Directly Above / Before ]]></b:skin>

Important - This is a scroll box make sure to get all the code.

/*Start Slider Css*/
#slider-wrapper {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlpfU4OeWOGf89OHZDTm2YfHVnfTnpbTuwEiD5Piw-POYkmMJQOzv6GtDaHx3iZ6c9BC662fbN9UEfAC3dbWrWAeSfzhrxiDERhvpDzg0jSGu62txZPf6C-0K6MwTti3GjoHGXs2RUQXex/s1600/loading.gif) no-repeat;
width:998px;
height:392px;
margin:0 auto;
padding-top:74px;
margin-top:50px;
}
#slider {
position:relative;
width:618px;
height:246px;
margin-left:190px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhlpfU4OeWOGf89OHZDTm2YfHVnfTnpbTuwEiD5Piw-POYkmMJQOzv6GtDaHx3iZ6c9BC662fbN9UEfAC3dbWrWAeSfzhrxiDERhvpDzg0jSGu62txZPf6C-0K6MwTti3GjoHGXs2RUQXex/s1600/loading.gif) no-repeat 50% 50%;
}
#slider img {
position:absolute;
top:0px;
left:0px;
display:none;
}
#slider a {
border:0;
display:block;
}
.nivo-controlNav {
position:absolute;
left:260px;
bottom:-42px;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_7Dpvu7OX_TWHeVsRsCTjS9DBDfU3Ijx2yHggyE2G3RLznRbB0WPT0-XmmyYBn92mK0lhVVOZkF9XUwYip9V4UoqhoR1C8iCMCln2THJUk4Wli87NixHSq6toMYOEo4C6n-RzaNHd0cbZ/s1600/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
.nivo-controlNav a.active {
background-position:0 -22px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiatPJiWnLVi6YRe4-JLVR-PIvWSCKN9cbCF17O0QbiyX8h6jwfqE-nOgaMxUKuLcT69nT1x1GoSMC8QLfghFW9r6epzN1PxS4KNlQPiW9VpivHPBOMizVM46wkXAOqv_poljPXP3pUdh7y/s1600/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
.nivo-caption {
text-shadow:none;
font-family: Helvetica, Arial, sans-serif;
}
.nivo-caption a {
color:#efe9d1;
text-decoration:underline;
}
/* The Nivo Slider styles */
.nivoSlider {
position:relative;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left:0px;
bottom:0px;
background:#000;
color:#fff;
opacity:0.8; /* Overridden by captionOpacity setting */
width:100%;
z-index:8;
}
.nivo-caption p {
padding:5px;
margin:0;
}
.nivo-caption a {
display:inline !important;
}
.nivo-html-caption {
display:none;
}
/* Direction nav styles (e.g. Next & Prev) */
.nivo-directionNav a {
position:absolute;
top:45%;
z-index:9;
cursor:pointer;
}
.nivo-prevNav {
left:0px;
}
.nivo-nextNav {
right:0px;
}
.nivo-directionNav a {
display:block;
width:30px;
height:30px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiatPJiWnLVi6YRe4-JLVR-PIvWSCKN9cbCF17O0QbiyX8h6jwfqE-nOgaMxUKuLcT69nT1x1GoSMC8QLfghFW9r6epzN1PxS4KNlQPiW9VpivHPBOMizVM46wkXAOqv_poljPXP3pUdh7y/s1600/arrows.png) no-repeat;
text-indent:-9999px;
border:0;
}
a.nivo-nextNav {
background-position:-30px 0;
right:15px;
}
a.nivo-prevNav {
left:15px;
}
/* Control nav styles (e.g. 1,2,3...) */
.nivo-controlNav a {
position:relative;
z-index:9;
cursor:pointer;
}
.nivo-controlNav a.active {
font-weight:bold;
}
.nivo-controlNav a {
display:block;
width:22px;
height:22px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_7Dpvu7OX_TWHeVsRsCTjS9DBDfU3Ijx2yHggyE2G3RLznRbB0WPT0-XmmyYBn92mK0lhVVOZkF9XUwYip9V4UoqhoR1C8iCMCln2THJUk4Wli87NixHSq6toMYOEo4C6n-RzaNHd0cbZ/s1600/bullets.png) no-repeat;
text-indent:-9999px;
border:0;
margin-right:3px;
float:left;
}
/* End Slider Css, Info @ http://www.spiceupyourblog.com */

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code )

</head>

Step 5. Now Copy And Paste This Code Directly Above / Before </head>

If you have previously added jQuery to your template you can leave out the line in green.

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://yourjavascript.com/8855314511/jquery.nivo.slider.pack.js' type='text/javascript'/>
<script type='text/javascript'>
$(window).load(function() {
$('#slider').nivoSlider();
});
</script>

Step 6. Save Your Template.

That's the Css and Scripts added we now add the Html for the slides.

We will be adding the slider across your blog below the header.This area is called Cross Column and can be seen in the image below.

Adding HTML For The Slides

The HTML for the slides goes in a Html/Javascript gadget in the cross column section as shown above.

Below is the html for the slider in the demo.There is no really easy way to explain it so you will need to take a minute to figure out the code.I have the URLs (The Destination of the slide when clicked) is in red, the image is in green and the caption (Optional) is in yellow.Each slide works in the same way, you can just copy and paste this code and replace the URL, Image and captions.To add extra slides you can repeat one of the sections and once again add your URL, Image and Caption.

<div id="slider">
<a href="http://www.spiceupyourblog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSN8OlHTuyRo4rhU4NG3gNoP8Fg2ZGTVBjBe5DJw-CRfTnXrjGBs341BCCyWJIHtvHw9FG6fnjvZhBr6GXyUOZSjmlaoWLpj6ws_8gxk5PUf3df0NlMoA6eDtOzL37kXUbUjZHTELjGzo/s1600/toystory.jpg" title="This Is A Caption" /></a>

<a href="http://www.spiceupyourblog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYdKl-NiFwiKrYLkkIYPwSYeFPjfFtE31R6X-txrRc7sJfZfdL1rlXc38E59FmFPn1LJMJZAMfFqiKnR0Q0orPtGrWahQFXkJoEkMQtcNBPm3KmiLhkn67lDmFvx6dxaQ_neA1Ogy9BdI/s1600/up.jpg" title="This Is Another Caption" /></a>

<a href="http://www.spiceupyourblog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhKzPSIhc7H6gx9lJ1IWsMeneonmy-rauhshH_QB3yLl74n5fzZKyDe98v4iROzZfeCWX8qDcP-SFLcmY30bdfGrJdr1XgVcOZiW_95SIbmV9QfwvNP-ufDnFWWKwcIENbmFA22eIHinJQ/s1600/walle.jpg" title="This is an example of a caption" /></a>

<a href="http://www.spiceupyourblog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirTvol7JXtKqLS3yR2zETM1Uy0tcqZ8IdopWsL5NVp2bl4RK5aSaPMblVxX5nSlbbh6Qz9qiKUvg91k5zDnv7Ya-yKIxCixSbv_Wif8Pmsivtn5vm9nfBV4BQoR6Hyeb9p5Uf_u8FM8Po/s1600/nemo.jpg" title="This is another Caption" /></a>
</div>

I have 4 slides in the demo you can add more by repeating a section and once again add your URL, Image and caption.

That's the default Nivo jQuery Featured Posts Slider For Blogger.Make sure to check out more of our jQuery tutorials and Blogger Tips.

Don't have a Credit Card? How To Buy a Blogger Domain?

2011-08-25T18:38:00.000+05:30

Probably most of you are students or housewives. The problems that we all often face while facing into online business is how to get paid? How to receive a payment when you don't have a bank account or you don't hold an online account like PayPal? Now lets discuss a possible way through which you could buy something online like for instance if you wish to buy a domain from blogger then how do you do that.

Approach a Person who has a Credit Card

This is of course the most easiest thing to do. You can ask a friend or relative to let you use their Master Card or visa Card. I know it would be difficult to convince someone to let you use their credit card but most often this tip works. It worked for me!

You must get your personal PayPal account as soon as possible. Again in this case you can take the help of your closed ones. If you have a brother or sister abroad then I am sure they will be generous enough to help you in this case.

Why are you buying a domain from Blogger?

I wonder why people buy domain from blogger at such an expensive rate while they can buy it themselves for less than $10. Most people buy a domain from blogger because of automatic DNS settings but honestly speaking it takes just 2 minutes to set your DNS and CName records. I will write a post on it today. Blogger takes commission from its registrars for the domains that it sells to its users. Normally domains are cheap as low as $5-$7 if you approach a local domain host company. I have hosted MBT at a local domain web hosting company and I am pretty comfortable with them. I have many options to pay them. I can pay online, through PayPal, credit card, Bank deposit, Cheque and of course Direct Payment (CASH).

So if you are a student and don't have any friend to help you out and neither a family member to create a PayPal account for you then I guess you must try the local way which is payment through CASH. Always choose a local host and choose one that has some reputation and is recognized locally. You can Google for best Domain hosting companies in your country and I am sure you will be able to find a good host easily.

I will conclude this post with one friendly advice and that is please get a PayPal account as soon as possible. Nothing is more worth than PayPal. It is trusted worldwide and many advertising companies accept PayPal only as the safest money transaction service.

8 Tips for Using Quotes and Dialogue in Your Blog Posts

2011-08-24T07:27:00.000+05:30

Quotes and dialogue are one of the most powerful tools in the writer’s toolbox. They bring your writing to life. They give your piece voice and make the words jump off the page. As the famous writer Stephen King once said, “What people say often conveys their character to others in ways of which they—the speakers—are completely unaware.”

While most bloggers understand the power of quotes, they do not know how to format them properly. This post is a crash course in how to use and punctuate quotes in your writing. Please note that there are exceptions to some of these rules (depending on whether you use the American standard or the UK standard). But for most part if you follow these rules you will be fine.

How to capitalize a quote

All quotes should be capitalized, except for fragments. If your quotes are not capitalised, your readers may think it is a partial quote with the ellipsis omitted.
Even when you quote someone mid-sentence, you should capitalise the quote.
As George Santayana famously said, “Those who cannot learn from history are doomed to repeat it.”

How to extend a quote over multiple paragraphs

Say you want to break up the following quote into two paragraphs:
“I always say to people,” said Archer in an interview, “don’t write about goblins; don’t write about wizards just because they’re in. Write what you feel at ease with. Always remember Jane Austen. [She] lived in a small village, and wrote about her mother being unable to get rid of four daughters. Then she wrote about her mother being unable to get rid of three daughters. Then she wrote about her mother being unable to get rid of two daughters.”
Most people open and close the quote in each paragraph:
“I always say to people,” said Archer in an interview, “don’t write about goblins; don’t write about wizards just because they’re in. Write what you feel at ease with.”
“Always remember Jane Austen. [She] lived in a small village, and wrote about her mother being unable to get rid of four daughters. Then she wrote about her mother being unable to get rid of three daughters. Then she wrote about her mother being unable to get rid of two daughters.”
The correct way of doing this is not to close the quote at the end of each paragraph, only the last one:
“I always say to people,” said Archer in an interview, “don’t write about goblins; don’t write about wizards just because they’re in. Write what you feel at ease with.
“Always remember Jane Austen. [She] lived in a small village, and wrote about her mother being unable to get rid of four daughters. Then she wrote about her mother being unable to get rid of three daughters. Then she wrote about her mother being unable to get rid of two daughters.”

How to edit a quote

It is amazing how many mistakes we make when speaking. It is only when you transcribe the speech to paper that you see these mistakes. As a writer then, you are allowed to clean up quotes.
For example, consider the following quote:
“There’s a 1000 people in the hall and they all love what I do.”
Clean it up so the verb agrees with the plural “people.”
“There are 1000 people in the hall and they all love what I do.”
The only exception is that if you want to make the author sound uneducated that you leave the quote in its original form.

How to add to a quote

If you need to add to a quote, do not simply include the extra words in the quote. Use the “[ ]” marker to show your additions.
As he said in an interview, “[The prosecution’s case] was weaker than Columbus’s claim that China was 10,000 miles closer than was the accepted wisdom at the time.”

How to include original errors without making yourself look silly

Say you want to insert a quote that is written incorrectly in its original form (whether by design or by mistake) but you do not want your readers to think that you are the source of the mistake.
The poster read, “Old skool remixes are the koolest.”
“Skool” and “koolest” are written incorrectly. To fix this, simply include [sic] after each of the words.
The poster read, “Old skool [sic] remixes are the koolest [sic].”
This lets the reader know that you are not the source of the error.

How to handle a quote within a quote

If you want to insert a quote that has a quote inside of it, use a pair of single quotation marks (‘ ’) to enclose the sub-quote.
“The driver said to me, ‘Where would you like to go today?’”

How to handle commas and periods in your quotes

Do you place commas and periods (full stops) outside or inside of the quotation marks? Answer: It depends. The American standard is that commas and periods go inside the quotation marks, regardless of logic:
As my grandfather used to say, “Better out than an angry tenant.”
The English standard is that commas and periods follow logic:
As my grandfather used to say, “Better out than an angry tenant”.
If you are unsure which standard to follow, include the commas and periods inside the quotation marks.

How to handle question marks and exclamation marks in your quotes

When it comes question marks (?) and exclamation marks (!) both American and English standards follow logic. So if the question is in the quote itself, place it inside of the quotation marks. Otherwise place it outside the quotation marks.
At that point he asked himself, “Is this worth the effort?”
Do you agree with the adage, “Familiarity breeds contempt”?

Conclusion

Follow these rules and your writing will look more professional, helping you establish authority in the mind of your blog readers.
If you know of other mistakes that I have not covered here (I know there are a few more) please share them with us in the comments section.

Free Google Plus Blogger Template

2011-08-14T06:57:00.000+05:30

If your blog is on hosted Google’s Blogger platform and you like the new facebook competitor Google+, then turn your blogspot blog into a Google+ look through an awesome blogger theme designed by CreativeBloggingIdeas. The theme is designed almost like Google plus with similar navigation, sidebars and color combinations. It looks like we are really on a Google Plus page!

Screenshot

Features of Google Plus Blogger Template

Neat and clean look
Exact Google Plus design
Attractive navigation bar
Eye catching search box
3 Columns
SEO Optimized
Fast loading
Free template!

Demo | Download Page

Issues With Scripts Resulting In Some Gadgets Not Working

2011-08-12T18:59:00.000+05:30

Over the last few years i have been hosting many scripts for gadgets and widgets that we publish on Google Code.However this week the Google code account has been terminated.This has resulted in some gadgets no longer working.For what it's worth i have no idea why the account was terminated i just seen the message "Scheduled for deletion due to Violation of TOS" and as with so many Google products there is no way to contact support about the issue.I have been very busy moving the scripts elsewhere but this is not easy.This has effected about 15 gadgets and so far i have got through about 12 and hope to complete them all soon.

What does that mean for you ? - Unfortunately if you are using one of the gadgets that had script hosted on Google Code you may have noticed it stopped working.So you will have to locate the post for the gadget and change the script.

To do this locate the section of code you placed above the </head> tag in your template and replace it with the updated code.If this does not work please leave a comment on the post.

Sorry about this but i had no control over it.

A Neat Bold Red Drop Down Menu For Blogger Using Just Css

2011-08-04T05:59:00.001+05:30

In the last post we had a tutorial for a very unique style of drop down navigation menu for Blogger.That menu used a horizontal bar as the drop down to display links on hover.This menu uses the more conventional style of a vertical drop down to display links.It has a large bold red on grey color scheme that stands out and looks great.As with the last menu it's built purely from Css using just two images.Below you can see the screenshot and a live demo to see it in action.

This menu is also courtesy of the awesome Free Css Menu, let's add it to your blog.

Add The Bold Red Drop Down Menu To Blogger

Remember Always Back Up Your Template Before You Make Changes

Step 1. In Your Blogger Dashboard Click Design > Edit Html

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code)

]]></b:skin>

Step 3. Copy and paste the following code Directly Above / before ]]></b:skin>

Note - This is a scroll box make sure to get all the code.

/*Start Css Menu*/
.menu{
border:none;
border:0px;
margin:0px;
padding:0px;
font-family:verdana,geneva,arial,helvetica,sans-serif;
font-size:14px;
font-weight:bold;
color:8e8e8e;
}
.menu ul{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhyj_Hl51MVxnwiWfx7wVlA1OMCsKMdWfNIC2x_NXvFvUPSIe0MnvILPf0riZLPNwFlllB_4wq8MXWsgG8nW6wJxiKdVSa9_WgLQDTCi8Myv6xQJhnFkSVPiQY3CQ2-a75cIBiYx3Y7RjZD/s1600/menu-bg.gif) top left repeat-x;
height:43px;
list-style:none;
margin:0;
padding:0;
}
.menu li{
float:left;
padding:0px 8px 0px 8px;
}
.menu li a{
color:#666666;
display:block;
font-weight:bold;
line-height:43px;
padding:0px 25px;
text-align:center;
text-decoration:none;
}
.menu li a:hover{
color:#000000;
text-decoration:none;
}
.menu li ul{
background:#e0e0e0;
border-left:2px solid #a80329;
border-right:2px solid #a80329;
border-bottom:2px solid #a80329;
display:none;
height:auto;
filter:alpha(opacity=95);
opacity:0.95;
position:absolute;
width:225px;
z-index:200;
/*top:1em;
/*left:0;*/
}
.menu li:hover ul{
display:block;
}
.menu li li {
display:block;
float:none;
padding:0px;
width:225px;
}
.menu li ul a{
display:block;
font-size:12px;
font-style:normal;
padding:0px 10px 0px 15px;
text-align:left;
}
.menu li ul a:hover{
background:#949494;
color:#000000;
opacity:1.0;
filter:alpha(opacity=100);
}
.menu p{
clear:left;
}
.menu #current{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhXA_5Kn34TECWO_rH1Z9fMFABr50KmgD_I_WLCnq_2AdvM2EF6dxmp0_lfOpIcPISYBetFCzl3Ud_cI8QFbR-NQ87ZYEPOg8pi_Ds1jw_iIXtKMX57AUq2-a3bgoCnqdflEIjA2_sHizxl/s1600/current-bg.gif) top left repeat-x;
color:#ffffff;
}

/*End Css Menu from http://www.spiceupyourblog.com*/

Step 4. Save your template.

That's the Css added next is to add the html for your menu.

Now go to your blogs Design Page, we will be adding the menu across your blog below the header.This area is called Cross Column and can be seen in the image below.

Add The Menu Html

In your blogs Design Page click Add A Gadget > Choose Html/Javascript > Copy and paste the following code into the Html/Javascript gadget :

<div class="menu">

<ul>
<li><a href="#" id="current">Home</a></li>
<li><a href="#" >Products</a>
<ul>
<li><a href="#">Drop Down CSS Menus</a></li>
<li><a href="#">Horizontal CSS Menus</a></li>
<li><a href="#">Vertical CSS Menus</a></li>

<li><a href="#">Dreamweaver Menus</a></li>
</ul>
</li>
<li><a href="/faq.php">FAQ</a>
<ul>
<li><a href="#">Drop Down CSS Menus</a></li>
<li><a href="#">Horizontal CSS Menus</a></li>

<li><a href="#">Vertical CSS Menus</a></li>
<li><a href="#">Dreamweaver Menus</a></li>
</ul>
</li>
<li><a href="/contact/contact.php">Contact</a></li>
</ul>
</div>

This is the code that makes up the menu in the demo above.Replace the hash tags (#) with your links and the text with your text.If you take a few minutes to reference the demo and the code you should see how it works.If you want to add more links you can do so in the same way, once again take a few minutes to look at the layout of the code and you will see how its done.

Template Designer Tabs Fix

If you use a template from the Blogger Template Designer there is a section of Css that will effect this or any menu you place in the cross column section.This is called tabs and you will need to remove or over ride the tabs css.I have made a short video to show you how to remove it.You can see the video here - Remove Tabs Css.

How To Add Breadcrumb Navigation To Blogger Blogs

2011-08-03T17:46:00.000+05:30

Breadcrumbs is the name given to navigation links usually displayed above posts on blogs and at the top of pages on websites.The links are a trail from the page you are currently on back to the home page.So for example on a blog you will have the home page link, a link to a label used for the post then the post title.This will be displayed like this 'Home > Label > Post Title'.This is a very popular type of navigation on all sorts of sites and in this post i will show you how to add it to blogger.

Below you can see a screenshot and the live demo.Credit for the original breadcrumbs for Blogger goes to Hoctro with further work by Blogger Plugins.

Add Breadcrumbs Navigation To Blogger

Remember Always Back Up Your Template Before You Make Changes - How To Back Up A Blogger Template

Step 1. In Your Blogger Dashboard Click Design > Edit Html > Tick The Expand Widget Templates Box

Step 2. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)

<b:include data='top' name='status-message'/>

Step 3. Now Replace it with this code

<b:include data='top' name='status-message'/>
<b:include data='posts' name='breadcrumb'/>

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)

<b:includable id='main' var='top'>

Step 5. Now Replace It With This Code

<b:includable id='breadcrumb' var='posts'>
<b:if cond='data:blog.homepageUrl == data:blog.url'>

<b:else/>
<b:if cond='data:blog.pageType == "item"'>

<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl' rel='tag'>Home</a>
<b:loop values='data:posts' var='post'>
<b:if cond='data:post.labels'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast == "true"'> »
<a expr:href='data:label.url' rel='tag'><data:label.name/></a>
</b:if>
</b:loop>
<b:else/>
»Unlabelled
</b:if>
» <span><data:post.title/></span>
</b:loop>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "archive"'>

<p class='breadcrumbs'>
<span class='post-labels'>
<a expr:href='data:blog.homepageUrl'>Home</a> » Archives for <data:blog.pageName/>
</span>
</p>
<b:else/>
<b:if cond='data:blog.pageType == "index"'>
<p class='breadcrumbs'>
<span class='post-labels'>
<b:if cond='data:blog.pageName == ""'>
<a expr:href='data:blog.homepageUrl'>Home</a> » All posts
<b:else/>
<a expr:href='data:blog.homepageUrl'>Home</a> » Posts filed under <data:blog.pageName/>
</b:if>
</span>
</p>
</b:if>
</b:if>
</b:if>
</b:if>
</b:includable>
<b:includable id='main' var='top'>

Step 6. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)

]]></b:skin>

Step 7. Now Replace It With This Code

/* Breadcrumbs Css info @ http://www.spiceupyourblog.com/ */
.breadcrumbs {
padding:5px 5px 5px 0px;
margin: 0px 0px 15px 0px;
font-size:95%;
line-height: 1.4em;
border-bottom:3px double #e6e4e3;
}
]]></b:skin>

Step 8. Save your template.

That's it breadcrumbs have been added to your blog.Credits again go to Hoctro and Blogger Plugins.Make sure to check out more of our Blogger Tutorials.

Awesome Full Screen Size jQuery Powered Slideshow

2011-07-12T07:00:00.000+05:30

This is a supersized jQuery slideshow that fills the full browser screen with your images.

Resizes images to fill browser while maintaining image dimension ratio.Cycles backgrounds via slideshow with transitions and dynamic preloading.Core version is available for those that just want background resizing.Navigation controls with keyboard support.Integration with Flickr – pull photos by user, set, or group.

Demo Page

Info And Download

jQuery Fade In Scroll To Top Button With Smooth Scroll For Blogger

2011-07-12T06:54:00.000+05:30

In October last year i wrote a post with a Floating back to top button.Since then i have wanted to cover a more up to date back to top modern button.The popular option when it comes to scroll top buttons is to use jQuery for two reasons.Firstly with jQuery you can have the button hidden until the page is scrolled, secondly when clicked the page scrolls smoothly to the top instead of the direct jump a regular link would have.So that's exactly what i have in this tutorial.We will add a button that will only be visible when the reader starts scrolling and then when they click it the page slowly scrolls up easing into position at the top.For the button itself we us a sprite to create a hover effect sprites also keep the page load time down.

I recently started a blog in which i want to list the Best Design and Blogging posts, codes, tutorials and resources.On that blog i have the back to top button we cover in this post so we will use that as the demo.When you land on the page start to scroll and you will see the button in the bottom right corner.

Looks and Works great lets add it to your blog.Credits to Matt Verone, Wordpress users can use the plugin here.

Smooth Scroll jQuery Back To Top Button

]]></b:skin>

Step 3. Copy and Paste the following code Directly Above / Before ]]></b:skin>

#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:10px;

right:10px;
overflow:hidden;
width:51px;
height:51px;
border:none;
text-indent:-999px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJUjBoa0Id2Qb1u4um4LD3i0v_OthjNE2u_VUs1W-7NBZ9VQGl8YzIHvdiuS6laKIqVwDDj2xBuaK2Smuc8QF2CYjP3oOqd_miUmLQ9SjcrN7NKgZUTqZxsQnMDNf78YvSimSOCkVTWXk/s1600/ui.totop.png) no-repeat left top;
}
#toTopHover {
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJUjBoa0Id2Qb1u4um4LD3i0v_OthjNE2u_VUs1W-7NBZ9VQGl8YzIHvdiuS6laKIqVwDDj2xBuaK2Smuc8QF2CYjP3oOqd_miUmLQ9SjcrN7NKgZUTqZxsQnMDNf78YvSimSOCkVTWXk/s1600/ui.totop.png) no-repeat left -51px;
width:51px;
height:51px;
display:block;
overflow:hidden;
float:left;
opacity: 0;
-moz-opacity: 0;
filter:alpha(opacity=0);
}
#toTop:active, #toTop:focus {
outline:none;
}

Note - To move the button to the left of your blog change right:10px; to left:10px; .

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)

</head>

Step 5. Now Copy And Paste This Code Directly Above / Before </head>

Note - If you have previously added jQuery script to your template you can leave out the line in green.

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script src='http://spiceupyourblogextras.googlecode.com/files/easing.js' type='text/javascript'/>
<script src='http://spiceupyourblogextras.googlecode.com/files/jquery.ui.totop.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
/*
var defaults = {
containerID: 'moccaUItoTop', // fading element id
containerHoverClass: 'moccaUIhover', // fading element hover class
scrollSpeed: 1200,
easingType: 'linear'
};
*/

$().UItoTop({ easingType: 'easeOutQuart' });

});
</script>

Step 6. Save your template.

That's it, You can check out your new back to top button after you Comment on and Share this post ! Make sure to check out more of our jQuery Tutorials and Blogger Tips.

Awesome New Google Search Style Search Bar For Blogger

2011-07-06T07:29:00.000+05:30

I'm sure you will have noticed the new Google design as covered in the post Evolving the Google design and experience on the official Google blog.While the changes have been subtle some stand out like the new sleek search bar on results pages.The new search bar has a more modern minimalist look with rounded corners and hover effect.But one new feature i quiet like is as you type your text into the search field an X appears than can be clicked to remove your text.Yes it's nothing major but still a neat feature none the less.So in this post i will show you how you can re-create the new Google search bar and use it on your blog.

Once on your blog it will look the very same, using jQuery for the X delete button and your blogs default search to generate results.This was covered on the Awesome Queness.Com design blog and with just a few changes i have it ready to go For Blogger.

Lets look at some screenshots and the live demo :

On Google

On Blogger

On the demo page i have it wide across the top of the posts but you can also easily make it smaller to fit nicely into your sidebar.If you want to actually try it just search for one of the recent posts you can see in the sidebar of that blog.

Add The New Google Style Search Bar To Blogger

]]></b:skin>

Step 3. Copy and Paste the following code Directly Above / Before ]]></b:skin>

-Scroll Box Make Sure To Get All The Code.

/*Start Css For Google Style Search Box*/

/* div container containing the form */
#searchContainer {
margin:20px;
}

/* Style the search input field. */
#field {
float:left;

width:200px;

height:27px;
line-height:27px;
text-indent:10px;
font-family:arial, sans-serif;
font-size:1em;
color:#333;
background: #fff;
border:solid 1px #d9d9d9;
border-top:solid 1px #c0c0c0;
border-right:none;
}

/* Style the "X" text button next to the search input field */
#delete {
float:left;
width:16px;
height:29px;
line-height:27px;
margin-right:15px;
padding:0 10px 0 10px;
font-family: "Lucida Sans", "Lucida Sans Unicode",sans-serif;
font-size:22px;
background: #fff;
border:solid 1px #d9d9d9;
border-top:solid 1px #c0c0c0;
border-left:none;
}
/* Set default state of "X" and hide it */
#delete #x {
color:#A1B9ED;
cursor:pointer;
display:none;
}
/* Set the hover state of "X" */
#delete #x:hover {
color:#36c;
}
/* Syle the search button. Settings of line-height, font-size, text-indent used to hide submit value in IE */
#submit {
cursor:pointer;
width:70px;
height: 31px;
line-height:0;
font-size:0;
text-indent:-999px;
color: transparent;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfF9zd_Yfir5oO7H17SmNk_c6lqiQoZS5AHESDyyK0zdTUyBETt4eTd6XFvYjnQoayRehianegO9e5_absgBhm-Hd9LXWJL5n_kuS3wV6gt1vwlSbzVnF4Qisgk-_6qxybw1z9SB63MJjF/s1600/ico-search.png) no-repeat #4d90fe center;
border: 1px solid #3079ED;
-moz-border-radius: 2px;
-webkit-border-radius: 2px;
}
/* Style the search button hover state */
#submit:hover {
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfF9zd_Yfir5oO7H17SmNk_c6lqiQoZS5AHESDyyK0zdTUyBETt4eTd6XFvYjnQoayRehianegO9e5_absgBhm-Hd9LXWJL5n_kuS3wV6gt1vwlSbzVnF4Qisgk-_6qxybw1z9SB63MJjF/s1600/ico-search.png) no-repeat center #357AE8;
border: 1px solid #2F5BB7;
}
/* Clear floats */
.fclear {clear:both}

/*End Google Style Search Bar - Info @ http://www.spiceupyourblog.com*/

Note - To change the width of the search bar simply change the line highlighted in yellow from 200px up or down.

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In Blogger Template Template)

</head>

Step 5. Now Copy And Paste This Code Directly Above / Before </head>

Note - If you have previously added jQuery script to your template you can remove the code highlighted in green.

<script src='http://code.jquery.com/jquery-1.6.1.min.js' type='text/javascript'/>
<script type='text/javascript'>
$().ready(function() {
// if text input field value is not empty show the "X" button
$("#field").keyup(function() {
$("#x").fadeIn();
if ($.trim($("#field").val()) == "") {
$("#x").fadeOut();
}
});
// on click of "X", delete input field value and hide "X"
$("#x").click(function() {
$("#field").val("");
$(this).hide();
});
});
</script>

Step 6. Save your template, we have the Css added to style the search bar and the jQuery for the X button now we add the html.

Step 7. Head back to your blogs design page and click Add A Gadget > Choose Html/Javascript.

Step 8. Copy and Paste the following code into the Html/Javascript gadget :

<div id="searchContainer">
<form name="SUYB" action="/search" method="get">
<input type="text" id="field" id="s" name="q"/>
<div id="delete"><span id="x">x</span></div>
<input type="submit" name="submit" id="submit" value="Search" />
</form>
</div>

Step 9. Save the html/javascript gadget and you can drag and drop it into place.

And that is it ! A lot of steps but over all i think it was easy enough to implement.Thanks once again to Queness for the original design, make sure to check out more of our Blogger Gadgets and jQuery tutorials.If your looking for something more basic we have a Simple yet stylish search bar for blogger.

Floating Feedback Buttons Set for Blogs

2011-07-03T07:27:00.000+05:30

I had sometime in evening so designed some Feedback PNG buttons which is an important tool to receive advices and suggestions from your readers. You have seen a floating feedback button on almost all major websites and its time that you add one too. The set below consists of 10 PNG buttons along with the PSD file if in case you wanted a color of your choice.

Download Set

How to Add a Feedback Button to Blogger

The steps are very simple. Download the icons and upload your favorite feedback button in Blogger. Once done, you may then follow few steps below,

Go To blogger > Design
Choose a HTML/JavaScript Widget
Paste the following code inside it,

<a style="display:scroll;position:fixed;bottom:50%;left:0px;" href="URL OF CONTACT PAGE" title="Feedback Please, Can't go further without your help"><img src="FEEDBACK BUTTON IMAGE LINK" /></a>

Make these changes:

By default the button will appear at center left but if you want to shift it to right then change left to right.
Replace URL OF Contact page with the address link of your contact me page.
Replace Feedback Please, Can't go further without your help with any message you may like the visitors to see when they hover their cursor on the button
Replace FEEDBACK BUTTON IMAGE LINK with the image link of your uploaded button

4. Save your template and see it hanging on your blog! :)

Add Social Networking Buttons Below Blogger Posts

2011-07-03T07:17:00.001+05:30

So Far we added social networking buttons below posts in different forms and today we have yet another cool design with our Flapper Icons in it. These social icons are arranged in symmetrical order and size with image opacity effect added to each by default. The social buttons go fade on mouse hover and stick to the bottom of all your posts thus increasing the traffic to your blog. The steps of installing it are really simple.

Live Demo

How To Add Social Networking Icons In Blogger?

To add these icons below posts kindly follow these steps,

Go To Blogger > Design > Edit HTML
Backup your template
Click the "Expand Widgets Template" box
Search for this,

]]></b:skin>

and just above it paste the Opacity code below,

/*------------ MBT Image Opacity--------------*/
.Fadein img {
filter:alpha(opacity=100);
-moz-opacity: 1.0;
opacity: 1.0;
border:0;
}
.Fadein:hover img {
filter:alpha(opacity=30);
-moz-opacity: 0.30;
opacity: 0.30;
border:0;
}

5. Next search for this code,

<data:post.body/>

and just below it paste the following code,

<b:if cond='data:blog.pageType == "item"'>
<center><span style='color: #7AA1C3; font-size: 12px; font-family: Verdana;'><b>Thanks For Making This Possible! Kindly Bookmark and Share it.</b></span><br/><br/>
<a class='Fadein' expr:href='"http://technorati.com/faves?add=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Technorati' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCHf-yT1tQrK5JsH9cdxUMtgrcYZAOAKchd5Ycy9fjBK0JR0LKfUVA8Q-yaXd26WcMEd7C7NJDB3Nr1GDucayBbG2oxWqZKLIiVl60U9hFKL3FVQBH3VoT7M4qo7MaGV6qcgOfczqzwMQ/s400/TECHNORATI1.png ' width='64px'/></a>

<a class='Fadein' expr:href='"http://digg.com/submit?phase=2&url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Digg This' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0UgRBBdCgCC6KSVXnFDMJsIOKXjBd_5tje8GwXNXRaclcgfa8gLN9CB_8AqP2PJUObiA1cmJhG4033umPOl-089QdgCLdJw398SfvGLKOsb7aTxak09Sp2OMtdv-cfcDdz8-TY1H8PYw/s400/DIGG1.png ' width='80px'/></a>

<a class='Fadein' expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiiZ01zf-Ds3xqFE3agA9cz6alpzg4Vgj3rUwubwHPmmch6epL_W7WCnOdlGTA_2o9pwX9Huf8B6PQRDiWpgYsojQ-lWurpWZXY3IxdrVRhzzISj79raUrZS_6fwbs21mR5e5-aAuYBfUo/s400/stumble1.png' width='100px'/></a>

<a class='Fadein' expr:href='"http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Stumble' height='100px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh1zYN8BQ3Yq2kpfvgDl4f8-lbhzUr0Z8W4DD-QiIvCgstqPNKSX9o3AftkW4zidgm1fmVN4Dtr82TEex8Xr54_iCvF5NfYIygI-59R0bZBp_Ki5Xgo3Uu4fM85IyQzRcUByB0WQc-l7YM/s400/REDDIT1.png' width='100px'/></a>

<a class='Fadein' expr:href='"http://www.facebook.com/sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Facebook' height='80px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgL0J8zWwrGlxaZtGmpY-5jLXqTxPiD7ckvziEcrKCjZUV4DoV9aAVTDk94TJ0coYFsvkdFZlAnMyAjabkdCH138po5b184SNTNaRQeNuQsdr2ilOJ3jHoycXqC1uOLP66XNRLgyfW_8HU/s400/FACEBOOK1.png ' width='80px'/></a>

<a class='Fadein' expr:href='"http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank'><img alt='Twitter' height='64px' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg-dgkTI4qaTJipqZxPnpGxiYEAOayPJIOnXi6GEbSLtuepWyg9bba078N8rnSFitkcsZ_Pl4TbPbgCnV_yQMb1ra2EoTixU4TQ4n3pEO4MmlI_nTVbQ0Jixc40UB8Wjzj0xQtUxtgDASo/s400/TWITTER1.png' width='64px'/></a></center>

</b:if>

6. Save your template and you are done!
Visit your blogs to see a beautiful change. :) You may also like these social networking buttons and widgets,

7 Great Ways To Promote Your New Blog

2011-07-01T06:33:00.002+05:30

Although all you need to start a new blog is an idea and an internet connection, if you want your blog to have an audience you have to put in a bit more leg work. Yes, you need to update your blog regularly and have interesting graphics, but without promotion, your blog will remain unnoticed.
Some people are intimidated by the idea of promoting, especially when they are the product that is being promoted. But don’t fret. I’m about to give you seven tips that will help you get the ball rolling.

Study

Make a list of blogs, authors and websites that you love. Then take a good hard look at that list. What makes you so fond of the blogs that you chose? What can you learn from these sites? Things to keep an eye out for are: how often these authors add new content to their blog, and what sites they link to. Learn everything you can from the people you admire and apply what you learn to your own blog.

Make A Video

Videos are becoming de rigueur for marking everything from bands to products to magazines. All you need to produce a video is a digital camera (most have video capabilities) and some video editing software (which you can find for free with a simple Google search). Explain who you are, what your blog is about and why they should take a look, then upload your video to sites like YouTube and TubeMogul.

Guest Post

Writing guest posts for other blogs is a great way to get your name out there in the blogosphere. While it’s great to aim for the stars, in this case starting small is best. Look for smaller blogs that cover interesting topics and offer to write a guest post. Chances are the blog’s author will welcome the help.

Podcast

Ever thought about producing a podcast? Just like videos, podcasts are inexpensive to produce and can get you new readers by tapping into a market you may have overlooked before. Your podcast should deal with the same subject you cover in your blog, but in a more overall way. After you make your podcast, upload it to the iTunes directory.

Blog Carnivals

A Blog Carnival or Blog Roundup is a kind of “best of” article that pulls information from lots of different blogs together in one post. Look for blogs that are hosting blog carnivals that relate to your blog’s subject and submit your best posts. Can’t find any? Then take matters into your own hands and start your own Blog Carnival and ask your fellow bloggers to submit their work to you.

Social Media Buttons

This is one of my favorite promoting gimmicks. Social media buttons allow the people who do read your blog to share the content to everyone in their social media networks. Make sure to include all the big guns: Facebook, Twitter, LinkedIn. Social media site are powerful tools when it comes to promoting and should never be overlooked.

Interviews

Approach successful bloggers and experts in the field your blog covers and ask if you can interview them for your blog. Interviews are a great way to learn from bloggers who have been in the game for longer than you have, and pull in new readers by using a marquee name in your posts.
When it comes to promoting your blog, anything goes. Be creative, don’t be afraid, hand out flyers, shout it from the mountain tops.

How To Stop Copy Paste Function to Your Blogger

2011-06-28T06:16:00.000+05:30

1.Login to your blogger dashboard--> Desing- -> Edit HTML

2.Scroll down to where you see </head> tag .

3.Copy below code and paste it just After </head> tag

<!--Disable Copy And Paste-->
<script language='JavaScript1.2'>
function disableselect(e){
return false
}
function reEnable(){
return true
}
document.onselectstart=new Function ("return false")
if (window.sidebar){
document.onmousedown=disableselect
document.onclick=reEnable
}
</script>

4.Now Click on Save Template,You are done..

5 Secrets of a Wealthy Blogger

2011-06-27T06:18:00.000+05:30

If you are reading this post, it means that you are seriously curious about what I have to say, and want to find a few magic bullets to make money blogging. It’s good you are here then, because I am going to give you some gems to make your blog a huge success.
The secret to blogging success is building up your RSS subscribers list. That should be your ultimate goal, but not the immediate need that will make you money right now. It is however, what I am going to focus on in this article. Long-term cashflow should be your end-goal if you are blogging for income.
Before I release my secrets to you, let me volunteer that I am sitting here writing this while friends and family are out swimming in 100 degree weather. Not that I’m hurting in ice-cold air conditioning or anything… But the fact is that blogging takes work.

Even as I make a living from my blog, I make the time to write new content instead of jumping on every chance to have fun.

1. RSS Subscribers Like Incredible Content

There has been lots of debate online about the length of posts that work best on blogs. I have written posts as small as 300 words, and posts as long as 5,000+ words.
More recently, I have written longer articles. The reason for this is that it allows me to go into a topic deeply, and not worry about leaving out key points that I could have made.
Let’s face it, Google and other search engines also love lengthy posts. They thrive on unique text after-all. The longer your articles, the higher the chances that they turn up on the first page of SERPS (search engine results pages) for a few different search terms. More rankings equal more potential subscribers to your blogs RSS feeds.

2. RSS Subscribers Hate Spam

The thing about RSS subscriptions is that they guarantee an email from Feedburner, or other delivery method, which gives them direct access to your blog articles. Why does this matter? Lots of affiliate bloggers spam their newsletter subscribers with junk affiliate emails constantly.
I cannot tell you how many times I was forced to unsubscribe from a newsletter because it only sent affiliate hype letters and reviews. This really eats at me because I have gone out of my way to only give personal updates and top quality articles in my newsletters.
Of course, if you want to increase your income, you can take up my place on quality content newsletters only. Just because they are top quality articles doesn’t mean that you are unable to include a few small advertisements within your newsletter. It’s the stupid “Johnny made $10,000 in 48 hours” crap that makes people wish they kept their email addresses to themselves.

3. RSS Subscribers Are Loyal

If someone subscribes to your RSS feeds, it means that your articles have struck a chord with them. Why did this happen? Chances are they found you on a guest post somewhere, or they happened across your blog and found some great reading materials.
To duplicate this kind of activity, it is important to guest post and blog hop on like-minded blogs. I know that this has been said so many times, but the problem is that many of you simply have not listened and are now wondering why your blog is lacking traffic.
When I guest post on ProBlogger here and there, I end up with a hundred or more new subscribers to both my newsletter and my rss feeds. Imagine what would happen if you guest post on at least 3 blogs every week. Your new-reader count would go through the roof, and your blog comments would follow.

4. RSS Subscribers Like Secrets

To gain the attention of people who would end up being subscribers, you need to be open with your knowledge like I am open with you right now. Share the wealth of information in your brain so that others don’t have to learn it the hard way.
This is the information age. That’s why you could launch a product and make big bucks every month. People want information provided to them in an easy to read and understand format. Provide free information in that format on your blog, and your subscriber numbers will rack up into the thousands.

5. RSS Subscribers Like Celebrity

One of the biggest reasons I was able to have success was that I already had a name for myself. This didn’t give me a major advantage in the blogging world, but it enabled me to make thousands of dollars consulting for Celebrities.
You can gain some “celebrity” that WILL help you in the blogging world by partnering up with big bloggers that have created a name for themselves.
It is rather simple to network with major bloggers. Most of them will have a contact form on their blog. Come up with an idea that will benefit them greatly, and you will benefit from their existing brand when they go to bat for you.

Are You A Subscriber?

Do you subscribe to the standards that I listed? Are they in your belief system? If not, making these changes will dramatically improve your blog. After employing these tactics, you will see a huge increase in subscriber counts within a 3-month time period.

Guest Posting and The Panda Update: Is Guest Posting the Problem?

2011-06-26T08:27:00.000+05:30

The recent Panda update has affected many websites, and not only the “content mills” of the Internet. Many bloggers are scrambling and wondering what they can do get their rankings back to where they were.
Side note: If you feel you have been wrongly effected by the recent update, let Google know about it here.
Many bloggers have even gone as far as to delete each and every one of their guest posts until their rankings bounce back, thinking that the guest posts they have allowed on their sites are what is affecting their rank.
However, guest posting is not a problem if it’s done right. If accepting guest posts is what’s keeping your web site at the bottom of the SERPs, then it’s time to start taking a better look at the guest posts your web site is accepting.
Let’s take a close look at the similarities between your sub-par guest post and the type of pages that were affected by the Panda Update:

Original content makes up a low % of content, either at the page level or throughout a whole site

Unfortunately, many guest post topics are rehashed over and over on the Internet. Is it always the guest poster’s fault? No, but when people are trying to build links rather than provide value through their writing, then topics become rehashed over and over again. If you have many guest posts like this then your web site starts to look like a duplicate content monster—and sometimes you wouldn’t even know it.
Solution: Research proposed guest posting topics and see what’s already out there. Let guest bloggers know that if they want to write on topic, then it has to be something completely different from what comes up in the SERPs.

Ads that don’t coincide with the content

Many times when you accept guest posts they may be a little off topic from what you are usually writing about. When you accept many off-topic guest posts, your site begins to look like a content mill—more like an article directory than a blog.
If you have advertisement on your site that’s the same on each page, you begin to have totally irrelevant ads on many of your pages. This is a sign of a poor-quality website—and one that is now measurable in Google’s algorithm.
Solution: Make sure when you are accepting guest posts that the topic is at least somewhat related to the ads that you run on your website. If you run a blog that covers a few or many different topics then make sure you place the appropriate ads to place on the pages that are guest posts.

High bounce rate and low time spent on the page

Low-quality guest posts ensure that the visitor will leave the site as soon as they land on it. Since many guest posts do not have the in-depth analysis on the topics that the visitor is searching for, and are usually just cover a broad generalization of the topic, a visitor will automatically assume that the rest of your website will be just as low quality.
Solution: At first glance the solution to this problem might be to require lengthier articles—but that of course is not a solution. It may in fact just add to the problem. There is no magic word count that will keep your visitors on your site longer—only good content can do that. A good solution to the problem is to require some type of study case or detailed analysis with each article—something to capture the readers’ eyes and keep them there.

Guest posting is not the problem

Guest posting should not be a link-building exercise first and foremost. It is a valuable tool, but one that can definitely be taken advantage of, and doing so will definitely leave your site susceptible to algorithm updates like Panda and others that will be similar in the future.
If you think submitted guest posts will increase the value of your blog, accept them. If they’re just filler, then you are probably better off without the unneeded content.

What You Need to Know About Video Blogging: Video Blogging Tips

2011-06-24T10:14:00.000+05:30

Blogs have become a very significant instrument for the promotional activities and the deliverance of information about your company/services/products etc, for the past few years. They act as an important medium to increase the traffic to a company’s website, establish business and form trust with the abundant relevant information they consistently deliver.
However, a few companies are enhancing their blogs, and are evolving from being writers into producers, via the usage of video blogs. Such blogs are much more appealing to the audience, in the sense that they add a visual alternative to the usage of plain, simple text in blogs. Though such video blogs take much more time and effort to produce, the result turns out to be much more appealing and way more interactive than a conventional textual blog.
Any individual or an organization that is thinking of starting such a blog, or want to incorporate videos in their current blog, should follow a few tips before taking the plunge;

1. Select a Subject

This is pretty easy for a company that is industry-specific. Yet for most bloggers, it is pretty natural to deviate off the main topic and start talking about other things. Selecting and sticking to a topic is a key thing, which any video blogger should adhere to, as it sustains consistency of content and sticks to the interest of the niche audience that the video blog was intended for.

2. You should either, be a Good Public Speaker or Start Looking for one

A video blog cannot run efficiently without a speaker who is self-assured, eager and is not afraid of speaking before potentially large audiences. It is simpler to be in front of a camera set up rather than a live audience, as speakers do not have to look at the audience and speak and all the errors can be negated through re shoots. The editing can leave out all faults and make the presentation look perfect.

3. Use enchanting visuals

The reason for establishing a video blog for the audience is to provide an audio-visual experience, rather than plain text. No one wants to glare at the computer screen for a long period of time without really seeing anything apart from the narrator’s face. Include visuals such as video clips, animations, and the opening and the closing instances of video will keep the viewers interested in the blog.

4. Maintain Consistency

The word ‘consistency’ can have many implications in blogging. It can mean keeping the subject consistent, the layout or the appearance consistent, the mood/theme/setting of the blog consistent, or the frequency of the blog posting consistent. Viewers prefer things consistent as they can anticipate what to expect when they visit the blog repeatedly.
Anyone can become a successful video blogger, with appropriate impetus and commitment, besides being aware of the tips that have been mentioned above.

A Cool Any Size jQuery Powered Featured Posts Slider For Blogger

2011-06-21T10:49:00.000+05:30

Over the last few weeks i have published some cool jQuery Gadgets and Widgets for your Blogs.In this post i have taken the jQuery Easy Slider, a stylish slide show with some neat options and turned it into a kinda mini slider with the option to go large.We previously published the Blogger jQuery Anything Slider that had the option to add videos or images as slides and a Simple But Stylish Blogger Featured Posts Slider.So i wanted to continue with a slide show that could be easily re sized from spanning the width of your blog to the miniature example i have here.

This jQuery Featured Posts Slider also has features like auto scroll, continues scroll plus next slide and previous slide buttons for manual scroll.The original Easy Slider script and code was created by the very cool Css Globe, below is a live demo of our version.

As you can see i have gone small in the demo but it could be even smaller and of course much much bigger.

Add The Any Size jQuery Slider To Blogger

]]></b:skin>

Step 3. Copy and Paste the following code Directly Above / Before ]]></b:skin>

/*Slider Css*/
#slider{}
#slider ul, #slider li{
margin:0;
padding:0;
list-style:none;
}
#slider li{

width:320px;
height:111px;
overflow:hidden;
}
#prevBtn, #nextBtn{
display:block;
width:30px;
height:77px;
position:absolute;
left:-30px;

top:15px;
}
#nextBtn{
left:320px;
}
#prevBtn a, #nextBtn a{
display:block;
width:30px;
height:77px;
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0kcoVyD1WDwKeOhQN55ru9qyAaGHzG5iFl0Y5540x1GVia0_PIR7b_Y_q4AzXENHq2oQERbO74fP9zPwMw1e3vPD7hOvl0XsOwZ31IB3qmnAQoFz7d3Q8CbbGv-6QfsvTx4qSETpSqII/s1600/btn_prev.gif) no-repeat 0 0;
}
#nextBtn a{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_b9Sro7VY4FbmjoMq8ghse2DP9gFpfvK4QgRdjqTv60JehKODdkC_amK55O-1wYRJ391DpKc4Se_L3m3Ht7WvsXd8_XmoncJoiBDUhAKB1vyNw5dRhdY7CPZXolfHqqort8mTngrjF0I/s1600/btn_next.gif) no-repeat 0 0;
}
/*Slider Css Info @ http://www.spiceupyourblog.com*/

Change the size of the slider - The width and height are highlighted in yellow so you change these to your required dimensions.You will also have to change the position of the next and previous buttons which is a little more tricky.

Highlighted in red you can see i have the buttons 15px from the top, if you made the slider bigger you would increase the margin from the top.So for example if you made the slider 222px high you would make this 30px.You can try a few margins until you get it right.

Step 4. Find the following piece of code in your blogs Html : (Click Ctrl and F for a search bar to help find the code - How To Find Code In A Blogger Template)

</head>

Step 5. Now Copy And Paste This Code Directly Above / Before </head>

Note - If you have previously added jQuery to your template you can leave out the section in green.

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
<script src='http://spiceupyourblogextras.googlecode.com/files/suyb-easyslider-blogger-v3.js'/>
<script>
$(document).ready(function(){
$("#slider").easySlider({
auto: true,
continuous: true
});
});
</script>

That's the Css and Script added for the slider now we add the Html for the actual images.

The Html, Links And Images

This is the html for the actual slider in the demo blog, you can see the links and images highlighted.You can copy and paste this code into a Html / Javascript gadget from your design page, add your links then save and drag and drop into position.

<div id="slider"> <ul>

<li><a href="http://www.spiceupyourblog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2-VR4PKw2deD6fxFhiAdvP8CDHZp0VvrKtC2HMtaaYUibm__D1WAymJafL9L6Bt0XsFywWaqypV1xWMa3uVv23II3NoU5nm2lQSVI85HMto6z6oN_gSdm4_4dC43Q8zyQt1OteDJbVpw/s320/01.jpg" width="320px" height="111px" /></a></li>

<li><a href="http://www.bestbloggertemplates.net"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiGMP3Qi4zLTQzL4NIcTIRjRIK400qFyfqrN-vlqptRlVqcgFje9NvjHNBTyc9ATEvannI8AJCnTQ6hBfu0d2U0G0PPko6LImYU8Ttu5bZiLyj0ry29zUzOtqXnByEzq6XUB-qQy7j3QEc/s320/02.jpg" width="320px" height="111px"/></a></li>

<li><a href="http://www.socialiconstudio.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRLn3d9fjfRjU14bnFi2MoOGXpva_5gdtgU4b1L_oOA2bwFjVl5aDIvwVyjaQEe3cz8wyHpG2WlWP4vzsuEDzm7lxoc92Mu1DEyjOcPbZUOLxDMTRr90PYm01LH2h7Vk1oU2MLyfAlxhk/s320/03.jpg" width="320px" height="111px" /></a></li>

<li><a href="http://www.spiceupyourblog.com"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjhBh_qeM5jbdOWLt7omd_0UqHOwtj-UFr16l3KEyDyp2JhXgyHjYMKu6kUV-aPd2pOebAhJazaRV1eqHBYsv2RvpqT_Qgs6Jy18Rsvfdck_n7VBIzBCg9w4Zfjsj1jmL1uzldLu6qAL90/s320/04.jpg" width="320px" height="111px" /></a></li>

<li><a href="http://www.bestbloggertemplates.net"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW6pJpz2lEw2Qs2NeC0bTDb1hKH684XJjwJKE0l5RsuQn-zo-Tsk2CEMa4OaK-j7dc15e_U1pHs6ZF7X1DVS-LNsy7bUTud-3iPD1O5mCNqM7uJlOGw_QcEJWLf-TZimcUBJRGB3rkVtM/s320/05.jpg" width="320px" height="111px" /></a></li>

</ul>
</div>

Note - The links are in yellow and the image URLs in red, change these to your links and images.

Note 1 - If you do change the size of the slider you need to change the width and height in each slide above to the same dimensions.

Add More Slides - To add more slides you simply add another link and image like this after the <ul> tag above :

<li><a href="http://www.bestbloggertemplates.net"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjW6pJpz2lEw2Qs2NeC0bTDb1hKH684XJjwJKE0l5RsuQn-zo-Tsk2CEMa4OaK-j7dc15e_U1pHs6ZF7X1DVS-LNsy7bUTud-3iPD1O5mCNqM7uJlOGw_QcEJWLf-TZimcUBJRGB3rkVtM/s320/05.jpg" width="320px" height="111px" /></a></li>

That's it for the versatile jQuery Easy Slider and this Blogger Tip.Once again thanks to Css Globe, and make sure to check out more of our jQuery Gadgets and Blogger Gadgets.

Blogger Add's Favicon Feature

2011-06-17T06:52:00.000+05:30

Blogger recently added a new feature to the design section, called as "Add Favicon". This feature will let you to add a Favicon to your blog. A favicon or icon, is a Web site icon or URL icon, or bookmarks icon, which is a file containing one or more small icons, most commonly 16×16 pixels, associated with a particular Web site or Web page. Just like you can see in the Tab above. For more information on favicons, here is a link to the wikipedia page on Favicons.

Prior to this feature, if you wanted to add a favicon to your blog, to would need to Edit HTML and link your icon file like below:

**** is the hosting site where your favicon file needs to be hosted.

We tried this new feature on our blog, but unfortunately I think that the feature is currently not working with custom blogger domains. But if you are on a blogspot URL, the feature seems to be working perfectly fine.

Just sign in to your blogger account, go to Design > Page Elements tab and click Edit on the new “Favicon” setting above the navbar element:

Click on Save and view your blog.

Hope, Blogger will fix this feature soon for custom blogger domains. If you are on custom blogger domain [www.****.com], then you can add the favicon by editing your HTML as shown above.

Provenance

If you have any query or suggestions on Blogger Add's Favicon Feature please feel free to comment below.