Showing posts with label Search Engine. Show all posts
Showing posts with label Search Engine. Show all posts

Attractive Subscribe Section + Search Box For Blogger


In this article,I am going to explain how to add more attractive Subscribe Section + Search Box to your blogger blog.This subscribe section is included Feedburner feed and Email subscriptions boxes,Twitter and Facebook boxes for your Twitter and Facebook profiles and Social networking buttons(Digg,Twitter,Facebook,Stumbleupon,Delicious) to share your articles among social networks.These social network buttons are powered by www.addthis.com.Above the subscribe section,Search box is included.You don't want to change anything in the search box code.To add this widget to your blogger sidebar without doing any modification,sidebar width must be at least 305 px. You can add this Subscribe Section + Search Box into your blog within few seconds and very easy to configure.If you like to add this widget to your blog or a website,then follow the steps given below.
Attractive Subscribe Section + Search Box
1.Login to your blogger dashboard --> Design --> Edit HTML
2.Scroll down to where you see </head> tag .
3.Copy below code and paste it just before the </head> tag .

<style type="text/css">
.subbox{width:305px;border:0 solid #141414;overflow:hidden}
.addthis_toolbox{padding:15px 0 5px 0;text-align:center}
.addthis_toolbox .custom_images a{width:32px;height:32px;margin:0 4px 0 4px;padding:0}
.addthis_toolbox .custom_images a:hover img{opacity:1}
.addthis_toolbox .custom_images a img{opacity:0.85}
.rssbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.rssbox:hover{border:1px solid #92aed1}
.rssbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.rssbox a:hover{color:#7c8a9b;text-decoration:underline}
.emailsbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.emailsbox:hover{border:1px solid #92aed1}
.emailsbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.emailsbox a:hover{color:#7c8a9b;text-decoration:underline}
.twitterbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.twitterbox:hover{border:1px solid #92aed1}
.twitterbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.twitterbox a:hover{color:#7c8a9b;text-decoration:underline}
.facebookbox{background:#f7f6f6;border:1px solid #ccd1d7;padding:5px 10px;margin:10px 0 0 0;-moz-border-radius:10px;-khtml-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;width:125px}
.facebookbox:hover{border:1px solid #92aed1}
.facebookbox a{color:#7c8a9b;text-transform:uppercase;text-decoration:none;font:bold 12px Arial,Helvetica,Sans-serif}
.facebookbox a:hover{color:#7c8a9b;text-decoration:underline}
#search{width:290px;padding:2px 2px;background:#f7f6f6;border:1px solid #ccd1d7;height:28px;margin-top:0;margin-left:5px;display:inline;float:left}
#search:hover{border:1px solid #92aed1}
#search form{margin:0;padding:0}
#search fieldset{margin:0;padding:0;border:none}
#search p{margin:0;font-size:85%}
#s{width:200px;margin:0 0 0 0;padding:5px 5px 5px 5px;border:none;font:normal 80% &quot;Tahoma&quot;,Arial,Helvetica,sans-serif;color:#000;float:left;background:#f7f6f6;display:inline}
input#searchsubmit{float:right;display:inline;margin:0 0 0 0;height:28px;background:#b2b2b2;color:#000;border:0 solid #222}
</style>
Save your template.
4.Now go to Design --> Page Elements and click on "Add a gadget".
5.Select "html/java script" and add the code given below and click save.
<div class="subbox">
<div id='search' style='display:inline;'>
<form action='/search' id='searchform' method='get'>
<input id="s" name="q" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Search...&quot;;}" onfocus="if (this.value == &quot;Search...&quot;) {this.value = &quot;&quot;;}" type="text" value="Search..." />
<input id="searchsubmit" type="submit" value="Search" />
</form>
</div>
<table><tr>
<td><div class="rssbox">
<a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjUAt42ikzQG72H3eCzfKy-tpy-TATr_-2t3jT1SZDRWoWlrPIYOJnI0Kq7aDRx3JbONXBDFQPPG1QUS6J5gtT7dxKG5amT5HlkMdCiMcKHmi0ChDP7-Jd5tRACnQf3d3N0qZPzHCbfaj53/"  alt="RSS Feed" title="RSS Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feeds.feedburner.com/FEEDBURNER-ID" target="_blank" rel="nofollow">RSS Feed</a>
</div></td>
<td><div class="emailsbox">
<a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwzOPgYTLwwr0SHtXPe2-mK1bv2iUzsaWgu8OiNSZmShbHCvMlzOEJBEv7SBBN0AZDVzisgOHWmlvsSbKog0RoShTbQPaD8JWUvD6OsPbobJ8T58tIvlarO160_QnZGCW8JtSnxK6n1cgW/"  alt="EMail Feed" title="EMail Feed" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://feedburner.google.com/fb/a/mailverify?uri=FEEDBURNER-ID" target="_blank" rel="nofollow">EMail Feed</a>
</div></td>
</tr><tr>
<td><div class="twitterbox">
<a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhOLVNxHveH5xQH8z1rJ5IQxynidQvEPVY5FSTdIpYei5bPZ7S4ZyO03cf48ZzWBF0fxT7qIPBXvLXCy0KICbb3dn_8Ywtt0U62aAmQXnFpCUs3Ib6sgaVWjDbG-HyVXIJ0tAbrV9Rnz_tf/"  alt="Twitter" title="Twitter" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://twitter.com/TWITTER-USERNAME" target="_blank" rel="nofollow">Twitter</a>
</div></td>
<td><div class="facebookbox">
<a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggRUT9DYocDDNcDnTFZIdMSq7jXYk8szue3ycytoKR4VzXEq4vJyXrtvEi7eGGhuQJRfl_YAPb4qLKcqVJYeoshCtgPg1a-3CJl79jNt1N9PgpWtJ0Uar76pR4cOVEKv8_jKzeNP2Xcv_c/"  alt="Facebook" title="Facebook" style="vertical-align:middle; margin-right: 5px;border:none;"  /></a><a href="http://www.facebook.com/FACEBOOK-USERNAME" target="_blank" rel="nofollow">Facebook</a>
</div></td>
</tr></table>
<p style="display:none;" align="center">Widget by <a href="http://www.bloggertipandtrick.net/" target="_blank">Blogger Tips And Tricks</a></p>
<div class='addthis_toolbox'>
<div class='custom_images'>
<a class='addthis_button_twitter'><img alt='Twitter' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh44N08H6KEXGCVZmJ7d_5jHUX3IJVg0zvuFNRq7ALwAYU7NbMlh-KMLfBDnCkXcZlKopbHsLV0Xpc583fbmrNZCrubf4sE0o5BPWZ7nCREnr6FWI3GbRCKa5cYunnAacwXPvu6pZc9j-Q/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCw6B8k6nHft0_WT9eSIplfyS-JZiNrjuGzF8K6BYTb5GfWvMWUinRK5ymXBTbr7YTVAwoRcTKTTWy0C4mZullCAQ9t4_uWCuXMReSKbeoNoU9JTIACCAE1vnhkvnEnUDPPELzAAFLVHA/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhJFbVbPu4Q7GGEam9-fWKrCWuHs-nLzD7W07PFRitZ8SVsG2UF4KCmVwZcIUNz19wQ6v1lYHVljsnQsRO641QI0cCJkgHBdIvfBaw_cp9qGOxVMSFm1Df1Bq07G9CZc1xF7CfF2GdVLIY/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhuuWsdfqXrzLBmTg_yW2cdTzvtJGmEmjCfvEkGx6CZm2Owrh6hnFXvUYAhLMB3QOfr5WP08SF7lwo6jiWuj5QghzUICXkD3dPhEqfitzqRXMbB5rC2oiL7WVEA5JtzbNE_suws9rLukok/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAXZtkVR0y_JuCbSUjSRlUuUDj_Slzt2_AA52kYOFnH_sHOraUMJ0NvT4mmF6ExvPIqghiFlosgiXOdGDGrcs04vy9UMis9H6gUqpAa9HdRiOZczSKo3U_J4F1UbP7p9djTcQksVFmBjc/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2Y5IhwuWHy_LWO_VjQiu3m7c_knTDS1BBLPHjYk8OCP-IWps-Frc8tyx8akP1EWnvJ6ay-K43k37Huqsg5B31PVFyMg2mj8LZJQY4F-v9yHBhXUenOO6hHpNjQMhLWpZJldjS7xz30zc/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg2m7pFUWU9ET0xj3v8aH1NgQvzLtPsmeIxpi3HUK2FFLQqAy5WS33c0_Je3Lkk0emHpulC-CxLrANZN-fmLVRZLxOzkUjvKKulZcsNXwdxNMiTvZrjJoI_1h9gzs7q75t5BmXpHyQIFA8/' width='32'/></a>
</div>
<script src='http://s7.addthis.com/js/250/addthis_widget.js' type='text/javascript'/>
</div>
</div>
NOTE : Remember to Replace,
FEEDBURNER-ID with your real Feedburner ID.(4 times).
TWITTER-USERNAME with your real Twitter username.
FACEBOOK-USERNAME with your real Facebook username.
You are done.

Read More ...

0 comments

Add css feedburner email subscription widget in blogger blog.


Hi friends now add this special feedburner email subscription widget box in blogger with social network.

PREVIEW:-














Follow simple and easy step to adding this special box in blogger ---->>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger Template.

* Now find this code ]]</b:skin> by CTRL+F key.

* Copy below code and paste before ]]</b:skin>
.sociallinks ul{
font-family:Oswald;
}
.sociallinks ul li{
float:left;
width:90px;
padding-left:55px;
margin:0 0 0 5px !important;
line-height:48px !important;
}
.sociallinks ul li a{
font-size:20px !important;
}
.sociallinks ul li.w2brss{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhYf3pG9iBetq3Jt852Bu6f6lzu8wFtHQXRTz7hw9uHqGfYHhHCdIcAeRy6MZI-f6vZLmarboE1qSb52rdd3WwYXIbbS6O_fPySmFDxtwd62PklH50BLt2T5PKe8IN5MiVZsdHN-DTBgTxe/s48/RSS.png) no-repeat scroll left center transparent;
}
.sociallinks ul li.w2bmail{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgIlUOUsfW1dlYQtptikT0kqFfNNxbv-N6CThEWdWQB7Nbxx9hFSSRwd6rX2R_QNrspMgQckws-gxI1USMGrREUYDpu2RkcSsjJOkxCsNzwcGq5qmZp3-lOmMUuXGmIoCAvnuoUoebqr-Vl/s48/Mail.png) no-repeat scroll left center transparent;
}
.sociallinks ul li.w2btwitter{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgyvG4xI0MuO97VM_etqZwn9KwTLpSsC7aZcheL9lngtJpVcF3l5en6ltxzYnXoKb8lPuMbntsB5xBHvTpmzIzLwhi-mmnKtsk4gVTDMpoQeNRJsgAWLKrO7DehXEMccLtPztr_cO8OQMph/s48/Twitter2.png) no-repeat scroll left center transparent;
}
.sociallinks ul li.w2bfacebook{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAeOMarRQM5MrQmTn2GRyJoQ0GO5U7HYqPX-4cI-uGI5bWvxMGN-JjPvfk5VoP983SO_JSt7vaJp3hSmRM2N2dACjpSeqJI2BdcLsFHrS1oIyyzt9ZJK07Xc3A2tv8r95ypupW2I4LdepE/s48/Facebook.png) no-repeat scroll left center transparent;
}
form.emailform{
margin:20px 0 0;
display:block;
clear:both;
}
.emailtext{
background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjJfs5_kvF1Qtt5fAmTYCatf6Eq-ft0_M24TbSjSWD28wlcidy-Ntg6LbLd39p_2Id_iKb8gZL30nimolfVOKuHjWYfxt48WPtB1P_D3sKgfahg8VPza4AB5RaU391FUBzmv382RH1xibZV/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;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
-moz-box-shadow: 1px 1px 2px #CCC inset;
-webkit-box-shadow: 1px 1px 2px #CCC inset;
box-shadow: 1px 1px 2px #CCC inset;
}
.ebutton{
color:#444;
font-weight:bold;
text-decoration:none;
padding:6px 15px;
border:1px solid #D3D3D3;
cursor: pointer;
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%);
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
}

* Now click to save your blogger Template.

* Again go to your blogger Dashboard.

* Click in design tab and you are here--->>> Page element.

* Click in add Gadget which is in your blog sidebar.

* When open new window click in HTML/javascript from list.

* When open new blank box copy below code and paste in blank box.
<div class='sociallinks'>
<ul>
<li class='w2brss'><a target='_blank' href='YOUR FEEDBURNER EMAIL URL HERE'>RSS</a></li>
<li class='w2bmail'><a target='_blank' href='http://feedburner.google.com/fb/a/mailverify?uri=YOUR FEEDBURNER URL LAST NAME'>Em@il</a></li>
<li class='w2btwitter'><a target='_blank' href='YOUR TWITTER URL HERE'>Twitter</a></li>
<li class='w2bfacebook'><a target='_blank' href='YOUR FACEBOOK URL HERE'>Facebook</a></li>

</ul>
</div>
<br />
<div style="text-align: left; display: inline-block;">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('YOUR FEEDBURNER EMAIL URL HERE', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" class="emailform">

<input type="hidden" value="Anilhindustani" name="uri" />
<input type="hidden" name="loc" value="en_US" />
<input type="text" onblur="if (this.value == &quot;&quot;) {this.value = &quot;Enter your email...&quot;;}" onfocus="if (this.value == &quot;Enter your email...&quot;) {this.value = &quot;&quot;}" value="Enter your email..." name="email" class="emailtext" />
<input type="submit" class="ebutton" value="SignUp" title='' al='' />
</form>
</div>
</div>
<div class='clear'></div>

NOTE:- Change Highlighted text in above code with your own ok

* Now click to save your HTML/javascript and you are done.
Read More ...

0 comments

How to add CSS3 Serch box to blogger blog .






Follow simple and easy step to adding this box to blogger---->>>>

* First go to your blogger Dashboard.

* Now click in design tab and edit HTML.

* Click in small box to expand your blogger Template.

* Now find this code ]]</b:skin> by CTRL+F key.

