Wednesday, October 2, 2013

AllBlogTools.com | Blogger Templates and Tricks

AllBlogTools.com | Blogger Templates and Tricks

Link to Blogger Templates, Tutorials, Tools | WordPress Themes | Allblogtools.com

How to Add Google Custom Search in Blogger

Posted: 02 Oct 2013 05:00 AM PDT

This image has no alt text

Whenever someone starts to talk about search engines the very first thing that's likely to pop up in one's mind is 'Google,' which is why a lot of bloggers (particularly ones that run some of the top blog sites) use it. In today's featured tutorial, you're going to learn how to put Google's Custom Search feature into your own blog.

An added benefit of having Google Custom Search in your Blogger site compared to simply just having a regular search box is that you can also integrate it to your adsense ads, which means a potential increases in revenue. So why don't we get started, shall we?

  • Go to Google Custom Search and log in (using your Google login info).
  • Click on 'New search engine' and enter your blog details.
  • Click on the 'CREATE' button once you're done.
  • Once you see the congratulatory message you might want to make a few customizations to your new search engine first, so before
  • clicking on the 'Get code' button
  • Click on 'Edit search engine.'
  • Click on 'Setup' and provide a name for your search engine and keywords related to your site.
  • Click on 'Make money' and fill up the details to integrate your adsense account. (You can skip this if you don't have adsense.)
  • Click on 'Look and feel.' This is where you can choose how your search engine will look like.
  • Click on 'Search features' to enable and add promotional ad on top of the search results. (This is also optional. Feel free to skip this.)
  • Now go back to 'Setup' and click on the 'Get code' button.
  • Copy the code it gives you.
  • Go to your Blogger dashboard and head over to the 'Layout' page.
  • Click on an 'Add a Gadget' placeholder where you'd like your Custom Search to appear.
  • Select 'HTML/JavaScript' and paste the code in the box.
  • Save the gadget and you're done.

Congratulations, you now have Google Custom Search in your blog!

WordPlus Blogger Template

Posted: 02 Oct 2013 03:40 AM PDT

This image has no alt text

WordPlus Blogger template is the latest creation by web designer Naveed Iqbal / theme-junkie which was released last July 22, 2013. It has 3 More Color Schemes that is great for magazine and news-style websites. Aside from the color scheme, the creator designed a cool slider for easy navigation with the latest posts.

This template is very well-done and it's also great for sites that cover sports, health, technology, gadgets, products, movies, blog, and other informative styles. One of the most responsive templates out there that is inspired by WordPress template, users will definitely have a great tour on your site and will be back for latest posts.

Also this template has a new way of displaying its child category items in a separate and different style. Users can use this theme in 3 more color schemes. To change the colors, follow these steps provided by Bloggertheme9.com.

For step #1
Search for this color code: #CD781E
Change it with: Black:  #444446 – Green: #79904A – Blue: #41A2CD

Step#2
Search for color code : #B25710
Change it with: Black:  #222222 – Green: #607848 – Blue: #29779B

Step#3
Search for:

http://1.bp.blogspot.com/-Uyk7-Cor69Q/UewgnLZZa7I/AAAAAAAABuo/J0qKq4-iwC8/s1600/color-brown.PNG

Change it with the following:
Black: http://1.bp.blogspot.com/-Lg7Ohp4JaZY/UexZ6vmnQhI/AAAAAAAABvY/1jrJD87HQ00/s1600/color-black.png
Green: http://4.bp.blogspot.com/-ehWtYb993FM/UexZ-iSHPtI/AAAAAAAABvo/-af6x-gfssw/s1600/color-green.PNG
Blue: http://2.bp.blogspot.com/-qqoYXNwMv_M/UexZ8M025jI/AAAAAAAABvg/Wme4_9h_wUM/s1600/color-blue.png

Note: If you wish to remove the slider, the author has made these steps for you.

Add below line before : ]]></b:skin>

.container, #previous_button, #next_button{display:none}     search for line code  #header-area {height: 385px;}  

Change height from “385px” to “158px” and you’re done!

Download it right here.

No comments:

Post a Comment

//SEO SCRIPT POWERED BY www.alltechbuzz.in