Widget For Blogs

How To Add Auto Refresh To Blogger(Blog)

2013-08-16T02:46:00.001-07:00

Hello friend's

Today we are going to do a simple trick with your blogs. In this trick our blog gets refresh at a particular interval. This trick can be done by a adding a simple code to your blog.

How To Add Auto Refresh To Blog

Go To Blogger Dashboard>>Template>>Edit HTML
Now press ctrl+f and find </head>
Place the given code above </head>

<meta content='45' http-equiv='refresh'/>
45 is the waiting time for refresh. Change it according to your need.

HAPPY BLOGGING!

How To Add Outbrain Star Rating Widget To Blogger

2013-08-14T15:02:00.001-07:00

Hello friend's

Today we are going to add another beautiful widget to blogger. This widget gives your blog post a rating system. This widget gives an impression about readers, means what is reader thinking about your post. So you add this outbrain 5 star rating widget to your blog for providing rating system to your post.

Here is the screen shot of the Out Brain 5 Star Rating Widget:

It was a very beautiful widget. You can grab it easily and install it to blogger. Their is no need to sign-up. As various reader feels very bored to make a comment than this widget is for them.

You can get Out Brain 5 Star Rating Widget For Blogger HERE.

Blogging

2013-08-13T12:12:00.001-07:00

Hello friend's today we are going to talk about what is blogging. I know most of you know about blogging but who doesn't know about blogging here is the post.

What is Blogging?

Blogging is simply to create a website that you are interested. Means you have a passion about sport and gardening and you want to show the world about it or its features than you choose an platform like blogger or wordpress to create a free website about it. So that world will know about it.

To know complete about what is blogging Click Here

How To Add Animated Feed Count Widget For Blogger

2013-08-12T12:10:00.001-07:00

Feed burner provide rss feeds to your reader in different ways, and you get various readers. Thus, you have various readers for your blog, so you want to show everybody how much readers you have or hiw much popular is your blog. Feed Burner provides animated feed burner chicklet widget to show how much subscriber you have.

Here is the snapshot of the widget:

So, here is the simple steps to add this feed burner chicklet widget to your blog.

Add Feed Burner Chicklet Widget

Go to Blogger Dashboard>>Layout>>Add A Gadget>>HTML/Javascript
And paste the given code below in it:

<p><a href=" http://feeds.feedburner.com/widgetforblogs"><img src=" http://feeds.feedburner.com/~fc/widgetforblogs?bg=99CCFF&fg=444444&anim=1" height="26" width="88" style="border:0" alt="www.widget-for-blogs.blogspot.com" /></a></p>
Now press ctrl+f and find "widgetforblogs" and replace it with your feed burner id.
Now save your widget and you are done.

HAPPY BLOGGING!

Dynamic Floating Social Bookmark Widget For Blogs

2013-08-11T06:11:00.001-07:00

As we all know social sharing is the key to success. And if we add social sharing widget to blogs than we get a large amount of unique traffic to our blogs. As more and more readers will come. So, today we are going to add another beautiful Dynamic Floating Social Sharing Widget To blogs. Floating Social Sharing Widget is a widget which float along with the blog. It contains various social media like facebook, twitter, pinterest, google plus. Here is the snapshot of the dynamic floating social sharing widget:

Add Dynamic Floating Social Bookmark Widget For Blogs

Go to Blogger Dashboard>>Template>>Edit HTML
Now press ctrl+f and find </head>
Now above </head>, paste the given code below:

<script src=' http://ajax.googleapis.com /ajax/libs/jquery/1.3.2/jquery.min.js' type='text/javascript'/> <script language='javascript'> var name = "#floatMenu";var menuYloc = null;$(document).ready(function(){menuYloc = parseInt($(name).css("top").substring(0,$(name).css ("top").indexOf("px")))$(window).scroll(function () { offset = menuYloc+$(document).scrollTop()+"px";$(name).animate({top:offset},{duration:1000,queue:false});});}); #floatMenu { position:absolute;top:150px;float:left;width:45px;}#floatMenu ul {list-style: none;}#floatMenu ul li a {-webkit-transform:scale(0.6);-moz-transform:scale(0.6);-o-transform:scale(0.6);-webkit-transition-duration: 0.5s;-moz-transition-duration: 0.5s;-o-transition-duration: 0.5s;opacity: 0.8;}#floatMenu ul li a:hover {-webkit-transform:scale(1);-moz-transform:scale(1);-o-transform:scale(1);opacity: 1;}</style>
Now again press ctrl+f and find </body>
Paste the below code above </body>

