How To Add Google Custom Search Box In Blogger

Search box is always the best solution of users to find their contents in blogger. It proves very helpful to the visitors because through search box he can access many posts of your site through such a simple key words. Google Custom Search engine is basically a search box on a website which shows you the result that you have search or that you want. There are a lot of benefits of this custom search box, you can easily make money from Google Custom Search engine. When you put it on your website and when people search this box ads will appear appear and when a visitor click on ads you will get money. So to day I am telling you the easiest way to add Google custom search box to blogger blog.

How To Add Google Custom Search Box In Blogger

1. Go to Google Custom Search.

2. Log in to your Account.

3. Click New Search Engine.

4. Enter you Blog URL and complete other details as shown in the picture below and click create.

5. A new page will be appear, click get code on that page.

6. Now the code as shown in the picture below.

7. Now, go o your Blogger Dashboard > Layout > HTML/JavaScript gadget and Paste the code.
8. Click save.

Read more ...

4 in one Social Side out Widget for Blogger

Today I'm sharing an amazing social slide out widget for blogger. As you know that social media is a great tool to increase your website visits, ranking and earnings as well. This Social Slide out widget will increase your facebook likes, twitter followers and your subscribers. As you get more likes and followers. Your blog traffic and ranking will increase definitely. To add this social slide out widget into your blog you Follow my steps carefully.

How To Add Social Lide Out Widget Blogger

1. Log in to your Blogger account.
2. Go to Layout.
3. Add Widget.
4. HTML/Javascript

5. Copy and paste the code below.

