Any blogger strives to write quality content there by driving good traffic to his/her site.Writing quality contents is bound to convert causal readers in to regular readers making them subscribe to the site feed.
But its always said looks do matter it can bring even more better results.Rightly placed Subscription form and Beautifully designed Subscription form can impact a huge difference in results.In this post lets see how to spice up looks and gracefulness of your FeedBurner Email Subscription Forms.

1.Background

Background Color:To change background color of your Feed Burner all you need is to add this line in your Css.

.formcolor{

background:#Color-code none repeat scroll 0 0;

}

And wrap your form code with div tag.

<div class="formcolor">Feedburner Form code</div>

Background Image:To change background image of your Feed Burner all you need is to add this line in your Css.

.formbkg{

background-image: url(image url);

}

And wrap your form code with div tag.

<div class="formbkg">Feedburner Form code</div>

2.Rounded Edges and Borders

Round Edges add more grace to your form.Lets see how to do it.

Add the below code to your CSS

.rounded{
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
-moz-border-radius-bottomleft:8px;
-moz-border-radius-bottomright:8px;
-moz-border-radius-topleft:8px;
-moz-border-radius-topright:8px;
border:5px solid #000000;
margin:6px 0 20px;
padding:20px;
}

And wrap the div tag around Feed burner code.

3.OnFocus

Emptying TextArea:

Initially you can assign text to textarea which can be emptied once user click on the TextBox using the following code.

<input name="email" type="text" <strong> onfocus="this.value=''" </strong> value="Enter your email id.."/>

Highlighting TextBox onFoucus:

Text area can be Highlighted on Focus this the below code in CSS.

#highlight  textarea:focus, #sign input:focus {
border:2px ridge #990000;
}

And wrapping div tag around Form Code.

<div id="highlight">Feedburner code</div>

4.Hover Effects

You can change the color off the subscribe button by using the following code in CSS.

.button:hover {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:#Color-Code none repeat scroll 0 0;
}

And wrap the button field with div tag as usual.

Hope the tutorial was useful.Start customizing you feedburner Form from now on.Share your thoughts .How useful was it to you?

What is Bookmark Box?

Its mostly a decorative box where the social bookmark icon are placed and mostly seen at the bottom of the post.It’s used to draws the attention of the readers and triggering them to bookmark the article.
You can see this site too uses one.

Other Live Examples:

Tutorial9

Noupe

Bookmark Box Preview:

Download Bookmark Box

Cut and use the box.So start using it and get more of your articles bookmarked in social bookmarking websites. Feel free to request for PSD file via comment.

Did you like it ?

This is one way to gain traffic and attention to your site. We all know that we can add images and hyperlink in Signature here is a simple way to add Clickable images/Banners in to your yahoo signature.

So Start branding your signature with Site Logo/banner and start promoting your site.Its known that picture is worth a thousand words.So go ahead

How to add clickable banner/image to Signature in Yahoo Mail?

<img src="http://yourlinkhere/image.jpg">

Hope it was useful…

Its pretty much useful to track how many times a file has been downloaded which shows how well the resource has reached readers attention.

For wordpress users there are plugins available to do the job but if they are already using many plugin and adding up to it new ones might increase the blog/site load time.So here is simple way to solve this problem.

Here is a site to track number of times a file has been downloaded.

Site is Dstats

Any types of site or blog can use it.

How to use it?

    <a href="http://dstats.net/download.php?file=http://yourwebsite/yourfile.mp3">My Song.mp3</a> 

How to access the stats?

Access Stats Online:

http://dstats.net/dstats.php?file=http://yourwebsite/yourfile.mp3

To display the Stats:

Use the below snippet

 <script type='text/javascript'
 src='http://dstats.net/dstatsjs.php?file=http://yourwebsite/yourfile.mp3'>
</script>
<script type='text/javascript'>
 document.write(dsdlcounter(dsCounter));
</script>

Say bye ,bye to Download Monitoring plugin’s:)

How to find if your page,site or blog is stumbled?

This will be useful to track down how popular your site is becoming among the stumblers.

How to find it out ?

1.To find this out you need Google Analytics Account.Register a account.

2.Add your site profile and setup the Google Analytics tracking code in your site.Wait for 24 hours for your reports to be generated.

3.Once report is generated,Click View Report.

4.Click Traffic Sources->Referring Sites