<div id='floatMenu'><ul><li><a href=' http://facebook.com/widgetforblogs' target='_blank'><img border='0' src=' http://1.bp.blogspot.com /-q_c63EIPwvc/Ufp6-Lqq-SI/AAAAAAAAAyI /cxu_V8lq2d4/s1600/btrix-facebook.png' style='margin-bottom: 3px;' title='Follow Me On Facebook'/></a></li><li><a href=' http://twitter.com/widgetforblogs' target='_blank'><img border='0' src=' http://1.bp.blogspot.com/-Ri-7SGNYi4g /Ufp6_JEDjwI/AAAAAAAAAyc/njCf0rM4Pd8 /s1600/btrix-twitter.png' style='margin-bottom: 3px;' title='Follow Me On Twitter'/></a></li><li><a href=' http://pinterest.com/widgetforblogs/' target='_blank'><img border='0' src=' http://2.bp.blogspot.com/-dnCnja4wy4o /Ufp6-BBEAFI/AAAAAAAAAyE/HlxF_4fsmfk /s1600/btrix-pinterest.png' style='margin-bottom: 3px;' title='Follow Me On Pinterest'/></a></li><li><a href=' https://plus.google.com/widgetforblogs' target='_blank'><img border='0' src=' http://3.bp.blogspot.com/-Nq0gUA1g15s /Ufp6-IRYyOI/AAAAAAAAAyU/KzTZPUvpZ3M /s1600/btrix-googleplus.png' style='margin-bottom: 3px;' title='Add Me your Circle'/></a></li></ul></div>
Now find "widgetforblogs" and replace it with your respective ids and save your template.

HAPPY BLOGGING!

Customize Cloud Label In Blogger

2013-08-11T04:31:00.001-07:00

Hello friend's, today we are going to customise the label widget in blogger. By default cloud label widget seems to tedious. So to make it clean we are going to add a simple css code. Thus the cloud label widget will look clean and your blog looks professional. Here is the snapshot of customize cloud label widget:

Now we are going to customize this cloud label widget:

Customize Cloud Label Widget For Blogger

Add Css Code

Go to Blogger Dashboard>>Template>>Edit HTML
Now press ctrl+f and find ]]></b:skin>
After ]]></b:skin> paste the given code below:
.label-size{ margin:0 2px 6px 0; padding: 3px; text-transform: uppercase; border: solid 1px #C6C6C6; border-radius: 3px; float:left; text-decoration:none; font-size:10px; color:#666; } .label-size:hover { border:1px solid #6BB5FF; text-decoration: none; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out; -moz-transform: rotate(7deg); -o-transform: rotate(7deg); -webkit-transform: rotate(7deg); -ms-transform: rotate(7deg); transform: rotate(7deg); filter: progid:DXImageTransform.Microsoft.Matrix( M11=0.9961946980917455, M12=-0.08715574274765817, M21=0.08715574274765817, M22=0.9961946980917455, sizingMethod='auto expand'); zoom: 1; } .label-size a { text-transform: uppercase; float:left; text-decoration: none; } .label-size a:hover { text-decoration: none; }
Now save your template and you are done.

HAPPY BLOGGING!

How to add social media sharing widget to blogger

2013-08-06T21:50:00.001-07:00

Blogger widgets are not only important from the point of view of customising but also it can bring alot of traffic to your blogs/website. Here is another beautiful social media sharing widget for blogger. This blogger widget allows reader to share your post directly to various social networking sites like facebook, twitter, google plus etc.

Here today we are going to add this social media sharing widget for blogger just below the title of the post. Thus, increasing the sharing of your post, which means alot of traffic to your blog.

Here is the screenshot of the widget:

How to add social media sharing widget to blogger

Add Social Media Sharing Widget To Blogger

Go to Blogger Dashboard>>Template>>Edit HTML
Now press ctrl and find <data:post.body/>
Now paste the given code after <data:post.body/>

<b:if cond='data:blog.pageType =="item"'> <table border='0'> <tr> <td><div style='margin-right:5px;'> <g:plusone expr:href='data:post.url' size='medium'/> </div> </td> <td><div style='padding-top:6px;'> <script type='text/javascript'> tweetmeme_style = "compact"; </script> <script src=' http://tweetmeme.com/i/scripts /button.js' type='text/javascript'/> </div></td> <td><div style='margin-right:25px;'> <script expr:src='" http://www.stumbleupon.com /hostedbadge.php?s=1&r=" + data:post.url'/></div> </td> <td><div style='margin-right:25px;'> <div id='fb-root'/><script src=' http://connect.facebook.net/en_US /all.js#xfbml=1'/><fb:like font='' href='' layout='button_count' send='true' show_faces='false' width='40px'/> </div> </td> <td>  <div class="addthis_toolbox addthis_default_style "> <a class="addthis_counter addthis_pill_style"></a> </div> <script type="text/javascript" src=" http://s7.addthis.com/js/250 /addthis_widget.js"></script> </td> </tr> </table> </b:if>

Now save your template and you are done. This sharing widget is only going to show on post pages. If you want to show them also on home pages them remove b:if first and last line.

HAPPY BLOGGING!

Wooden Style Social Media Widget

2013-08-02T13:26:00.001-07:00

Here is another beautiful wooden style social media widget. It gives the woody touch to your blogs. The icons provided for the social sites are in woods touch.

Here is the snapshot of the blogger Widget:

Wooden Style Social Media Widget

Add Wooden Style Social Media Widget To Your Blog

Go to your Blogger Dashboard>>Layout>>Add A Gadget>>HtML/Javascript
Now paste the following code in it:

Customisation

Press ctrl+f and find "widgetforblogs" and replace each with your respective ids.
Save your Widget and you are done.

If you have any problem than feel free to ask. Your comments are welcome.

hAPPY BLOGGING!

Subscription Widget For Blogger With Social Media

2013-08-02T12:55:00.001-07:00

Here is another blogger widget, Subscription widget for blogger with social media. This widget is cool with blue color. It contains the best social media like facebook, twitter, google plus, rss feed. Also it contains an email subscription form at below of this social media icons.

Here is the snapshot of the Subscription Widget For Blogger With Social Media:

Subscription Widget For Blogger With Social Media

Add Subscription Widget For Blogger With Social Media

Go to your Blogger Dashboard>>Layout>>Add A Gadget>>HTML/Javascript
Now paste this code in it:

Customisation

Press CTRL+F and find "widgetforblogs" and replace this with your respective ids.
Now save your widget and you are done.

HAPPY BLOGGING!

Attractive Email Subscription widget for blogger

2013-08-01T22:36:00.001-07:00

Here is another attractive email subscription widget for blogger. As you know email subscription widget is very important to increase the traffic of your blog/website. It allows to send the post of the blog directly to reader mail whenever their is an update.

Features Of Attractive Email Subscription widget

It is very simple and clean.
Can be add to sidebar or below the post.
Very light script. So, loading time of blog does not increase.

Here is the screenshot of the widget:

Add Attractive Email Subscription Widget To Blogger

Go to Blogger Dashboard>>Layout>>Add A Gadget>>HTML/Javascript
Now paste this code in it:

Press ctrl+f and find "widgetforblogs" with your feedburner id.
Now save your template and you are done.

HAPPY BLOGGING!

How To Add Facebook Like Widget To Your Blog

2013-08-01T07:39:00.001-07:00

Facebook, as the name suggest is the most popular social networking site. Even more than half of the world is on Facebook. Facebook is the best place to get traffic to your blog or website. You get more and more traffic that is unique and quikly.

You have seen on various blog the Facebook like box. This box shows the readers who likes your page. Thus, the popularity of your blog is also determined by it. This is very light and simple widget. It does not decrease the loading speed of your blog/website.

So, we are today going to add this Facebook like box widget to your blogs. Here is the snapshot given below:

Add Facebook Like Box Widget

Adding Facebook Like Box To Your Blog

Go to Blogger Dashboard>>Layout>>Add A Gadget>>HTML/Javascript
Now paste the code given below:

<iframe src="// www.facebook.com/plugins /likebox.php?href=http: //www.facebook.com/widgetforblogs&width=300&height=248&colorscheme=light&show_faces=true&border_color&stream=false&header=false&" style="border:none; overflow:hidden; width:300px; height:248px;" ></iframe>

Now press ctrl+f and find "widgetforblogs" and replace it with your facebook id.
Save your widget and you are done.

HAPPY BLOGGING!

Social Subscription Widget For Blogs

2013-07-31T04:42:00.001-07:00

Today we are going to learn how to add an social subscription widget for blogger. This widget is very beautiful and simple. This social subscription widget is created by way2blogging.

Here is the screenshot of the widget:

Add Way2blogging Social Subscription Widget To Your Blog

Add CSS code

Go to your Blogger Dashboard>>Template>>Edit HTML
Press ctrl+f and find ]]></b:skin> above this paste the code give below