<style>img,a{border:0;}#on{visibility:visible;}#off{visibility:hidden;}#facebook_div{width:196px;height:353px;overflow:hidden;}#twitter_div{width:246px;height:353px;overflow:hidden;}#google_plus_div{width:152px;height:97px;overflow:hidden;margin-left:50px;margin-top:10px;}#knfeedburner_div{width:300px;height:97px;margin-top:25px;overflow:hidden;}#kakinetwork_div{width:300px;height:97px;overflow:hidden;}/* right side style */#facebook_right{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;right:-200px;}#facebook_right img{position:absolute;top:-2px;left:-35px;}#facebook_right iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;left:-2px;top:-3px;}#twitter_right{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;right:-250px;}#twitter_right_img{position:absolute;top:-2px;left:-35px;border:0;}#google_plus_right{z-index:10003;background-color:#f2f2f2;border:2px solid #006ec9;border-top:2px solid #0056a0;border-bottom:2px solid #0056a0;border-right:2px solid #0056a0;border-left:hidden;width:152px;height:97px;position:fixed;right:-154px;}#google_plus_right_img{position:absolute;top:-2px;left:-33px;border:0;}#feedburner_right{z-index:10003;background-color:#fefefe;border:2px solid #5b5b5b;border-top:2px solid #5b5b5b;border-bottom:2px solid #5b5b5b;border-right:2px solid #5b5b5b;border-left:hidden;width:300px;height:97px;position:fixed;right:-303px;}#feedburner_right_img{position:absolute;top:-2px;left:-33px;border:0;}#kakinetwork_right{z-index:10003;border:2px solid #303030;background-color:#fff;width:300px;height:97px;position:fixed;}#kakinetwork_right img{position:absolute;top:-2px;left:-101px;}/* left side style */#facebook_left{z-index:10005;border:2px solid #3c95d9;background-color:#fff;width:196px;height:353px;position:fixed;left:-200px;}#facebook_left img{position:absolute;top:-2px;right:-35px;}#facebook_left iframe{border:0px solid #3c95d9;overflow:hidden;position:static;height:360px;right:-2px;top:-3px;}#twitter_left{z-index:10004;border:2px solid #6CC5FF;background-color:#6CC5FF;width:246px;height:353px;position:fixed;left:-250px;}#twitter_left_img{position:absolute;top:-2px;right:-35px;border:0;}#google_plus_left{z-index:10003;background-color:#006ec9;border:2px solid #006ec9;border-top:2px solid #0056a0;border-bottom:2px solid #0056a0;border-left:2px solid #0056a0;border-right:hidden;width:152px;height:97px;position:fixed;left:-154px;}#google_plus_left_img{position:absolute;top:-2px;right:-33px;border:0;}#feedburner_left{z-index:10003;background-color:#fefefe;border:2px solid #5b5b5b;border-top:2px solid #5b5b5b;border-bottom:2px solid #5b5b5b;border-left:2px solid #5b5b5b;border-right:hidden;width:300px;height:97px;position:fixed;left:-303px;}#feedburner_left_img{position:absolute;top:-2px;right:-33px;border:0;}#kakinetwork_left{z-index:10003;border:2px solid #303030;background-color:#fff;width:300px;height:97px;position:fixed;}#kakinetwork_left img{position:absolute;top:-2px;right:-101px;}.box-title1{border:1px solid #ddd;/*border-radius*/-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;/*box-shadow*/-webkit-box-shadow:5px 5px 5px #CCCCCC;-moz-box-shadow:5px 5px 5px #CCCCCC;box-shadow:5px 5px 5px #CCCCCC;padding:10px;margin:10px 0;}.enteryouremail{background:#fff !important;border:1px solid #d2d2d2;padding:0px 8px 0px 8px;color:#a19999;font-size:12px;height:25px;width:165px;/*border-radius*/-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;margin:0px;}.submitbutton{background:#f2f2f2;border:1px solid #F66303;/*box-shadow*/-webkit-box-shadow:3px 3px 3px #666;box-shadow:3px 3px 3px #666;font:bold 12px Arial, sans-serif;color:#000000;height:25px;padding:0 12px 0 12px;margin:0 0 0 5px;/*border-radius*/-webkit-border-radius:5px;border-radius:5px;cursor:pointer;}</style><script src='http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js'></script><script type="text/javascript" src="http://apis.google.com/js/plusone.js"></script><script type="text/javascript">jQuery(document).ready(function(){ jQuery("#facebook_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#facebook_right").stop(true,false).animate({right: -200}, 500); });    jQuery("#twitter_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#twitter_right").stop(true,false).animate({right: -250}, 500); });     jQuery("#google_plus_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#google_plus_right").stop(true,false).animate({right: -154}, 500); });    jQuery("#feedburner_right").hover(function(){ jQuery(this).stop(true,false).animate({right:  0}, 500); },function(){ jQuery("#feedburner_right").stop(true,false).animate({right: -303}, 500); });    });</script><div id="on"><div id="facebook_right" style="top: 18%;"><div id="facebook_div"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiqT10e_ztENzgH91JjRl_W_DS1R1yTMV4_nipN-SLgkiAj-FQjxS8qZKRiYmgDIsmgpv3JSuGKVPlGgj8WGokSTbUfHYRSQZFDUBJZNSZL9glWSAs3i6uP0W1ZGt9CoMMrqkdL4-BTQfE/s1600/helperblogger.com-facebook-icon.png" alt="" /><iframe src="http://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2Febloggertechniques&amp;locale=en_GB&amp;width=200&amp;connections=9&amp;stream=&amp;header=false&amp;show_faces=0&amp;height=356"   scrolling="no"></iframe></div></div></div><div id="on"><div id="twitter_right" style="top: 35%;"><div id="twitter_div"><img id="twitter_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEii0hSVJwN2KNTrSmUIDFyatXWfgcsTO41O_XvJ6IrxwLwB6sAXP5jVq8DgV5fTwoBneMMMJQHPQHxcrZ4a7YRi4_CVWcxGZju5E8ijjetwBkCmlSwniqO0_SiGx7ji8BBrv8fRQrHxBJU/s1600/helperblogger.com-twitter-icon.png" /><script src="http://widgets.twimg.com/j/2/widget.js"></script><script>new TWTR.Widget({version: 2,type: 'profile',rpp: 4,interval: 1000,width: 246,height: 265,theme: {shell: {background: '#63BEFD',color: '#FFFFFF'},tweets: {background: '#FFFFFF',color: '#000000',links: '#47a61e'}},features: { loop: false,live: true,scrollbar: false,hashtags: false,timestamp: true,avatars: true,behavior: 'all' }}).render().setUser('ebtechniques').start();</script></div></div></div><div id="on"><div id="google_plus_right" style="top: 52%;"><div id="google_plus_div"><img id="google_plus_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEggrqvJegs367_e8YGSMlBiDEaLRmAg7d6QjQzuXzVbxv40F78t6QOXi2pa8Qkr0poZRsPkbUdKScu7e5MW7ky5JpbrI8NJkXoS6VTaum6ed2cu8fhpBeTbmbc1Uqo_qAB56qcWaKjRTe0/s1600/helperblogger.com-google-plus-icon.png" /><div style="float:left;margin:10px 10px 10px 0;"><g:plusone size="tall" expr:href="data:post.url"></g:plusone></div></div></div><div id="on"><div id="feedburner_right" style=" top: 69%;"><div id="knfeedburner_div"><center><h4 style="color:#F66303;">You can also receive Free Email Updates:</h4><form action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=ebloggertechniques', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><input gtbfieldid="10" class="enteryouremail" name="email" value="Enter your email here..." onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email here...&#39;;}" onfocus="if (this.value == &#39;Enter your email here...&#39;) {this.value = &#39;&#39;;}" type="text" /><input value="ebloggertechniques" name="uri" type="hidden" /><input value="Submit" class="submitbutton" type="submit" /></form></center><img id="feedburner_right_img" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiYP47O_buH69eTqtf22_uAoyQ8sjU_yxHXKKUXp5aJV1P5F0WaoJzhD5Jmgvmw7YN9sN5A82w5GPq0CWwpFjAk7FXN2n0u4wny8FgGcL-lYmxT3GAe8PI6jUfaoXA3F-7zLcTFulAudPg/s1600/helperblogger.com-subscribe-icon.png" /></div></div></div></div>