5. In the Filter option below enter Stumble and select containing option and click go

6.If traffic has arrived from StumbleUpon it will be listed out.

Now How to find if some one has actually stumbled ?

7. Click on the stumbleupon url.If the Referral path is

is listed ,it means someone has stumbled.

8.To find the exact article or post that was stumbled ,Select Landing Page from Dimension.

The exact article URL will be listed.Done!

In this post i will present a list of Wordpress alike blogger plugins that is sure to spice up your blog.In case of wordpress ,plugins are available,all you need is to install and activate it but for blogspot we have to install manually .This list will ease the work of search for blogspot Users. There are numerous sites that provide you widgets but i have compiled the most useful and necessary Blogger widgets/plugins from various sites.
Credits to the Developer’s.

1.

Thumbnail in Post

Wordpress users have many plugins to provide this feature but for blogspot users there are no ready made plugin ,we have to manually do it.

How to post Thumbnail image in post in blogger?

<script language="JavaScript">
imgr = new Array();

imgr[0] = "http://YOUR DEFAULT IMAGEURL.jpg";
imgr[1] = "http://YOUR DEFAULT IMAGEURL1.jpg";
imgr[2] = "http://YOUR DEFAULT IMAGEURL2.jpg";
imgr[3] = "http://YOUR DEFAULT IMAGEURL3.jpg";
imgr[4] = "http://YOUR DEFAULT IMAGEURL4.jpg";

showRandomImg = true;

tablewidth = 248;
cellspacing = 8;
borderColor = "#ffffff";
bgTD = "#ffffff";

imgwidth = 118;
imgheight = 100;

fntsize = 12;
acolor = "#666";
aBold = true;
icon = " ";

text = "comments";

showPostDate = false;

summaryPost = 50;
summaryFontsize = 11;
summaryColor = "#666";
icon2 = " ";

numposts = 5;

home_page ="http://yoursite.blogspot.com/";
</script>
<script src="http://myblogtalk.com/bloggertemplates/js/recentposts_thumbnail.js" type="text/javascript"></script>

2.

Related Post Widget for blogger

How to install it?

</head>  

</head>  

<style>

#related-posts {
float : left;
width : 540px;
margin-top:20px;
margin-left : 5px;
margin-bottom:20px;
font : 11px Verdana;
margin-bottom:10px;
}
#related-posts .widget {
list-style-type : none;
margin : 5px 0 5px 0;
padding : 0;
}
#related-posts .widget h2, #related-posts h2 {
color : #940f04;
font-size : 20px;
font-weight : normal;
margin : 5px 7px 0;
padding : 0 0 5px;
}
#related-posts a {
color : #054474;
font-size : 11px;
text-decoration : none;
}
#related-posts a:hover {
color : #054474;
text-decoration : none;
}
#related-posts ul {
border : medium none;
margin : 10px;
padding : 0;
}
#related-posts ul li {
display : block;
background : url("http://i299.photobucket.com/albums/mm297/zozuglogger/weed-bullet.gif") no-repeat 0 0;
margin : 0;
padding-top : 0;
padding-right : 0;
padding-bottom : 1px;
padding-left : 16px;
margin-bottom : 5px;
line-height : 2em;
border-bottom:1px dotted #cccccc;
}

</style>
<script src='http://torrentmoon.com/javascripts/Related_posts_hack.js' type='text/javascript'/>

<p><data:post.body/></p>

<b:if cond='data:blog.pageType == "item"'>
<div id="related-posts">
<font face='Arial' size='3'><b>Related Posts : </b></font><font color='#FFFFFF'><b:loop values='data:post.labels' var='label'><data:label.name/><b:if cond='data:label.isLast != &quot;true&quot;'>,</b:if><b:if cond='data:blog.pageType == &quot;item&quot;'>

<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels&amp;max-results=5&quot;' type='text/javascript'/></b:if></b:loop> </font>
<script type='text/javascript'> removeRelatedDuplicates(); printRelatedLabels();
</script>
</div></b:if>

3.

Recent Post Plugin/Widget for Blogger

How to install Recent Post Widget?

4.

Popular Post widget for Blogger

How to install it?

Credits :http://www.bloggerbuster.com/2008/04/popular-posts-most-commented-widget-for.html

5.

Top commentor Widget for Blogger

How to install it?

6.

Wordpress alike Comment Box for blogger