@import url(" http://fonts.googleapis.com /css?family=Oswald& amp;text=AaBbCcEeFfIiKkLlMmOoRrSsTtWw %20");.w2bOldSocial ul { font-family: 'Oswald', sans-serif; margin: 15px 0; overflow: hidden;}.w2bOldSocial ul li { float: left; width: 90px; padding: 0 0 0 55px !important; margin: 0 0 0 5px !important; line-height: 48px !important;}.w2bOldSocial ul li a { font-size: 20px !important; text-decoration:none; padding:0 !important; margin:0 !important; text-decoration:none;}.w2bOldSocial ul li a:hover {text-decoration:underline;}.w2bOldSocial ul li.w2brss { background: url(" http://2.bp.blogspot.com /-HzL4OJ6FzmE/TeTFVVR1A4I/AAAAAAAAA4g /Eiju-1UObXU/s48/RSS.png") no-repeat scrollleft center transparent !important;}.w2bOldSocial ul li.w2bmail { background: url(" http://2.bp.blogspot.com /-YcW06xYPTM4/TeTFU1cvqbI/AAAAAAAAA4c /1fyAl6q9QRw/s48/Mail.png") no-repeat scroll left center transparent !important;}.w2bOldSocial ul li.w2btwitter {background: url(" http://3.bp.blogspot.com /-d8fPV2jD2p0/TeTFVkAMFOI/AAAAAAAAA4k /0jYlyJGVmXM/s48/Twitter2.png") no-repeat scroll left center transparent !important;}.w2bOldSocial ul li.w2bfacebook { background: url(" http://1.bp.blogspot.com /-SfiMNXFU9TE/TeTFUbgc_SI/AAAAAAAAA4Y /THAqJLoo_vg/s48/Facebook.png") no-repeat scroll left center transparent!important;}#w2bEmailsub { display: block; clear: both; margin: 10px 0;}form.w2bEmailform { margin: 20px 0 0; display: block; clear: both;}.emailText { background: url(" http://3.bp.blogspot.com /-SoB4RN7Bchk/TZ1ouay9q0I/AAAAAAAAAlE /dkyZEzF2HIw/s28/w2b-mail.png") no-repeat scroll 4px center transparent; padding: 7px 15px 7px 35px; color: #444; font-weight: bold; text-decoration: none; border: 1px solid #D3D3D3; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 1px 1px 2px #CCC inset; -moz-box-shadow: 1px 1px 2px #CCC inset; box-shadow: 1px 1px 2px #CCC inset;}.emailButton { color: #444; font-weight: bold; text-decoration: none; padding: 6px 15px; border: 1px solid #D3D3D3; cursor: pointer; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; background: #fbfbfb; background: -moz-linear-gradient(top,#fbfbfb 0%, #f4f4f4 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fbfbfb), color-stop(100%,#f4f4f4)); background: -webkit-linear-gradient(top,#fbfbfb 0%,#f4f4f4 100%); background: -o-linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%); background: -ms-linear-gradient(top,#fbfbfb 0%,#f4f4f4 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#FBFBFB', endColorstr='#F4F4F4',GradientType=0 ); background: linear-gradient(top, #fbfbfb 0%,#f4f4f4 100%);}

