How To Add a Google Custom Search Engine

A search engine is a basic necessity for all the blogs. They want to engage the reader and help visitors to get results. Is available to search engines, but professional and accurate search Google Custom Search Engine is the top of his many blogger blogs. I am guided tutorial includes blogs, search engines and create custom blogger blogs Google Custom Search Engine to work a bit harder for beginners. Let's check it out.

How To Create Google Custom Search For Blogger 

Creating Google Custom Search 

Sign in to your Google account and click this link to go Google Custom Search, once you are on the page you will see a blue button with a text on “Create a custom search engine” click on this button.

Now your language in the text box at the bottom of a page, drop www.hellbloggertips.blogspot.com.From Add your Blogger blog URL "to search the Web site under", similar to a URL and language settings , then click the Search button to select the language for the engine.

You will now see a congratulation message as you can see the below image. As you can see there are three buttons “Get-code” which will give you code of search engine ,“Public URL” it’s a URL of the search engine and “Control panel “click on it for settings purpose, such as layout, color schemes, themes. Here I will explain a bit of look and fell section.

You have selected a control panel button, click on the "look and feel" of your blog here will appear in the search results is shown how the department will have a layout, you can also take Output can see a preview of your choice, you can choose any order you choose. You "Compact" is selected and it will look to find out how I can be performed.

When all the settings have been done for Google Custom Search click on the “Get code” Button, copy the code and save it in text file to use it later.

Adding Google Custom Search to Blogger

Go to Layout and select the place where you want your search box to appear, I will recommend in the top of sidebar because every user can easily pick it out from there. 

Layout>> Add a Gadget >> Select Html/JavaScript to the sidebar now copy the code which you just have created and paste it and click save.

You are done.

How to Schedule Blog Posts for Auto Posting in Blogger

Schedule messages and one of the best-known feature in Blogger platform. These additional features as part of the new interface of blogger. Blogger now posted by users simply set up specifically to publishing schedule can publish posts in a particular time period. We submit articles to the letters that follow the program has seen a lot of pro bloggers. Bloggers all functions within the system, we need to know the user being a blogger. However, I also automatically can help bloggers to publish posts that were unfamiliar with excellent scheduling function. Now you have a specific time of day for auto submit posts to create a routine. Schedule a blogger posts lets start tutorial to learn.

Why to Schedule Your Posts?

We appreciate readers like blogs and frequent updates that can be learned. We consolidate and maintain on a regular basis so that our post frequency repetitive landings. And a blog by the author to work to realize the fact that not only the frequency is not an easy task or post. So I will be working by the author is that while many factors. Your website can update me how persistent and  If you are engaged in terrible test to go Direction should have a single author, the opportunities were Or go to the wedding service. Then you could post your frequency and your confidence and savvy viewers will lose some. Now you can easily build a relationship with your readers a little trick by playing the city, opportunities or tests are probably busier than ever, though. Opportunities for the exam, going to study, or blog the right to marriage and function should you participate and make multiple posts before their scheduled posts automatically in our absence tend to be published. Lets start to see the way the blogger posts to discover ways to get auto submission.

How to Schedule Posts:

Follow the below given steps carefully and implement on your blog.

1. Go to Blogger Dashboard:


2. Create New Post.


3. Now Once you finish writing your posts, click on the Schedule option from the post editor located on the right side.





4. When you click on the schedule option tool, you would be able to see two options. Click on the set date time option. And select your desire timing and dates on which you want to schedule your blog posts for auto publishing or posting. See the below illustrative screenshots.
   




5. Now click on done


6. Remember:You must have to click on publish button. It will not publish your post on pressing publish button. But it will automatically publish your posts at the same time and date which you have scheduled for it.

How to Add Live Customer Chat Widget in Blogger

You currently promoting a product or online site where digital product sales are running? Those ordered your product before committing to urge users to chat a reliable customer support is always available as part of a sales promotion is a good guess. Blogging can give you success in your career the most important thing is to communicate with readers. In this case, it can live customer support chat widget helps readers get in touch with you to simplify the way. So to add this widget allows you to start

Why We Have to Add Live Chat Support?

• Way to Interact: It gives you a way to interact with your readers face-to-face by a live chat so that you can understand their needs and can improve your services according to their needs.
• Professional Support:  Having a quality support always endorse how dedicated you are towards your product. The quality support you provide to your users, the more professional your company would appear.