All you need is to visit http://www.intensedebate.com/and install the widget.

7.

Social BookMarking Widget for Blogger

How to install?

<head>

<head><script src='http://files.bloggerplugins.org/simpletricks.js'>

<p class='post-footer-line post-footer-line-3'>

<style type='text/css'>
.bookmark img { border: 0;
padding:0px; }
.bookmark a:hover {
position: relative;
top: 1px;
left: 1px; }
</style><span class='bookmark'><table align='left' border='0' cellpadding='0' width='100%'><tr><td style='vertical-align:middle' valign='middle' width='30%'><div expr:id='"sbtxt"+data:post.id'>Bookmark this post:<span style="display:none"><a href="http://www.bloggerplugins.org">Bloggerwidgets</a> <a href="http://www.bloggerplugins.org/2007/09/social-bookmarking-elements-after-each.html">Social Bookmarking   Blogger Widget</a></span></div><script type='text/javascript'>showsbtext(&quot;sbtxt&quot; + &quot;<data:post.id/>&quot;,0)</script></td><td><a rel="nofollow" expr:href='"http://www.stumbleupon.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",19);"' target='_blank'><img alt='StumpleUpon' src='http://files.bloggerplugins.org/icon_sb_stumb.gif'/></a> <a rel="nofollow" expr:href='"http://ma.gnolia.com/bookmarklet/add?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",6);"' target='_blank'><img alt='Ma.gnolia' border='0' src='http://files.bloggerplugins.org/icon_sb_mag.gif'/></a>
 <a rel="nofollow" expr:href='"http://digg.com/submit?phase=3&amp;url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",1);"' target='_blank'><img alt='DiggIt!' src='http://files.bloggerplugins.org/icon_sb_dig.gif'/></a> <a rel="nofollow" expr:href='"http://del.icio.us/post?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",2);"' target='_blank'><img alt='Del.icio.us' src='http://files.bloggerplugins.org/icon_sb_del.gif'/></a> <a rel="nofollow" expr:href='"http://www.blinklist.com/index.php?Action=Blink/addblink.php&amp;Description=&amp;Url=" + data:post.url + "&amp;Title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",3);"' target='_blank'><img alt='Blinklist' src='http://files.bloggerplugins.org/icon_sb_bli.gif'/></a> <a rel="nofollow" expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?u=" + data:post.url + "&amp;=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",4);"' target='_blank'><img alt='Yahoo' src='http://files.bloggerplugins.org/icon_sb_yah.gif'/></a> <a rel="nofollow" expr:href='"http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&amp;t=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",8);"' target='_blank'><img alt='Furl' src='http://files.bloggerplugins.org/icon_sb_fur.gif'/></a> <a rel="nofollow" expr:href='"http://www.technorati.com/cosmos/search.html?url=" + data:post.url' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",9);"' target='_blank'><img alt='Technorati' src='http://files.bloggerplugins.org/icon_sb_tec.gif'/></a> <a rel="nofollow" expr:href='"http://www.simpy.com/simpy/LinkAdd.do?href=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",10);"' target='_blank'><img alt='Simpy' src='http://files.bloggerplugins.org/icon_sb_sim.gif'/></a> <a rel="nofollow" expr:href='"http://www.spurl.net/spurl.php?url=" + data:post.url + "&amp;title=" +  data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",11);"' target='_blank'><img alt='Spurl' src='http://files.bloggerplugins.org/icon_sb_spu.gif'/></a> <a rel="nofollow" expr:href='"http://reddit.com/submit?url=" + data:post.url + "&amp;title=" + data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",17);"' target='_blank'><img alt='Reddit' src='http://files.bloggerplugins.org/icon_sb_red.gif'/></a> <a rel="nofollow" expr:href='"http://www.google.com/bookmarks/mark?op=add&amp;bkmk=" + data:post.url +  "&amp;title="+data:post.title' expr:onmouseout='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",0);"' expr:onmouseover='"javascript:showsbtext(\"sbtxt" + data:post.id + "\",20);"' target='_blank'><img alt='Google' src='http://files.bloggerplugins.org/icon_sb_goo.gif'/></a> <a expr:href='&quot;http://tools.bloggerplugins.org/twitter.php?url=&quot; + data:post.url +  &quot;&amp;title=&quot;+data:post.title' expr:onmouseout='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,0);&quot;' expr:onmouseover='&quot;javascript:showsbtext(\&quot;sbtxt&quot; + data:post.id + &quot;\&quot;,21);&quot;' rel='nofollow' target='_blank'><img alt='Twitter' src='http://files.bloggerplugins.org/icon_sb_twitter.png'/></a>
