Techno News, How To Unbrick Qualcomm Android Devices, 15 Second ADB Installer Latest Version V1.4.3 Free, Samsung FRP Reset Files Using Odin Flash, ATF Box Full Crack Tool, Facebook Contacts Sync, Miracle Box Latest Setup Full Crack Free, 4 Steps Jcow Social Networking Web Server, Infinity Box Chinese Miracle 2 MTK v 1.58 setup, Miracle Box Crack Latest Version 2.26 Full Setup, Nokia Asha 501 RM-899 Latest Flash File

Sabtu, 24 Oktober 2015

Attractive Subscribe Section + Search Box For Blogger

Attractive Subscribe Section + Search Box For Blogger - is the information you are looking for in search engines like google and others, okay we have provided such information in the blog Techno News, we have around collecting information from various reliable sources and presenting it in this blog, well please read Attractive Subscribe Section + Search Box For Blogger to finish:

Articles : Attractive Subscribe Section + Search Box For Blogger
full Link : Attractive Subscribe Section + Search Box For Blogger

You can also see our article on:


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/AVvXsEgfx_EltCn4O9kV1Z8-6gejgaLZE3iVAdg5dbbZCWBXH6P6gtLFPYNO0zHcuTcCo7yeWXaEwwMhXrFo8pJf_ZgUhRIYzFGVAc5Y48h7q6EQs6Ae3MMAhvvmbWEij7uTq38phNCYPGfOgjfj/" 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/AVvXsEjbEHQyyGh-2O8lbRgBGmbK4-4oQ1fPNhckPwPbp8Lwk9cNxW64LSriM2fbeGNftA404QMWHz3W1L0fkK2R_uv99xN3nf4pnoGz2brWPpgiinkMprfIBWarJLCxYdGA60BObMxKFf4O-me-/" 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/AVvXsEishzt1ymrprL8vg9hUKQd7feU_DqyIzG5SHYq1Mt47bkFDT-s8XQqzujCy8NE8QTX1QWUSHy-9cxHi0vMphvFiLwQB5YOI7GZnGK3-qULOQ_0DrGKohG4Odao6RYl37bphiXh3b1SSwUHJ/" 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/AVvXsEhlzvgfkklNNJp-lFqThyYpYDepiQALvU3O1B_fbFGmETZ8vFtLkvQ7qoPqmYMwI12lUK0CMglx9ioq0wET2TTKWyrc6FKUTcvlo6wHHdtysg0hfQ_U7IYQ1CeOdVENcUY2rVLG5Kk7Rhf8/" 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/AVvXsEidua0LexruGSGp_L8VWnrQQQ5U96SvI2eTRfhWEclydVfbZpnwtUqByEQUvGCVOBJlRTkAOjYUMYS68gDZjfx8T93XumE0qSkfA2HeRPPL5xty-bMzBgShvRgIyaN_qf4sacm8MipapNc/' width='32'/></a>
<a class='addthis_button_delicious'><img alt='Delicious' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjc3OEh07q49FsQ9J-g0Onh9TlbUDtKCkyqx48dqrl1RiulgVUKm8TAte1OTHG2LVNzPavrv_40YIV_vztXlAXeU6mv13ZlFv-nmX5aytRjxyVYeNgrlATpmAYs9tFtIMRVXhpwUaC4tY0/' width='32'/></a>
<a class='addthis_button_facebook'><img alt='Facebook' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6Xuu8QB9B2r1ArWDca0moExsJuZyHTzTibZ_PEeDCM9IfhlHUS7ukcJcdYACDSBXP0PqPg_ZoTfiyz3LeBMxBcZyabMgUHLD4CpPkJysdxGHvDUt3RZC7jaUVEEEZ9OtUPLtcdlq_Gy0/' width='32'/></a>
<a class='addthis_button_digg'><img alt='Digg' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgK3LtFGFzKStMC79g0gna0DIuT9Jhiz7i4fCrYaoHtXF4aobl4frVHR7dSeZESo4Qv2rik_G7r69aHJ4NiQlkW_JP521ZB0fDDpbFQl0L7jguoiQoO9fdq2KyoHL79L-2hIQprelIqNRc/' width='32'/></a>
<a class='addthis_button_stumbleupon'><img alt='Stumbleupon' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiUtAwjM4SfQ_leZfjmxdVGUxjPn070BETtipyoMzYCdoXJ92tpYDDBXtZmIHut-HfxHh4-h3tSd4mlkHrdYUvgZTsGJ5xHy8UNjifFkyrJSnp07Jei7omMrcPRA9LlNCZXTaq-EprdIZY/' width='32'/></a>
<a class='addthis_button_favorites'><img alt='Favorites' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1EDs2jqN7HWGM17kiKzBTS-asqbyK6Y9AQG9jSSspS-oVb4ZAzaguk3NRaKqiDjPotNuPHO3AR9gnMiZiLDexc-Uuz9qTgNakf2T228lEX71oQMqfKqrJvAiH759UzeK3xdu5yTRwOlI/' width='32'/></a>
<a class='addthis_button_more'><img alt='More' height='32' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIHWS69ptdib1U33sJzLF8Qy_w2YMy_0cHxfx6bqG3HZvThmRSIJNuB2yRQwFdexpoJv_I_2K0pwFF4AiNn-L-urfVyqSqMMp4TqG8Ilz7eRLRmzY2PxcMWvi-KODrhyphenhyphenSjuWEf3JWowQg/' 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.

Hope this helps... SHARE with others too. THANKS.



Information about the Attractive Subscribe Section + Search Box For Blogger has been discussed

A few of our information about the Attractive Subscribe Section + Search Box For Blogger, hopefully give more knowledge for you

You have finished reading Attractive Subscribe Section + Search Box For Blogger and many articles about Techno News in our blog this, please read it. and url link of this article is https://ikkemunandar.blogspot.com/2015/10/attractive-subscribe-section-search-box.html Hopefully discussion articles on provide more knowledge about the world of new tech gadgets and Techno News.

Tag :
Share on Facebook
Share on Twitter
Share on Google+
Tags :

Related : Attractive Subscribe Section + Search Box For Blogger

0 komentar:

Posting Komentar