Add Simple Subscription Box Below Post In Blogger Adding subscription box below blog post can helps to increase the subscriber of your blog. Whenever readers reads your post, if they like the article they can easily subscribe to your blog if you provide the subscription box below blog post. You just... Read full post - Add Simple Subscription Box Below Post In Blogger Posted by Santu 0 Comments 2 Reactions Add Beautiful Search Box On Your Blog


Add Beautiful Search Box On Your Blog I am sharing you the beautiful and good looking search box that you can add on your blog.You just simply need to add the html code on your blog provided below.


Add Search Box On Your Blog

  • Go to Blogger>Design>Page Element
  • Click Add a Gadget option



  • Select HTML/JavaScript option. Copy Search Box Code from below and paste that code in it.

<style type="text/css"> #searchbox{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6kHKcaIMPRsMe4weCx6VMhVGUs8v36b2b7aVsTsWeegUZFTwymD73bUu0N0r6aiZrje91p4X3B-J1E0FkkFM6iLHlXNPNu5w06Q7a4ArwHpMPXM7S0er43IvtW3xEchljzgpdFl3OfIc/s1600/Beautiful+Search+Boxes.png) no-repeat scroll center center transparent;width:307px;height:50px;disaply:block;} form#searchform{display: block;padding: 12px;margin:0;} form#searchform #s{padding: 6px 6px 6px 26px;margin:0;width: 215px;font-size:14px;vertical-align: top;border:none;background:transparent;} form#searchform #sbutton{margin:0;padding:0;height:30px;width:30px;vertical-align: top;border:none;background:transparent;} </style> <div id="searchbox"> <form id="searchform" action="/search" method="get">     <input type="text" id="s" name="q" value=""/>     <input type="image" src="http://img1.blogblog.com/img/blank.gif" id="sbutton" /> </form> </div>

  • Save the Gadget.
Happy Blogging :)
 

0 comments:

Post a Comment