</td>
</tr>
</table><br/>
</span>

8.

Retweet Plugin/widget for blogger

How to install it?

<data:post.body/> 

<script type="text/javascript">
tweetmeme_url = &#39;<data:post.url/>&#39;;
</script>Retweet this button on every post blogger
<script src="http://tweetmeme.com/i/scripts/button.js" type="text/javascript">
</script>
 

Do suggest if you know Wordpress alike Blogger plugins

In your blog, you may cover various categories from Tech to Fun stuffs.

It would be good if you can give a different look and feel for the categories reflecting its type.Reflecting a look which is related to the category helps reader to get a feel as if they switched over to some other site but in fact they are in your same site but only the looks had changed.Coupled with this if you use Category to Sub Domain Converter Plugin it will give an all new feel will also be easy for the user to remember the URL easily.

Here are Few Plugins that will ease your work of Using Different Theme for Each Category in Wordpress.

Download the plugin here:

In case of GYS Themed Categories plugin:

Go to the required category :

Example:

http://yoursite.com/wp-admin/categories.php?action=edit&cat_ID=5

You will find a Combo list Box

Select the required Theme and Update the Category.

Done!

We all try building  a good contentful blog but how good is its  security?

Especially Wordpress users are more vulnerable to this problem via Plugins we use.

We Search and use plugins for variety of purpose but are they clean?

Are we able to find out the loop hole or Back doors in it?To do that sure its necessary that we have some Programming Knowledge .What if we don’t have it .So thought of sharing  two tools that any one can use to Scan their Blog for Security Threats and Risks.

Blog Security Scanning Tools

1.

You need to enter your site url and add Tag in your site to ensure ownership.In case of Wordpress you can use plugin .

Link:

blogsecurify

2.

Scans your WordPress installation for security vulnerabilities and suggests corrective actions.

-passwords
-file permissions
-database security
-version hiding
-WordPress admin protection/security
-removes WP Generator META tag from core code

Future Releases
*one-click change file/folder permissions
*test for XSS vulnerabilities
*intrusion detection/prevention
*lock out/log incorrect login attempts
*user enumeration protection
*.htaccess verification
*doc links

Link:

WP Security Scan

Hope it was useful..Share your Thoughts

Here is how to add Feedburner email Subscription option to all your Wordpress post.It might be simple but its targeted towards newbies .Hope its useful.

1.Login in to your FeedBurner account.
2.Go to publicize -> Email Subscription and copy the code.
3.Login in to your wordpress account
4.Go to Single Post(single.php) file in your theme and paste the code after

Customize the form as you wish for more visual appel.

Any professional blog needs a brand logo to identify them self in the blogsphere. Some time your blog logo tells you how serious you are about blogging! In this post i am gonna tell you about three chennai based multinational company which is offering high quality banner,logo and templates service.They are part of Crewind Technologies Pvt. Ltd.
They dont just provide you the service along with that you get bunch of FREE icons,templates,banners download.
Here goes the list…

1.

Logoangel

(Custom Logo Design)

Official site:
Custom Logo Design
This company provides you 24 hours service.Specification of you log style and design is completely in your hands.They will revise the logo design as many times you want until you are satisfied.

Free Download:http://www.logoangel.com/free-download/download.htm

Client testimonials :http://www.logoangel.com/free-download/download.htm

2.

Bannerwind

(For Web Banner Design)

This is a banner desgining company also part of Crewind.

Offical site:
Web Banner Design

Their works:
http://www.bannerwind.com/all%20banners/viewall_01.html

Free download :http://www.bannerwind.com/freedownloads.php

Some of the category they cover are:

Hosting
Business
Travel
Software
Real Estate
Automobile
BeautyHealth
Children
Wedding
Sports

3.

Buytemplates

(For Flash Templates)

Offical site:
Flash Templates

This is the template designing company part of Crewind.

Their works:
http://www.buytemplates.net/products/search/

Free Download:
http://www.buytemplates.net/services.aspx

For further details:-
contact Joe Nathan at joenathanls@gmail.com