Sunday, March 28, 2010

Add the facebook share button

Most of the people know what is facebook so there is no need of describing it.So do you want the facebook share button?If yes then go to http://www.facebook.com/facebook-widgets/share.php and choose the style you want.You will get the code of the button from there but they have not told how to apply it.For that follow the steps given below:-
1.Go to Layout—> Edit Html—> Click on Expand Widget Templates check box.
2.Find the following code:-
<div class='post-header-line-1'/>


3.And after it, paste your button code you got from the site.


4.Did you got it?If no then find this:-


<data:post.body/>


5.And then paste the button code before it.


Add Wibiya Toolbar at the bottom

What is Wibiya?

Wibiya enables blogs to integrate the most exciting services, applications and widgets of their choice into their blog through customized web-based toolbars.
Wibiya offers a one-stop solution for integrating, managing and tracking third-party applications.
Currently wibiya offers a fixed set of tools such as creating a blog community via facebook connect,enabling twitter alerts on your blog and enabling post navigation but there is a lot to wait for as we will be adding more and more application through time.You can see the example of the toolbar on this blog at the bottom.Wibiya has a handful of options which you can show on your blog or website.So this one is a must.If you want to apply Wibiya Toolbar then go to http://www.wibiya.com and sign up.Then choose the colour of the toolbar and the icons you want to display on the toolbar.It is very useful and very nice.Do apply it.Its very easy to add so do it.

Friday, March 26, 2010

Add the Disqus comments

Tired of blogger comments then get these Disquis comments.Just open http://www.disqus.com and sign up there.It is really awesome.You can also choose how people can comment on your blog.You can see an example below this post.I think they are better than blogger comments so if you like them change it. Firstly create your account on disqus and then verify your email address. Note that you have to create an account on Disqus Comments not on Disqus Profile. Disques Profile is used to comment on other blogs. After creating the account, customize the commenting system and then click Blogger and read the instructions.

Thursday, March 25, 2010

Add Cloud Label widget for blogger

Labels are a must to have in a blog but when you have the labels like a cloud it looks more good so here are the steps to add cloud label widget for blogger.First of all if you don’t have labels then get it from Layout—> Add a gadget and search Labels.Then add the widget.After adding the widget follow the steps given below:-

1.Go to Layout-> Edit Html(Do not click the Expand Widget Templates for an easy explanation)

2.The find(ctrl+f) the following code:-

<b:section class='sidebar' id='sidebar' preferred='yes'>


3.Now add the following code directly after the above post:-


<b:widget id='Label99' locked='false' title='Labels' type='Label'>

<b:includable id='main'>


<b:if cond='data:title'>


<h2><data:title/></h2>


</b:if>


<div class='widget-content'>


<script src='http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js' type='text/javascript'/>


<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>


<script type='text/javascript'>


var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);


// uncomment next line to enable transparency


//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);


so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);


so.addVariable(&quot;mode&quot;, &quot;tags&quot;);


so.addVariable(&quot;distr&quot;, &quot;true&quot;);


so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);


so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);


so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);


so.write(&quot;flashcontent&quot;);


</script>


<b:include name='quickedit'/>


</div>


</b:includable>


</b:widget>



Save the template and you are done.


Share It- Huge bookmarking widget for blogger

Share It is one of the biggest bookmarking widgets for blogger.Here is its picture:-
share it
If you want to get it follow the steps given below:-

Sharing Is Caring social bookmark widget for blogger