* Copy below code and paste before ]]</b:skin>

.SR .search
{
 background: #33373E;
 overflow: hidden;
 padding: 15px;
 right: 0px;
}
*html .SR .search
{
 height: 1%;
}
.SR .search form
{
 background: #60695E;
 border: 1px solid #3ac6e5;
 padding: 10px;
 width: 245px;
}
.SR .search fieldset
{
 height: 1%;
 overflow: hidden;
}
.SR .search input
{
 background: url(http://santabanta.mywapblog.com/files/search-input.png) no-repeat;
 border: none;
 color: #666;
 float: left;
 margin-right: 2px;
 padding: 5px 3px 5px 65px;
 width: 145px;
}
.SR .search button
{
 background: url(http://santabanta.mywapblog.com/files/search-button.png) no-repeat;
 border: none;
 cursor: pointer;
 float: left;
 height: 24px;
 text-indent: -1000em;
 width: 26px;
}

* Now click to save your blogger Template.

* Now go to blogger dashboard and click in design tab.

* Now you are here --->>> Page Element

* Click in add gadget which is in blog sidebar,

* When open new choose HTML/javascript from list.

* When open new blank box copy below code and paste in blank box.

<div class="SR">
<div class="search">
  <form action="YOUR BLOG URL HERE">
   <fieldset>
   <input type="hidden" name="cx" value="018007819701631204361:2a6d1r-ytre" />
    <input type="hidden" name="cof" value="FORID:11" />
    <input type="hidden" name="ie" value="UTF-8" />
   <input type="text" name="q" /><button type="submit">Search</button>

   </fieldset>
  </form>
 </div>

NOTE:- remove highlighted text from your blog URL ok

* Now  click to save and now you are done.

CHEERS........
Read More ...

0 comments

Best Web Hosting Plans for Blogs


Hosting a blog on your own custom domain is essential and it's important to find a reliable and affordable web host.  Having the right web host that you can trust is key for any website or blog.  So I've come up with an updated list of the best web hosts for blogs.  Please feel free to ask any questions because I am happy to help!


1) HostGator

HostGator is trusted by over 5,000,000 sites to suit their web hosting needs. I personally host several sites on HostGator and I strongly reccommend them. If you have any questions, please feel free to ask!

2) iPage

iPage provides web hosting at an affordable and competitive price and promises its clients reliable servers and great customer support.

3) JustHost

JustHost is committed to providing their clients with low cost blog hosting along with a promise of excellent customer support.

4) FatCow

FatCow is dedicated to delivering first class customer service to the small business owner in particular.

5) BlueHost

BlueHost has been offering exceptional web hosting solutions to thousands of personal and business sites since the year of 1996.

6) InMotion

InMotion guarantees reliable, affordable, and fast web hosting. This web hosting company promises 100% satisfaction guarantee.

7) DreamHost

DreamHost is a great web hosting company which offers reliable web servers and excellent customer service.

8) HostMonster

HostMonster is a solid company which has been offering web hosting solutions to thousands of personal and business web sites since 1996.

9) GoDaddy

GoDaddy is a secure and reliable web hosting provider which is very well known.






Conclusion

I hope this list has been helpful in your search for a great web host. I personally recommend HostGatoras a reliable and trustworthy web hosting company, from my own experience. Also, please feel free to write your own reviews and questions in the comment section below.
Read More ...

0 comments

10 Free Ways To Increase Blog Traffic

This summary is not available. Please click here to view the post.
Read More ...

0 comments

Increase your blog traffic 100% gaurented

Read More ...

0 comments