Add HTML code

Now go to Layout>>Add A Gadget>>HTML/Javascript and paste the code given below:

<div class="w2bOldSocial">
<ul>
<li class="w2brss"><a href="http://feeds.feedburner.com/widgetforblogs">RSS</a></li>
<li class="w2bmail"><a href="http://feedburner.google.com/fb/a/mailverify?uri=simplebloggertricks" >Email</a></li>
<li class="w2btwitter"><a href="http://twitter.com/widgetforblogs">Twitter</a></li>
<li class="w2bfacebook"><a href="http://facebook.com/widgetforblogs">Facebook</a></li>
</ul>
</div>
<div id="w2bEmailsub">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=widgetforblogs', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="w2bEmailform">
<input type="hidden" value="widgetforblogs" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input type="text" onblur="if (this.value == "") {this.value = "Enter your email...";}" onfocus="if (this.value == "Enter your email...") {this.value = ""}" value="Enter your email..." name="email" class="emailText" />
<input type="submit" class="emailButton" value="SignUp" title='' />
</form>
</div>

CUSTOMIZE

Find widgetforblogs with ctrl+f and replace it with your ids

HAPPY BLOGGIN!

How To Embed Google Adsense Ads Unit Left Or Right Side Of Post

2013-07-30T04:22:00.001-07:00

Google Adsense is one of the most popular and best revenue program. It allows us to earn through our blog or website. But we can earn only if we use this ad unit at right place. And the most important place is with the post. Here, WFB is giving a trick that allows google adsense to show on the left hand or right hand of the post. Here is the example below:

Now start to add this trick to your blog. It will increase your revenue.

How to put Google adsense unit in Left or Right corner of post content

Go to your Blogger Dashboard>>Template>>Edit HTML
Press ctrl+f and find <div class='post-header-line-1'/>
First parse your google adsense code using Adsense Parser
Your parsed code look like this
To place ads at left corner of the post place the code after the above line

<div style=”display:block;float:left;margin: 0px 10px 0px 0px;”> Your Adsense Parsed code </div>
Your code will look like this
If you want ad at right side of the post than paste the following code

<div style=”display:block;float:right;margin: 0px 10px 0px 0px;”> Your Adsense Parsed code </div>
Now save your template and you are done.

If you have any doubt please feel free to ask.

HAPPY BLOGGING!

Google Adsense Parser

2013-07-29T14:21:00.001-07:00

Hello friend's

Google Adsense as the name suggest is the most popular money making program online. It allows everyone to earn. But you cannot put Goggle Adsense code directly to your blog or website. You need to parse the code.

After Parsing the adsense code your code will be looking like this:

So parse the Adsense code and paste it to your blog and start earning.

HAPPY BLOGGING!

How to make first letter big in blogger post

2013-07-29T13:42:00.001-07:00

How to make first letter bigger in blogger post. Yes that's right today we are going to learn a simple blogger trick. In this trick we are going to make the first letter of every blog post bigger. This technique is called as Drop Cap.

This drop cap technique allows you to create first letter of post bigger. You have seen various magazines and news paper in which they use this drop cap method. It allows the reader to engage in reading. It catches the reader attention that it might be an important or useful information. Thus, the reader stay on the page for the longer time.

Here is the screen shot of the drop cap. In which first letter is made bigger:

In drop cap method first letter genrally drop to two or three lines and also wrappoing the the words.

How to add Drop Cap to Blogger or Create First letter big in Blogger Post

Follow this simple method to make first letter big in blogger post

First go to your Blogger Dashboard>>Template>>Edit HTML
Press ctrl+f and find ]]></b:skin>
Just above ]]></b:skin> copy the following code given below:

.post-body:first-letter { float:left; color: #000000; background:#ffffff; line-height:80px; padding-top:1px; padding-right:5px; font-family:times; font-size:100px; }

Now save your template and you are done. I hope you like this trick so please share it and join us for more.

HAPPY BLOGGING!

Flag/Visitors Counter Widget For Blogs

2013-07-26T04:44:00.001-07:00

Hello friend's

Today i am going to show you how to add an simple widget to your blog. This widget is known as flag/visitors counter. It allows to show the traffic in the form of flags. It will show various countries flag from where visitors come to your blog for visiting your post.

It will give your blog a simple clean look to your blog. It also allow your visitor to show that your blog has so much popularity and traffic. But the most important thing is that it will act as a counter widget for blogs. Thus you can analyse your blog traffic.

Here is the image of this widget:

So to install this widget to your blog just simply fill the widget title and press Get This Gadget

HAPPY BLOGGING!

Add Social Media v2 Sharing Widget For Blogs

2013-07-17T16:28:00.001-07:00

Hello friend's

Today i am going to show you how to add an social media v2 sharing widget for blogs. You all know that sharing widget allows every reader to share your post. This will increase your traffic as well as your reputation.

So, this social media v2 sharing widget not only allow to share your blog post, but also gives an professional look to your blog. It is an beautiful and eye catching widget. Here is an snapshot of this beautiful social media v2 sharing widget

Add this social media v2 sharing widget to your blog

Go to Blogger Dashboard>>Layout>>Add a Gadget>>HTML/Javascript
Now paste this code in it

<tr> <td width="245" height="35"> <ul id="socialbar"> <li id="facebook"><a target="_blank" href="http://www.facebook.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/facebook.png"></a></li> <li id="twitter"><a target="_blank" href="http://twitter.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/twitter.png"></a></li> <li id="Googleplus"><a target="_blank" href="https://plus.google.com/u/0/profilepageaddress"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Googleplus.png"></a></li> <li id="Pinterest"><a target="_blank" href="http://pinterest.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Pinterest.png"></a></li> <li id="linkedin"><a target="_blank" href="http://www.linkedin.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/linkedin.png"></a></li> </ul> <style>#socialbar img {border:0px;}#socialbar li img {width:36px; height:36px;}#socialbar li a:hover {position:relative;top:2px;}#socialbar{list-style: none outside none; margin:0px; position: static;}#socialbar li {display:inline;padding-right:2px;}#socialbar{padding:10px;text-align:center;}</style></td> </tr> <tr> <td height="10"><h6 align="center"><a href="http://widget-forblogs.blogspot.com/"></a></h6> </td> </tr> </table>

Now press ctrl+f and find username and replace it with your repective username also change plus.google.com/u /0/profilepageaddress with your google plus profile page.
Now save the widget and you are done.

HAPPY BLOGGING !

Earn Money Online with linkbucks

2013-07-11T12:23:00.001-07:00

Hello friend's

We are going to talk about an simple but very effective method to earn money online. Every one wants an alternate method to earn money. But due to lack of time people cannot do anything. So the best method is to earn money online.

Earning money online is one the easiest method but also it is time consuming. So, today i am going to show you how to earn money online with linkbucks. Linkbucks is an online program that allows you to earn money online. So, how this linkbucks work.

If you have any link than it will convert it into linkbucks links and if someone clicks this link than you will get paid.
If you have any blog or website consisting number of links, so you can convert all of them to linkbucks link. So anyone clicks it you get paid.
linkbucks also has refferal program. If you refer any friend than you will get paid.

Click Here to join link bucks

or click the banner below

HAPPY BLOGGING!

Back To Top Widget For Blogs

2013-07-10T11:54:00.001-07:00

Hello friend's

If your blog contains lenghty post or various images, than this back to top widget is for your blog. Sometimes reader find the post interesting but due to length of post, he or she gets tired of scrolling from top to bottom and than again to top. He/she leaves your blog. But with this widget you have a chance to make your reader to stay on the page.

Back to top widget is a small image at bottom right of the page. Whenever, reader reads your post and he/she comes at the end of the page and want's to go at the top of the page. Than reader click this image and goes to top of the blog or post.

Here is the small icon of the back to top widget, that is going to show on bottom right side of the page.

Install Back To Top Wiget

Go to Blogger Dashboard>>Layout>>Add a gadget>>HTML/Javascript
Now paste this code.

<style type="text/css">.backtotop a:hover {background:none;}</style> <div class="backtotop"><a style="display:scroll;position:fixed;bottom:5px;right:5px;" class="backtotop" href="#" rel="nofollow" title="Back to Top"><img style="border:0;" src=" https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv0YujdeKpcpEV6m3uLMM5ILDzlPu0tTqZ3rGkxGOd3ZOhNICNFz1PHZpAskpG4eOfrQHSqiZbt2qwURDqfBermDNcmP5d5FjoOvG-KB9vQp7mr6ZtQD1VbpZsi9wBO98cxIaepQQUOMqn/s200/back+to+top.png"/></a></div>

If you want to change the image than; replace "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiv0YujdeKpcpEV6m3uLMM5ILDzlPu0tTqZ3rGkxGOd3ZOhNICNFz1PHZpAskpG4eOfrQHSqiZbt2qwURDqfBermDNcmP5d5FjoOvG-KB9vQp7mr6ZtQD1VbpZsi9wBO98cxIaepQQUOMqn/s200/back+to+top.png" this image url with your's.
Now save it and visit your blog for this beautiful back to top widget for blogs.

HAPPY BLOGGING!

Hacking University like Email Subscription Widget For Blogs

2013-07-10T01:55:00.001-07:00

Hello friend's

Today i am going to show you how to add Haking University Like Email Subscription Widget For Blogs. This email subscription widget is simply awsome. Email subsription widget is the most important widget for blog. It increases your readers, by allowing them to subscribe your blog.

Here is the demo of the widget:

How to add this email subscription widget

Go to Blogger Dashboard>>Layout>>Add a gadget>>HTML/Javascript
Now add the following code in it.

<style type='text/css'>#sidebar-subscribe-box{background:url( http://1.bp.blogspot.com/-IyEBRR8yOQQ /UBhYdBd23PI/AAAAAAAAFTU/aeW3JdAlrCs /s1600/colored-strip.png) repeat scroll 0 0 transparent;border:1px solid #aaa;border-radius:3px;padding:3px 0}.sidebar-subscribe-box-wrapper{background:url( http://2.bp.blogspot.com/-tUlo5p5gP8o /UBhYciGNgwI/AAAAAAAAFTM /x22pIuNLVPw/s1600/bg-pattern.png) repeat scroll 0 0 #f7f7f7;color:#111;font-size:14px;line-height:20px;padding:1px 20px 10px;text-align:center;text-transform:uppercase}.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0}form.sidebar-subscribe-box-form{clear:both;display:block;margin:10px 0 0;width:auto}.sidebar-subscribe-box-email-field{-moz-border-radius:4px;-webkit-border-radius:4px;background:#fff url( http://1.bp.blogspot.com/-JMYdQsIa9WQ /UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8 /s1600/sprites.png) no-repeat 0 -27px;border:1px solid #ccc;border-radius:4px;color:#444;margin:0 0 15px;padding:10px 40px;width:68%}.sidebar-subscribe-box-email-button{background:#09f;border:1px solid #007fff;box-shadow:0 1px 0 rgba(255,255,255,0.3) inset, 0 1px 0 transparent;color:#fff;cursor:pointer;font-family:verdana;font-weight:700;padding:10px;text-shadow:1px 1px 0 rgba(0,0,0,.4);text-transform:uppercase;width:100%}.sidebar-subscribe-box-email-button:hover,.sidebar-subscribe-box-email-button:focus{background:#1ca4ff}.sidebar-subscribe-box-email-button:active{-moz-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;-webkit-box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;box-shadow:0 1px 4px rgba(0,0,0,0.5) inset;outline:0}iframe,object,embed,.yt-border iframe,.yt-border object,.yt-border embed,table{width:100%}embed{border-radius:3px;-moz-box-shadow:0 2px 4px rgba(0,0,0,0.2);-webkit-box-shadow:0 2px 4px rgba(0,0,0,0.2);background:#FFF;border:1px solid #ddd;box-shadow:0 2px 4px rgba(0,0,0,0.2);margin:0;padding:4px 4px 4px}#footer-section{background:#f5f5f5 url( http://1.bp.blogspot.com/-n5s9Bu0JCgg /UA_AfQ5qLkI/AAAAAAAAFMU/G9FOuh4SP7k /s0/bg-pattern.png) repeat top left;border-top:1px solid #aaa;box-shadow:inset 0 4px 6px -3px #aaa;font-family:cambria;font-size:14px;height:100px;margin:10px -30px 5px;padding:0 30px;text-align:center;width:100%}</style> <div id="sidebar-subscribe-box"><div class="sidebar-subscribe-box-wrapper"><p>Subscribe to our email newsletter & receive updates right in your inbox.</p><divclass="sidebar-subscribe-box-form"><form action=" http://feedburner.google.com /fb/a/mailverify?uri=blotricks" class="sidebar-subscribe-box-form" method="post" onsubmit="window.open(' http://feedburner.google.com /fb/a/mailverify?uri=blotricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><inputname="uri" type="hidden" value="blotricks" /><input name="loc" type="hidden" value="en_US" /><input class="sidebar-subscribe-box-email-field" name="email" autocomplete="off" placeholder="Enter your email address :)"/><input class="sidebar-subscribe-box-email-button" title="" type="submit" value="Subscribe Now !" /></form></div></div></div>

Now press ctrl+f and find "blotricks". Replace this with youe feed burner id.
Now save it and view your blog.

HAPPY BLOGGING!

Increase RAM speed using notepad

2013-07-09T00:14:00.001-07:00

Today we are going know a simple pc trick. In this trick we are going to know how to increase RAM speed using notepad. Sometimes our pc does not respond due to lack of RAM buffering.

In this pc trick, the only tool required is notepad. So, how to increase RAM speed. Here are the simple steps:-

Open Notepad.
Now paste the code in notepad
FreeMem=Space(64000000)
Now save file as ram.vbs
Now open this file and you are done.

How to add Sharing Widget at the bottom of post

2013-07-08T14:58:00.001-07:00

Hello friend's
It is wasting of our time if we write a good, informative and creative post and no one share it. For sharing our post with other readers we need a sharing widget in our blog. That's right.

If readers find that our post might help someone else, than they want to share it. So, today we are going to show how to add an sharing widget at the bottom of the post. This widget share's our post to various sites like Google+, Facebook, Twitter, Pintrest, Delicious, Digg, Stumble, Reditt and also to RSS. It has an beautiful impression on mouse hovering effect.

Add Sharing Widget at the bottom of the post

Go to Blogger>>Dashboard>>Template>>Edit HTML
Pess ctrl+f and find <data:post.body/>
Now paste the following code below it.

<style> .blotricks a { display:block; height:48px; width:48px; padding:0 4px; float:left; background:transparent url( http://2.bp.blogspot.com/-2-WbGT3gi3o /UaBV1hYQ2oI/AAAAAAAAAik/B0D-XgIMkes /s1600/Sharing+Widget+For+Blogger.png) no-repeat; -webkit-transition: ease-in 0.15s all; -moz-transition: ease-in 0.15s all; -o-transition: ease-in 0.15s all; -ms-transition: ease-in 0.15s all; transition: ease-in 0.15s all; cursor:pointer; } .blotricks a.googleplus { background-position: 0px -348px; } .blotricks a.googleplus:hover { background-position: 0px -406px; } .blotricks a.pinterest { background-position: 0px -464px; } .blotricks a.pinterest:hover { background-position: 0px -522px; } .blotricks a.delicious { background-position: 0px 0px; } .blotricks a.delicious:hover { background-position: 0px -58px; } .blotricks a.digg { background-position: 0px -116px; } .blotricks a.digg:hover { background-position: 0px -174px; } .blotricks a.stumbleupon { background-position: 0px -812px; } .blotricks a.stumbleupon:hover { background-position: 0px -870px; } .blotricks a.technorati { background-position: 0px -928px; } .blotricks a.technorati:hover { background-position: 0px -406px; } .blotricks a.twitter { background-position: 0px -928px; } .blotricks a.twitter:hover { background-position: 0px -986px; } .blotricks a.facebook { background-position: 0px -232px; } .blotricks a.facebook:hover { background-position: 0px -290px; } .blotricks a.reddit { background-position: 0px -580px; } .blotricks a.reddit:hover { background-position: 0px -638px; } .blotricks a.rss { background-position: 0px -696px; } .blotricks a.rss:hover { background-position: 0px -754px; } .Pleaseshare{ margin:10px 0px; color:#333333; font-weight:bold; font-size:20px; font-family:sans-serif; } </style> <div class='blotricks'> <b:if cond='data:blog.pageType == "item"'> <div class="Pleaseshare"> Please Share it! :) </div> <a class='googleplus' expr:href='"http://plus.google.com/share?url=" + data:post.url' rel='external nofollow' target='_blank' title='+1'it :> <a class='facebook' expr:href='" http://www.facebook.com /sharer.php?u=" + data:post.url + "&t=" + data:post.title' rel='external nofollow' target='_blank' title='Share this on Facebook':> <a class='twitter' expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Tweet this':> <a class='pinterest' href="http://pinterest.com/" rel='external nofollow' target='_blank' title='Pin it' :> <a class='delicious' expr:href='" http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Add this to Delicious' :> <a class='digg' expr:href='" http://digg.com/submit?phase=2& amp;url=" + data:post.url' rel='external nofollow' target='_blank' title='Digg this' :> <a class='stumbleupon' expr:href='" http://www.stumbleupon.com /submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Stumble this' :> <a class='reddit' expr:href='" http://reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='external nofollow' target='_blank' title='Add this to Reddit' :> <a class='rss' expr:href='data:blog.homepageUrl + "feeds/posts/default"' title='Bookmark plz' :> </b:if></div> <div style="clear:both"/>

Now save widget and you are done

HAPPY BLOGGING!

Email subscription widget for blogger

2013-07-08T13:09:00.001-07:00

There may be various widgets on the web. But the most attractive widget must be simple and clean. This email subscription widget is one from that. It is white, simple and clean. This email subscription widget is sober and allows more and more reader to subscribe your blog.

This email subscription widget also got mouse hover effect. Here is the screenshot of this widget:

How to email subscription widget to your blog

Go to Blogger>>Dashboard>> Layout>>Add a gadget>>HTML/Javascript
Now paste this code

<style> .subscriptionboc { border-style:solid; border-width:2px; border-color:#000; padding:20px; width:250px; background:#fff; transition: box-shadow .777s; -webkit-transition: box-shadow .777s; -moz-transition: box-shadow .777s; -o-transition: box-shadow .777s; -ms-transition: box-shadow .777s; } .subscriptionboc:hover { -moz-box-shadow: inset 0 0 10px #000000; -webkit-box-shadow: inset 0 0 10px #000000; box-shadow: inset 0 0 10px #000000; } .paratraf { font-size:20px; font-family::'georgia'; text-align:center; color:#000; } .feed-links{display:none;} .enteremail { background: url(" http://i1203.photobucket.com/albums /bb382/chandeep10/btnt-custom- theme/email.png") no-repeat scroll 10px center #FFFFFF; border-radius: 4px 4px 4px 4px; box-shadow: 0 0 3px rgba(0, 0, 0, 0.05) inset; color: #8B8B8B; padding: 10px 40px; border-style:solid; border-width:2px; border-color:#CACACA; } .forspace { padding:15px; } .button45 { background: -moz-linear-gradient(center top , #30A146 0%, #249334 100%) repeat scroll 0 0 transparent; border: 0 none; border-radius: 4px 4px 4px 4px; color: #FFFFFF; cursor: pointer; font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif; font-weight: bold; padding: 10px 40px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); background:#249334; border: 0 none; border-radius: 4px 4px 4px 4px; color: #FFFFFF; cursor: pointer; font-family: "Droid Sans","Lucida Grande",Tahoma,sans-serif; font-weight: bold; padding: 10px 40px; text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.4); } </style> <div class="subscriptionboc"> <form action=" http://feedburner.google.com /fb/a/mailverify" method="post" target="popupwindow"onsubmit="window.open(' http://feedburner.google.com /fb/a/mailverify?uri=blotricks', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><div class="paratraf">For Latestnews And Updates Sign Up</div><p> <div class="forspace"> <center> <input class="enteremail" type="text" style="width:140px" name="email" value="Enter your email..." onfocus="if (this.value =="Enter your email...") {this.value = ""}"/></center></div> </p> <input type="hidden" value="blotricks" name="uri"/> <input type="hidden" name="loc" value="en_US"/> <center> <input class="button45" type="submit" value="Sign Up" /></center></form> </div>

Replace "blotricks" with your feed burner id.
Than save widget.

HAPPY BLOGGING!

Friend's give your feedback in comments.

How to add Google Translator widget in blogger

2013-07-07T13:51:00.001-07:00

Google Translator is one of the most important widget of the blogger. It allow your blog to read in any language. The higher the language the more is traffic for your blog.

Blogger provide this widget, known as google translator. It support around 74 languages. Here is the imge of this widget.

Add this widget to your blog

Go to your Blogger Dashboard>>Layout>>Add a Gadget.
Now select Google Translator.
Save it. Now you have Google Translator widget on your blog.

Widget For Blogs

How To Add Auto Refresh To Blogger(Blog)

How To Add Auto Refresh To Blog

HAPPY BLOGGING!

How To Add Outbrain Star Rating Widget To Blogger

Blogging

What is Blogging?

How To Add Animated Feed Count Widget For Blogger

Add Feed Burner Chicklet Widget

HAPPY BLOGGING!

Dynamic Floating Social Bookmark Widget For Blogs

Add Dynamic Floating Social Bookmark Widget For Blogs

HAPPY BLOGGING!

Customize Cloud Label In Blogger

Customize Cloud Label Widget For Blogger

Add Css Code

HAPPY BLOGGING!

How to add social media sharing widget to blogger

How to add social media sharing widget to blogger

Add Social Media Sharing Widget To Blogger

HAPPY BLOGGING!

Wooden Style Social Media Widget

Wooden Style Social Media Widget

Add Wooden Style Social Media Widget To Your Blog

Customisation

hAPPY BLOGGING!

Subscription Widget For Blogger With Social Media

Subscription Widget For Blogger With Social Media

Add Subscription Widget For Blogger With Social Media

Customisation

HAPPY BLOGGING!

Attractive Email Subscription widget for blogger

Features Of Attractive Email Subscription widget

Add Attractive Email Subscription Widget To Blogger

HAPPY BLOGGING!

How To Add Facebook Like Widget To Your Blog

Add Facebook Like Box Widget

Adding Facebook Like Box To Your Blog

HAPPY BLOGGING!

Social Subscription Widget For Blogs

Add Way2blogging Social Subscription Widget To Your Blog

Add CSS code

Add HTML code

CUSTOMIZE

HAPPY BLOGGIN!

How To Embed Google Adsense Ads Unit Left Or Right Side Of Post

How to put Google adsense unit in Left or Right corner of post content

HAPPY BLOGGING!

Google Adsense Parser

HAPPY BLOGGING!

How to make first letter big in blogger post

How to add Drop Cap to Blogger or Create First letter big in Blogger Post

Follow this simple method to make first letter big in blogger post

HAPPY BLOGGING!

Flag/Visitors Counter Widget For Blogs

HAPPY BLOGGING!

Add Social Media v2 Sharing Widget For Blogs

Add this social media v2 sharing widget to your blog

HAPPY BLOGGING !

Earn Money Online with linkbucks

Click Here to join link bucks

HAPPY BLOGGING!

Back To Top Widget For Blogs

Install Back To Top Wiget

HAPPY BLOGGING!

Recent comment widget for blogs with avatar

Add recent comment widget to your blog

HAPPY BLOGGING!

Hacking University like Email Subscription Widget For Blogs

How to add this email subscription widget

HAPPY BLOGGING!

Increase RAM speed using notepad

How to add Sharing Widget at the bottom of post

Add Sharing Widget at the bottom of the post

HAPPY BLOGGING!

Email subscription widget for blogger

How to email subscription widget to your blog

HAPPY BLOGGING!

How to add Google Translator widget in blogger

Add this widget to your blog