Simple Email Subscription Widget Box For Blogger fantastic

How to add this widget to blogger ? You also this widget on your wordpress site

1. Goto your blog > Layout > Add a Gadget

2. Choose HTML/JavaScript and paste the given below code after customization.

CODE:

<style>.rb-email{background:url(http://4.bp.blogspot.com/_MbejYjGokMM/TSeZHmWJ6oI/AAAAAAAAALE/93ELYyzmi64/s1600/email.png) no-repeat 0px 12px ;width:300px;padding:10px 0 0 55px;float:left;font-size:1.4em;font-weight:bold;margin:0 0 10px 0;color:#686B6C;}
.rb-emailsubmit{background:#9B9895;cursor:pointer;color:#fff;border:none;padding:3px;text-shadow:0 -1px 1px rgba(0,0,0,0.25);-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;font:12px sans-serif;}.rb-emailsubmit:hover{background:#E98313;}.textarea{padding:2px;margin:6px 2px 6px 2px;background:#f9f9f9;border:1px solid #ccc;resize:none;box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-moz-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1);-webkit-box-shadow:inset 1px 1px 1px rgba(0,0,0,0.1); font-size:13px;width:170px;color:#666;}
</style>
<div class="rb-email">Subscribe via Email<form action="http://feedburner.google.com/fb/a/mailverify" id="feedform" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=itunerbd', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="3" class="textarea" name="email" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter email address here...&quot;;}" onfocus="if (this.value == &quot;Enter email address here...&quot;) {this.value = &quot;&quot;;}" value="Enter email address here..." type="text" /><input type="hidden" value="itunerbd" name="uri"/><input type="hidden" name="loc" value="en_US"/><input class="rb-emailsubmit" value="Submit" type="submit" /></form></div>

Customize:

1. Replace "itunerbd" with your feed burner username.

2. You can change the heading "subscribe via Email" with your text.

Read more

Stylish Custom Labels Cloud widget for Blogger

Today I am going to shar a beautiful CSS labels style for blogger. This tricks you can easily apply for your blogger blog labels widget by just adding some simple CSS codes into your blog. Blogger Tag Clouds are used to show all the categories or labels present in a blog. By default blogger comes with simple design they do not look beautiful. But we designed our labels widget like CSS buttons, which will be looking attractive more than the default blogger labels cloud widget style. you can see preview in our screenshot image to know how is this is. I hope you will like it.

Note:- Before applying this label tricks you must set your label style to Cloud.

How to add make custom labels cloud widget?

To do this just Follow the simple steps bellow.

• Sign In to Blogger Dashboard>> Template >> Edit HTML
• Search for bellow tag in your blogger template

]]></b:skin>

• Then copy and past the CSS codes above ]]></b:skin> tag

/*----- Custom Labels Cloud-----*/
.label-size
{
position:relative;
margin:0;
padding:0;
}
.label-size a
{
float:left;
height:24px;
line-height:24px;
position:relative;
font-size:12px;
margin-bottom:9px;
margin-left:20px;
background:#2aa4cf;
color:#fff;
text-decoration:none;
-moz-border-radius-bottomright:4px;
-webkit-border-bottom-right-radius:4px;
border-bottom-right-radius:4px;
-moz-border-radius-topright:4px;
-webkit-border-top-right-radius:4px;
border-top-right-radius:4px;
padding:0 10px 0 12px;
}
.label-size a:before
{
content:"";
float:left;
position:absolute;
top:0;
left:-12px;
width:0;
height:0;
border-color:transparent #0089e0 transparent transparent;
border-style:solid;
border-width:12px 12px 12px 0;
}
.label-size a:after
{
content:"";
position:absolute;
top:10px;
left:0;
float:left;
width:4px;
height:4px;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;
background:#fff;
-moz-box-shadow:-1px -1px 2px #004977;
-webkit-box-shadow:-1px -1px 2px #004977;
box-shadow:-1px -1px 2px #004977;
}
.label-size a:hover
{
background:#555;
}
.label-size a:hover:before
{
border-color:transparent #555 transparent transparent;
}

• Save Template.

how to set your blogger label widget style to Cloud

Go to layout >> add new gadgets where you want to show your tag or labels
Add Labels >> change the name to tag
Show>> All Labels
Sorting>> alphabaticaly
Display>> cloud

Finally save your template and you are done.

Read more

Setting UP Your Blog

Blogging is a lucrative source of profit and blogs are easy to set up and maintain. Imagine a life where you are paid to write on stuff that interests you, whenever you want, wherever you are. The mere flexibility of blogging makes it easy for you to just kick back, relax and go on a vacation whenever you feel like it.

In this article, we are going to look into the profitability of a blog and set up a blog of our own at no cost! Interested? Read on!

First, we need to obtain a blog. There are several options – host a blog on your own domain or get a free blog. For starters, let’s talk about the free blogs. You can obtain a free blog at www.blogger.com or the newer (and better!) www.wordpress.com. If you are a techie, you must have heard of WordPress, a free blog engine that is robust and infinitely expandable.

Blogger.com is actually owned by Google, so it will be detected on Google’s radar faster and you will be indexed faster. WordPress.com, however, is a relatively new option so I have no comparison on the speed of getting indexed by search engines. However, WordPress is better in the sense that it has more advanced features such as Trackbacks and Categories. You can also manage your sidebar links more efficiently (more about this later).

Get a free blog at either Blogger.com (http://www.blogger.com/signup.g) or WordPress (http://wordpress.com/signup/). Then, familiarize yourself by posting your first post on your blog and tinkering around with the options and templates.

Here are a few common “blog-related” words to help you out:

1) Permalink – Permalink stands for permanent link, which is a URL (uniform resource locator) that leads to an individual post that you make in your blog.
2) Trackback – When you post about someone else’s blog post elsewhere, your post will show up in their “trackback” section. This feature, however, is not available with a Blogger.com account.
3) Pinging – Blogging seems to be paired with pinging almost every time either one is mentioned nowadays. Pinging is actually the action where a certain aggregator is notified whenever your blog is updated, so that the aggregator may show the newest post of your blog on their website. This is a useful way to gaining traffic, which we shall discuss later.

Read more