Step 1: Install the plugin in Blogger MyLiveChat: 

First of all you have to do is e-mail, password and enter your personal information like name by MyLiveChat have to register yourself. Their agreement and agree to press certain buttons "now playing". We easily blogger functional product that can be added to the site can create a chat widget that once, just log in to your account.

You are finished with your account after registering, you (as can be seen in the screenshot below) as your Blogger site to include a code that will be needed will be redirected to a new page. Copy the code and proceed to the next step.

Now to Go to Blogger >> Template >> Edit HTML >> Search for </body> and just above it paste the code you copied in the previous step. Once done, save the template and with that MyLiveChat widget is successfully installed in blogger.

Step#2: Creating a new Agent: 

You successfully install the chat widget blogger site, you communicate with your customers or readers can use to identify the agent's time to create. Skip MyLiveChat agents, and you will notice a default agent account. Your free account you just as you like and edit account information current agent custom pencil button to allow an agent to account.

Step#3: Starting Chat with Your Clients:

To start chatting with your clients and customers, you install a desktop application or web application have to use online. If you opt for web application account information you can find here under the tab that you have to enter MyLiveChat application ID. Furthermore, you log in to your agent to enter the username and password is. You enter your information once it is done, "Login" button. 

That's it!

Professional JQuery Slideshow Widget for Blogger

Today we give you an amazing and wonderful to Blogspot blog are going to present the slide show widget. However, we know that this particular widget, but your blog will not increase the load time of the slide show by using the greatest benefit may be familiar with. This shows the latest gadgets and lightweight script can be the words which is created by using jQuery. Blogger blog by using jQuery slip show you easily can get dozens connected with benefits. You can easily post your latest can illuminate an image slider to a custom script. You can easily show that the blogger can show the latest and most popular posts. JQuery slide show on your blog by using a number of features that can be. Or the introduction of new lines mostly use Pro Blogger. So you can easily use it on your blog blogger can. In this article, we include jQuery slideshow to blogger professional will guide.

Slideshow Features For Blogger Blog:

Below are the best features of this JQuery Slideshow widget for blogger:

• Helps in increasing pageviews
• Attracted more & more visitors
• Reducing blog bounce rate
• Turning the blog into professional view
• Show popular posts
• Scripting Blog author Bio with Images

How To add Skype Contact Widget In Blogger

How To Add Jquery Slideshow In Blogger Blog

 Step1: 
This is a very simple process just follow all the below given step carefully. Hope you will not face any difficulty one you follow all the steps correctly. Lets go to add this gadget to blogger.

• Go to blogger dashboard:
• Go to template/editor:
• Now find for </head> :
• Now paste the below code before </head>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js' type='text/javascript'/>
<script src='https://www.googledrive.com/host/0B2ww3WS8P1MJS2RNVkFmbkZZWkU' type='text/javascript'/>

Step2:

• Go to blogger dashboard:
• Go to template editor:
• Now find for ]]></b:skin>
• Now paste the below given code before ]]></b:skin>