6. Change EBloggerTechniques to your facebook URL
7. Change EBTechniques to your Twitter URL
8. Change EBloggerTechniques to your feed burner URL

Read more ...

Arrow Key Navigation for Blogger

Hi friends today I'm Sharing an amazing Arrow key Navigations For Blogger Blog. It looks great, and the user don't have to look the page for New and older post. Many Top Blogs has this feature because it is easy for the user to find all the posts of your blog. It is very easy to implement this feature on your blog. This widget really simple and clean.

How to Add Arrow Key Navigation for Blogger

1. Go to Blogger Dashboard.
2. Go to Layout.
3. Add Widget
4. HTML/Javascript
5. Copy and Paste the code Given Below

<! -- Simple HTML box by Blogger Explorer --> <script type='text/javascript'>document.onkeyup = function(event){if (document.activeElement.nodeName == 'TEXTAREA' || document.activeElement.nodeName == 'INPUT') return;event = event || window.event;switch(event.keyCode){case 37:var newerLink = document.getElementById('Blog1_blog-pager-newer-link');if(newerLink !=null) window.location.href = newerLink.href;break;case 39:var olderLink = document.getElementById('Blog1_blog-pager-older-link');if(olderLink!=null) window.location.href = olderLink.href;}};</script>

Read more ...

How to Create a Custom Add To Circles Widget Blogger

In this post I will teach you how you that how to add custom Add to Circles Widget For Blogger. Add to Circles widget is the most popular widget used to increase your following on Google Plus. You don't have to edit it in HTML/Javascript. The thing you have to do is to follow my steps carefully.

How to Add Custom Add To Circles Widget

1. Go to widgetsplus.com
2. Click Get "Your Widgets now"
   
3. Enter your Google Plus ID and customize it.
4. Click Get you widget now.
   
5. Copy and paste the code
   
6. That's it!

If you have questions related to the post please comment below

Read more ...

Amazing Simple Recent Post Widget/Gadget Blogger

Hi Today I'm sharing an amazing Recent Posts Widget. Recent Post Widget is the best widget to show the recent post on your blog. This widget also grabs the attention of the visitor and this will also help you to increase your blog traffic. The most important feature of this  gadget is that it will show not only post titles but it also also shows the post excerpts and snippets This Widget is very easy to use and you can easily customize it.

Step 1.
Log in to Your Blogger Account.

Step 2.
Enter Title and click "Add To Blogger" Below.

Step 3. Drag the Widget/Gadget to your sidebar in Layout. Step 4. Enjoy!

Read more ...

Social Bookmarking Widget With Tooltips For Blogger Blog

Hi friends today I'm sharing an amazing widget known as Social bookmarking widget. Social bookmarking widget is another most important widget for your blog that is the reason you see these types of social media widgets almost on every blog or website. This widget promote your blog and helps to increase traffic on your blog. This widget has very beautiful and amazing animated tooltips, when a visitor hovers on any social icons it comes out. To add this widget to you blog follow my steps.