Sharing Is Caring is one of the best social bookmarking widgets.Here is its picture:-
sharing is caring
The twitter icon is up because I had my cursor on it.To get this widget apply the following steps:-
1.Go to Layout—>Edit Html.
2.Save your existing template before making any changes.
3.Click the Expand Widget Templates check box.
4.Now find(ctrl+f) the code:-
</head>
5.Add the code given below directly before </head>
<style type='text/css'>
div.sexy-bookmarks {
height:54px;
background:url(&#39;https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjCJ9buHDS9QOSw6gt40aahxbsYQ2r8aIF6vr3P4Sj7s3YxMplNeVUTGS_9Vh12gx7nvqwo1mCxMIo_rNHTK2dgyVPiWxI3EyWOoM731BvWtouKQCEkb1ByiOwW-SMwAdhO6E_IsSyIvbFQ/s1600/sharing.png&#39;) no-repeat left bottom;
position:relative;
width:540px;
}
div.sexy-bookmarks span.sexy-rightside {
width:17px;
height:54px;
background:url(&#39;http://i43.tinypic.com/2ueii3t.png&#39;) no-repeat right bottom;
position:absolute;
right:-17px;
}
div.sexy-bookmarks ul.socials {
margin:0 !important;
padding:0 !important;
position:absolute;
bottom:0;
left:10px;
}
div.sexy-bookmarks ul.socials li {
display:inline-block !important;
float:left !important;
list-style-type:none !important;
margin:0 !important;
height:29px !important;
width:48px !important;
cursor:pointer !important;
padding:0 !important;
}
div.sexy-bookmarks ul.socials a {
display:block !important;
width:48px !important;
height:29px !important;
font-size:0 !important;
color:transparent !important;
}
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover {
background:url(&#39;http://i941.photobucket.com/albums/ad259/spiceupyourblog/sexybookmarksbuttons.png&#39;) no-repeat !important;
}
.sexy-furl {
background-position:-300px top !important;
}
.sexy-furl:hover {
background-position:-300px bottom !important;
}
.sexy-digg {
background-position:-500px top !important;
}
.sexy-digg:hover {
background-position:-500px bottom !important;
}
.sexy-reddit {
background-position:-100px top !important;
}
.sexy-reddit:hover {
background-position:-100px bottom !important;
}
.sexy-stumble {
background-position:-50px top !important;
}
.sexy-stumble:hover {
background-position:-50px bottom !important;
}
.sexy-delicious {
background-position:left top !important;
}
.sexy-delicious:hover {
background-position:left bottom !important;
}
.sexy-yahoo {
background-position:-650px top !important;
}
.sexy-yahoo:hover {
background-position:-650px bottom !important;
}
.sexy-blinklist {
background-position:-600px top !important;
}
.sexy-blinklist:hover {
background-position:-600px bottom !important;
}
.sexy-technorati {
background-position:-700px top !important;
}
.sexy-technorati:hover {
background-position:-700px bottom !important;
}
.sexy-myspace {
background-position:-200px top !important;
}
.sexy-myspace:hover {
background-position:-200px bottom !important;
}
.sexy-twitter {
background-position:-350px top !important;
}
.sexy-twitter:hover {
background-position:-350px bottom !important;
}
.sexy-facebook {
background-position:-450px top !important;
}
.sexy-facebook:hover {
background-position:-450px bottom !important;
}
.sexy-mixx {
background-position:-250px top !important;
}
.sexy-mixx:hover {
background-position:-250px bottom !important;
}
.sexy-script-style {
background-position:-400px top !important;
}
.sexy-script-style:hover {
background-position:-400px bottom !important;
}
.sexy-designfloat {
background-position:-550px top !important;
}
.sexy-designfloat:hover {
background-position:-550px bottom !important;
}
.sexy-syndicate {
background-position:-150px top !important;
}
.sexy-syndicate:hover {
background-position:-150px bottom !important;
}
.sexy-email {
background-position:-753px top !important;
}
.sexy-email:hover {
background-position:-753px bottom !important;
}
</style>

6.Now find(ctrl+f) the code:-
<data:post.body/>
7.Add the code given below right after <data:post.body/>
<div class='sexy-bookmarks'>
<ul class='socials'>
<li class='sexy-delicious'><a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-digg'><a expr:href='&quot; http://digg.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-technorati'><a expr:href='&quot; http://technorati.com/faves?add=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-reddit'><a expr:href='&quot; http://www.reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-stumble'><a expr:href='&quot; http://www.stumbleupon.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-designfloat'><a expr:href='&quot;http://www.designfloat.com/submit.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-facebook'><a expr:href='&quot; http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-twitter'><a expr:href='&quot; http://twitthis.com/twit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-furl'><a expr:href='&quot; http://www.furl.net/storeIt.jsp?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
<li class='sexy-syndicate'><a href='ADD YOUR FEEDBURNER FEED URL HERE' title='Subscribe to RSS'/></li>
<li class='sexy-email'><a expr:href='&quot; mailto:?subject=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank'/></li>
</ul>
<span class='sexy-rightside'/></div><a href='http://www.techievinayak.co.cc/2010/03/sharing-is-caring-social-bookmark.html' target='_blank'>Get This Blog Gadget</a>

After doing all that see the ADD YOUR FEEDBURNER FEED URL HERE in the code given above and replace it with your Feedburner URL like:- http://superstarvinayak.blogspot.com/feeds/posts/default
Then Save Your Template and it is done.

Wednesday, March 24, 2010

Add Google Buzz share button to blogger

Google Buzz is a social networking and messaging tool from Google, designed to integrate into the company's web-based email program, Gmail.Users can share links, photos, videos, status messages and comments organized in "conversations" and visible in the user's inbox.
So now do you want to add a Google Buzz share button on your blog?If yes,then follow the steps given below.
1.Go to Layout--> Edit Html.
2.Save the existing template before making any changes.
3.Click on the Expand Widget Templates check box.
4.Find(ctrl+f) the following code:-
<div class='post-header-line-1'/>
5.Then paste the Google buzz code given below right after the code given above.
<div style="float:right;padding:4px;">
<a expr:href='&quot;http://www.google.com/reader/link?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title + &quot;&amp;srcTitle=&quot; + data:blog.title+ &quot;&amp;srcURL=&quot; + data:blog.homepageUrl ' rel='nofolloW' style='text-decoration:none;' target='_blank'>
<img alt='Buzz It' src='http://i48.tinypic.com/idyc04.png' style='border:0px;'/></a>
</div>

6.Click Preview button and see your blog.If the button has still not come then follow the next steps.
7.Find(ctrl+f) the following code:-
<data:post.body/>
8.Then paste the Google buzz code given at no.5 right before the code given at no. seven.
9.Click Save Template and you are done.