Social bookmaking is the easy way to get traffic to your
blog.Earlier I gave lot of of social Bookmaking gadget.In this
tutorial Im helping you to add the Search box and link with Rss,
twitter and Facebook.Earlier i gave Add Sleek Search Box With
Social Buttons For Blogger. I also same widget with different style.
This gadget will helps you to grow up your Rss follower,
Twitter follower and Facebook fans.follow these steps.
1. Log in to blogger account > Go to Design >> Page Element
2. Click Add Gadget and select 'HTML/Javascript'
3. Paste below code.
Replace UserName with your twitter Username
Replace UserName with your Facebook fan page Id
4. Save HTML/Javascript. you are done.
blog.Earlier I gave lot of of social Bookmaking gadget.In this
tutorial Im helping you to add the Search box and link with Rss,
twitter and Facebook.Earlier i gave Add Sleek Search Box With
Social Buttons For Blogger. I also same widget with different style.
This gadget will helps you to grow up your Rss follower,
Twitter follower and Facebook fans.follow these steps.
1. Log in to blogger account > Go to Design >> Page Element
2. Click Add Gadget and select 'HTML/Javascript'
3. Paste below code.
<style type="text/css">
#search{width:268px; border:1px solid #E0DFD9;margin: 0 0 0 0;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6SBX3fh5OiR7txLhi6iGefYMS6oYZ1JoPHG7L0pr9jyWret3gJGCE_OlANA1QZ-7dGfgDUtIQN5e_lNgEU3lio2FuTfKY3THHFirC9ZHAlY2MZROCdN7SPwOTRZncokox6SrKsVucLPQ/s1600/search-bgg.png) left top repeat-x;height:32px;padding:0;text-align:left;overflow:hidden}
#search #s{width:80%; background:none;color:#3F3F3F;border:0;padding:4px;margin:3px 0 0 12px;float:left}
#search .search-image{border:0;vertical-align:top;float:right;margin:8px 4px 0 2px}
#search-wrap{padding:15px 0}
.topsearch #search{margin-top:0;margin-bottom:10px}
.social-connect-widget{background:#FFF;border:1px solid #E7E6DE;padding:10px}
</style>
<div class='topsearch'>
<div class='clerfix' id='search'>
<form action='/search' id='searchform' method='get'>
<input id='s' name='q' onblur='if (this.value == "") {this.value = "Search here...";}' onfocus='if (this.value == "Search here...") {this.value = ""}' type='text' value='Search here...'/>
<input class='search-image' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUGjiGjl7AXM1jnmy1-Rb1SmoGYb7GhiaSUoXbJNQdDwCcRqeMHIYFLXaRNgrc9jxj1Axdtu3tDY6B0PIXWQz63PVB4-sWTHvy3ERPr1NlqUIIOPtCOaUZINj4hWqbQacE9imvgYkeP_w/s1600/searchico.png' title='Search' type='image'/>
</form> </div> </div> <div style='clear:both;'/>
<div class='social-connect-widget' style='margin-top:0px;margin-bottom:10px;'>
<img alt='RSS Feed' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgGm7LVgyjmqOxbUpOx2l7JhIlL8ju1np7bDr-J0V4bbwSuSTE_P6UmdLLu0D0vbG-_67YV3stiPiQsSYeqd3ik_A-d40cy64mZ0K_kTXlR1Wxf_LF8yTSymq9crZCKoFn2ZGYjsV_XTFg/s1600/social-rss-box-orange-icon.png' title='RSS Feed'/><div class='Widget_text' style='margin-left:45px;margin-top:-30px;margin-bottom:10px;'>
<a expr:href='data:blog.homepageUrl "feeds/posts/default"'>Subscribe to our RSS Feeds!</a> </div>
</div> <div class='social-connect-widget' style='margin-bottom:10px;'>
<img alt='Follow Us on Twitter!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCMhd3PTL-seDi_e8IlJhbBQ3XK19y01EuhjdepK1lN2xPG2nuwYLrf1UKdA55f7cmWoeSuwKXdNu-QUgbLCs8O_LnZcJGUbg7MbxI0gXNqKsuxorpSP3sLzuqBVubjFyX4GYln6vADJs/s1600/social-twitter-box-blue-icon.png' title='Follow Us on Twitter!'/>
<div class='Widget_text' style='margin-left:45px;margin-top:-30px;margin-bottom:10px;'>
<a href='http://twitter.com/USERNAME'>
Follow Us on Twitter!</a>
</div></div>
<div class='social-connect-widget' style='margin-bottom:10px;'>
<img alt='Be Our Fan!' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzmIAEl_jVKSoYF9Y3OTqsSboi_C_fyMIXX8OqyRGtgtYM19v-zZFLPGS2gEbop8GgqKV_EdffJVO1pu2r2HRFA0pWYp6fs7tqQi5s32ePes4LwRZTOBJ34_R_7IU-FrN3G6TXQrHqXNg/s1600/social-facebook-box-blue-icon.png' title='Be Our Fan'/>
<div class='Widget_text' style='margin-left:45px;margin-top:-30px;margin-bottom:-10px;'>
<a href='http://facebook.com/USERNAME'> Follow us on Facebook! </a></div><a href='http://www.bloggertrix.com/'><img src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiW9s6vjff7pWTODTLAvONrKLnpgoqh_iHAoCPBx6mj8QJe7hOInq2m0wqGLDlohGsK7e4ZZHcGuqN5jAEAd6KsvjKhD6R5ymA90On10don0Z_5tM79x4KC4Gc87-Vp3FYUDNXF-BUMow0/s1600/image.png' target='_blank'/></a></div></div>
Replace UserName with your twitter Username
Replace UserName with your Facebook fan page Id
4. Save HTML/Javascript. you are done.
0 comments:
Post a Comment