How to Add This Widget/Gadget to Blogger

Step 1.

Log in to your Blogger Dasboard.

Step 2.

Click  Add to Blogger Button Below.

Step 3.

You will be redirected to add a blogger widget page.

Step 4.

Select your Blog and click Add Widget Button.

Step 5.

Drag The Widget At the Bottom.

Step 6.

Click Save.

Read more ...

Add “Link to this post” codes below every blogger posts

Today I'm sharing an amazing Link to this post widget. It is one of the best way to increase traffic on your blog or website. The greatest feature is that it updates automatically that you don't need to update it manually it update automatically as you post a new article . The installation of the widget is very easy the only thing you have to follow my steps.

How to add This Widget/Gadget to Blogger.

Step 1.

GOTO Blogger Dasboard > Template.

Step 2.

Backup your Blogger Template.

Step 3.

Search for <data:post.body/>

Step 4.

After that copy the code below and paste following code under <data:post.body/>

<b:if cond='data:blog.pageType == "item"'> <p style='color: #7AA1C3;font-weight: bold;'>If you Like This Article,Then kindly linkback to this article by copying one of the codes below.</p> <p style='color: #CF152A;font-weight: bold;'>URL Of Post: </p><textarea cols='60' id='url' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'><data:post.url/></textarea><br/> <br/><p style='color: #CF152A;font-weight: bold;'>Paste This HTML Code On Your Page:</p> <textarea cols='60' id='HTML-code' onclick='this.focus();this.select()' readonly='readonly' rows='2' style='border:2px solid #666;background:#fff; height: 2.6em; width: 98%;' title='Click to highlight'>&lt;a href=&quot;<data:post.url/>&quot;&gt;<data:post.title/>&lt;/a&gt;</textarea> <div style='text-align: right;font-size: x-small;'> <a href='##' target='_blank'><span style="color: #838383;">LinkBack Widget</span></a></div></b:if> 

Read more ...

jQuery facebook Like Box For Blogger Blog

Social media is one of the greatest source improving SEO and traffic of any blog. That is the reason that why social media gadgets are on almost every blog or website. For example If you have enough number likes on facebook page and you have many followers n twitter. You just post your blog link get thousand's of visitors within minutes.

Step 1.
Go to Blogger.com i-e your Dashboard.

Step 2.
Go to Layout.

Step 3.
Add Gadget.

Step 4.
HTML/Javascript.

Step 5.
Open a new tab and to this link.

Step 6.
Generate and Paste the code.

Read more ...

How to Change the Position of Sidebar/Main Wrapper Blogger

Today I'm sharing simple CSS trick which can change the whole layout of your blog. This trick is for those who want to change the positions of their blog's sidebar or main wrapper. You can apply this trick very easily by finding and editing in your template. But before you start don't forgot to backup your template before you edit your template. To change your sidebar/Main Wrapper Follow the steps given below.

Changing the Position of Sidebar or Main Wrapper

Step 1 .
Go to Blogger Dashboard > Template

Step 2.
Click Backup/Restore and download your templates

Step 3.
Now Find Below code or similar code

#main-wrapper { 
float: left; 
width: 600px; 
margin: 0; 
padding: 0; 
}

change the following:

float: left to float: right

Now you have to transfer your your blog Main Wrapper from right to left
Find the code in your template i-e given below:

#sidebar-wrapper {
float: right;
width: 320px;
margin: 0;
padding: 0 20px 10px;
display: inline;
}

Again Change the Following:
float: right to float: left.

Save your template and that's it!
If you are facing any problem please comment below.

Read more ...

Remove Blogger Attribution Widget Remove Powered By Blogger

Hi my friends this post will help you how to remove attribution gadget 'Powerd by Blogger'

The attribution gadget is at the footer of a blog and shows "Powered by Blogger". It is locked by default by google so you have to unlock it ,Because it is locked by the blogger.If you want to unlock it you can follow my steps that are given below.

How to Remove Attribution Gadget on Blogger

Goto Blogger Dashboard > Template > Edit Html

Always Backup Your Template by using backup/restore to avoid errors

Now click 'Edit HTML'

Now click 'Jump to Widget' and select 'Attribution1'

Now change Locked = true to Locked = False

Then go to layout and click edit on Attribution Widget.

That's it!
If you are still facing any problem please comment below.

Read more ...