/*-------------------- MBB jQuery Image Slider -------------*/
.featuredposts{border:1px solid #E9E7DE;width:608px;background:#FFF;margin:0 0 10px 0;height:400px;overflow:hidden;}
.fp-slides{}
.fp-post{padding:13px;}
.fp-thumbnail{border:3px solid #dddddd; width:580px;height:266px;margin-bottom:10px;overflow:hidden;}
.fp-thumbnail:hover{border:3px solid #CAC9C9;width:580px;height:266px;margin-bottom:10px;overflow:hidden;}
.fp-title{color:#787878;font:bold 14px  Arial, Helvetica, Sans-serif;padding:0 0 4px 0;margin:0; text-transform:uppercase;}
.fp-title a{color:#000;text-decoration:none;}
.fp-title a:hover{color:#0080fF;text-decoration:none;}
.fp-label{color:#504D4D;margin:15px 15px 0 15px;padding:0;text-transform:uppercase;font:bold 16px/16px Arial,Helvetica,Sans-serif;}
.fp-post p{color:#504D4D;padding:0;margin:0;font:10px Arial,Helvetica,Sans-serif;height:32px;overflow:hidden;}
.fp-more,.fp-more:hover{color:#F77C04;font-weight:bold;}
.fp-nav{width:590px;padding:0px 10px;height:14px;}
.fp-pager a{background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6fgPJ8FwkU5bl1F0ou5CaKdi_LiA8ALgGlbwNlMmLD6on4Ay5uIwz40bjkqRuP0ArL0c-8Dp2Gd-pPkbhvjVcfcRbtuP2TtXuEdMnTtWxXuVksjUAEBPdbZSevEsRUlPvhUgEpvgkdUE/s1600/featured-pager.png);cursor:pointer;margin:3px 6px 0 0;padding:0;height:10px;width:10px;display:block;float:left;overflow:hidden;text-indent:-999px;background-position:0 0;}
.fp-pager a:hover,.fp-pager a.activeSlide{text-decoration:none;background-position:0 -110px;}
.fp-prev{float:right;margin-right:4px;width:15px;height:17px;opacity:0.7;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigb2vO_R-5-3TlXzNb3wpz5QzTFomATJ_d2dEfTVEUzPO4fMLw2ZGMpEeRQSiOF3EyIq6gTADRWx-GTrwCEo_7lajnwWJXO8Kvg7IPQd9vndgNGSBJr8djahie_oRsbwh_ehhELyLfvXg/s1600/featured-prev.png) top left no-repeat;}
.fp-prev:hover{opacity:1;}
.fp-prev:active{opacity:0.7;}
.fp-next{float:right;width:15px;height:17px;margin-left:4px;opacity:0.7;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEVmNPbUaH9YhBBL-PucB38rOFfi0vxIQ-ZM1n8zKrXsNdDM7TcsCRKKyRi4OGtRsJDvAmvpu6DQStFVSvH7WkLwLA6WGX3BC7OMdARQemZLAeqTspVUBAh59ZtIy76bN6_mjHpVNFymg/s1600/featured-next.png;) top left no-repeat}
.fp-next:hover{opacity:1;}
.fp-next:active{opacity:0.7;}

Step3:  
       

• Now search for this code

             <div id='main-wrapper'>

• And Below this code paste the following given code:

<b:if cond='data:blog.pageType != &quot;static_page&quot;'>
<b:if cond='data:blog.pageType != &quot;item&quot;'>

<div class='featuredposts clearfix'>
<div class='fp-slides'>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='ADD POST URL-1 HERE'><img src='ADD IMAGE-1 LINK HERE'/></a></div><h3 class='fp-title'><a href='ADD POST URL-1 HERE'>WRITE POST TITLE HERE...</a></h3> <p> WRITE POST DESCRIPTION HERE... </p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='ADD POST URL-2 HERE'><img src='ADD IMAGE-2 LINK HERE'/></a></div>
<h3 class='fp-title'><a href='ADD POST URL-2 HERE'>WRITE POST TITLE HERE...</a></h3> <p> WRITE POST DESCRIPTION HERE... </p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='ADD POST URL-3 HERE'><img src='ADD IMAGE-3 LINK HERE'/></a></div>
<h3 class='fp-title'><a href='ADD POST URL-3 HERE'>WRITE POST TITLE HERE...</a></h3> <p> WRITE POST DESCRIPTION HERE... </p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='ADD POST URL-4 HERE'><img src='ADD IMAGE-4 LINK HERE'/></a></div>
<h3 class='fp-title'><a href='ADD POST URL-4 HERE'>WRITE POST TITLE HERE...</a></h3> <p> WRITE POST DESCRIPTION HERE... </p>
</div>
<div class='fp-post'>
<div class='fp-thumbnail'><a href='ADD POST URL-5 HERE'><img src='ADD IMAGE-5 LINK HERE'/></a></div>
<h3 class='fp-title'><a href='ADD POST URL-5 HERE'>WRITE POST TITLE HERE...</a></h3> <p> WRITE POST DESCRIPTION HERE... </p>
</div>
</div>   
<div class='fp-nav clearfix'>
<span class='fp-pager'/>        
<a class='fp-next' href='#fp-next'/>
<a class='fp-prev' href='#fp-prev'/>
</div>
  
</div>

</b:if></b:if>

Make All These Changes:

• Replace all these ADD POST URL-1, 2, 3, 4, 5 HERE with the URL of your blog post pages. Remember all These URLs will be added twice for each slides. Once for the image and second time for the Post title.
• Replace all these ADD IMAGE-5 LINK HERE with Your Post Image link of the Featured post. Default all these images having width:580px; height:266px; You can easily edit these image size by do editing in the width and height in the CSS code which we shared in step#2. Remember: All your images having Same Size. otherwise it will not work well.
• Replace this >> WRITE POST TITLE HERE... with the title of your own Blog Post Page
• Replace all these >> WRITE POST DESCRIPTION HERE with Post Page Description. You can write 1 or 2  lines of your post here and  the readers could easily read full post by clicking on the title tag.
• If you want to Change the Overall size of the slider widget then simply in step#2 change following two codes and give your own values width:608px and height:400px   
• Now you are done!

How To Increase Adsense Revenue 2014

Google Adsense income in this post we will guide you. As you know, Google Adsense thousands and millions of bloggers are creating big income every month, which is a famous CPC program. However, they also get a decent amount of traffic are not a good're complaining. Using this guide program still has a desire to AdSense with any luck for those who have not experienced that. By pursuing a few useful steps to skyrocket your AdSense income will guide you how to. In spite of the results you will see some improvement gradually earning guarantee will increase by some 100%. So in this post, the top killer strategy by applying Google AdSense earnings will show how to improve.

6 killer Way To Increase Google Adsense Earning
Apply all these pro 6 killer strategies on your Blog  to boost your adsense earning. 

Posts popularizing and building your backlinks:

Backlinks to your site in the search engines play an important role in improving performance. 

Now the question is how to improve your position in search results is for. Answer is high quality backlinks. Find Do follow blogs in your niche and intelligent comment. 

New process and back to your website to get some valuable link partners can join in the discussion. Signed as an anchor text, use your keywords as you can, try to post as much. 

Top 20 High PR Dofollow Backlinks Forum 

The result: your faithful readers, dozens of large-scale traffic and pageviews after following the above strategy, so handsome money from Google Adsense is no doubt to capture that. 

Post quality articles:

Content is always king! 

Post your readers with accurate information and data to provide you with personal insights are planning to do proper research on the subject. Beatify your messages and images to make them more attractive and add infographics. Besides heading, with the number of shots and decorate your posts. 

Conclusion: There is so much more you build your unique quality content more robust readerships + Traffic + Adsense earnings prospects. 

How to write your first blog post? 

Ad Space and Place:

 Placement of AdSense ad blocks blog a big difference in boosting revenue. With ads everywhere I have filled every inch of his message a couple of bloggers who know China. 

If you post your crowd is a good idea to think? No, it is not. Especially where you are getting high traffic pages, no more than three ad units on the use and in a good position to try to keep each block. 

Show All ADS:

The ad rates you can leap as a result of the accident and invalid clicks, it will prevent. 

Show all ads: 

Sometimes it can reduce your cost-per-click ads, text ads as just try to limit exposure. Maximum exposure and to get bids from advertisers in your blog the use of all types of ads in the right places, it comes to displaying AdSense code in the text, rich media ads, banner and image ads all must be considered. 

Always as low as possible, try to keep your affiliate banners and adsense. Do not turn your blog into a fish market instead discourage your blog readers and make your blog loading time will help to increase your Adsense income will not. 

High cost per click for the keyword search:

High CPC, high traffic volume and low competition keywords to search a little homework. On a specific location or filter your search you can use Adword Keyword Tool. Of course, with high CPC generate more income into account, but any search term overuse or Google will consider you a spammer. Within the content of your keywords wisely mixtures and be natural in tone of your message. 

Skype nearly every Internet user on the Internet, the fastest and quickest conversion tool is one that is aware of. Over ninety-five percent of the clients, friends, relatives, use Skype to talk with and about the needs of the business uses. This is a high priority and quality sound, access to worldwide interfce and ease of use as corrupt and no auto education in modern times, a lot of people, using Skype chat tool Interview by. If the majority of bloggers like Facebook as an alternative to use Skype for instant conversion. So today, I see how to add the widget to Blogger via Skype'm going to guide you.

How to Add Skype Contact Widget in Blogger

If Step1: 

It first to your Skype contact widget to your Blogger blog you can build using this tool, theSkype developer needs to area, the following is the first step to change. Once you land on the Skype Developer area will create a Skype contact widget. 

Let Step2: 

Enter your Skype ID: Interact with your readers by which you must enter a valid Skype ID id.Remember Skype contact you would need to add at this option. Now, whenever anyone use the gadget in your blog, on your Skype account will be automatically notified.

Step3:
Select the appropriate type: It is entirely for you to provide your visitors are options, depends on you. With them in this way you can allow a voice chat with them you can make a call directly. In this section you can set up your readers what your rights.

Step4:
Please select the size of the button: the button for this section, you will need to select the appropriate width. You, however, we will ask you to use the default size, default button can change the width. Go to the next step:

                                                                                                                                                                       Step5:                                                                                                                                                                            

• Go to Blogger Dashboard:
• Go to >> Layout >> Add >> Html/ Javascript:
• Now Copy the Skype Code and Past into the Gadget:

Your readers leave their phone calls or messages when dealing with gadgets and paste the code to your Skype account, you automatically will receive immediate notification via Skype, a magnificent blogger blog.Now Widget will see what all.

How to Add Random Post Button in Blogger?

Keep your readers engaged, and spend more time on your blog or website to enable you to view a "Random Post" button. Recently, a visitor to my blogger Random post a tutorial on how to add a button to post asked. Your visitors click the button when it published a post with random visitors may need to provide the flexibleness, as part of your website can be placed anywhere. This random posts, will appear each time the button is clicked. It's actually easy to accomplish, then post a random post in blogger How to add buttons to highlight the post.

How to Add Random Post Button in Blogger :

Follow the below simple steps to add Random Post Button in your Blogger blog.

Go to Blog Title → Layout → Add Widget → HTML/JavaScript. Paste the below code.

<style>
#mbb-random a {
background-color:#3bb3e0;
padding:10px;
position:relative;
font-family: 'Open Sans', sans-serif;
font-size:12px;
text-decoration:none;
color:#fff;
border: solid 1px #186f8f;
background-image: linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -o-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -moz-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -ms-linear-gradient(bottom, rgb(44,160,202) 0%, rgb(62,184,229) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(44,160,202)),
color-stop(1, rgb(62,184,229))
);
-webkit-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
-moz-box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
box-shadow: inset 0px 1px 0px #7fd2f1, 0px 1px 0px #fff;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
}
#mbb-random a::before {
background-color:#ccd0d5;
content:"";
display:block;
position:absolute;
width:100%;
height:100%;
padding:8px;
left:-8px;
top:-8px;
z-index:-1;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
-o-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
-moz-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
-o-box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
box-shadow: inset 0px 1px 1px #909193, 0px 1px 0px #fff;
}
#mbb-random a:active {
padding-bottom:9px;
padding-left:10px;
padding-right:10px;
padding-top:11px;
top:1px;
background-image: linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -o-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -moz-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -ms-linear-gradient(bottom, rgb(62,184,229) 0%, rgb(44,160,202) 100%);
background-image: -webkit-gradient(
linear,
left bottom,
left top,
color-stop(0, rgb(62,184,229)),
color-stop(1, rgb(44,160,202))
);
}
</style>

<center><div id="mbb-random"></div></center>
<script type="text/javascript">
function showLucky(root){ var feed = root.feed; var entries = feed.entry || []; var entry = feed.entry[0]; for (var j = 0; j < entry.link.length; ++j){if (entry.link[j].rel == 'alternate'){window.location = entry.link[j].href;}}} function fetchLuck(luck){ script = document.createElement('script'); script.src = '/feeds/posts/summary?start-index='+luck+'&max-results=1&alt=json-in-script&callback=showLucky'; script.type = 'text/javascript'; document.getElementsByTagName('head')[0].appendChild(script); } function feelingLucky(root){ var feed = root.feed; var total = parseInt(feed.openSearch$totalResults.$t,10); var luckyNumber = Math.floor(Math.random()*total);luckyNumber++; a = document.createElement('a'); a.href = '#random'; a.rel = luckyNumber; a.onclick = function(){fetchLuck(this.rel);}; a.innerHTML = 'Random Post'; document.getElementById('mbb-random').appendChild(a); } </script><script src="/feeds/posts/summary?max-results=0&alt=json-in-script&callback=feelingLucky">
</script>

After adding the code save the widget and finally save the template. You are done now. Now you and your visitors can see and use this Random Post Button Widget for Blogger.