Archive

October 2014

Browsing

You all love to design your own stuffs i mean logos, icons, images, vectors etc. Basically those who are very much engaged in design they always think for creativity and new techniques about designing materials. In most cases designers are hired to design logos for their brands. And in exchange designers are to pay high amount for their work. But if you can create your own brands’ logo then how much money can be saved? It may be huge if you have multiple brands.

Essentially there are lots of companies who offer users to create to their free logo but they require to purchase subscription if you want to extend your plan and create multiple logos. Today I have come across such company websites who offer you to create, design free logos also can upgrade your plan for more services.

Zillion Design

Zillion Design
Zillion Design is a free logo maker website which allows you to create logo with text, icons and vector styles. You don’t need any specific knowledge to use their service. You can literally design your logo in minutes. There are plenty of options to choose from including choices in colors, fonts, and symbols categorized by industry.

This is how the website works:

  • First, choose an industry or profession and browse through the designs.
  • Once you see a logo design you like, add your company’s name and any other text in the logo generator tool.
  • Choose from a great selection of fonts and position the text just right.
  • Then change the color according to your taste.
  • If you like, you can add more shapes and designs, and voila! You’ve got a brand new logo design.

LogoType Maker

LogoType Maker
If you run business blogs then you can use this site to create corporate website’s logo easily for free. They’re online logo creator tool for startups and companies. You can create your text logo, choose a shape, customize and download and print. They feature their services with Unlimited Logo Edits, 200+ Custom Fonts, Customize Logo Shape, Additional ClipART library, Custom Size and much more.

Logo Yes

Logo Yes
Another better logo design and creator website. The fast and easy service is provided by Logo yes. Getting a great logo design doesn’t have to be an expensive or tedious process. Building a logo with LogoYes is affordable, quick and easy.

Logo Maker

Logo Maker
Logo maker is another most favorite logo design and creating website. You can easily create your corporate logo for free. You can create your business blog’s logo in less than 10 minutes. It works with three basic farms:

  • Just choose your favorite icon, font, and colors.
  • Create the perfect logo in minutes.
  • Up to six logos free.
  • High-res files: $49.

Try Logo maker now.

Logo Garden

Logo Garden
Start with an amazing logo with logo garden free. There are over 1,019,595 entrepreneurs have launched
their business with LogoGarden. They’re very much outstanding in their field having supports with blogs and tutorials guides.

Logo Genie

Logo Genie
Logo Genie provides you with a free, online logo design system to create low budget logos. The free logo design engine allows you to create logos without going through a design company. They offer regular basic plans for upgrading your logo producing and downloading.

Free Logo Service

Free Logo Service
Make a logo and design it for free with free logo service.  They’re trusted and used by more than 100,000 satisfied customers. They have award winning professional logo designers. With three simple process you can create your dream logo for your blog. You can customize a free logo design & pay $39.95 for unlimited use.

Flaming Text

Flaming Text
Flaming text is a quality free logo maker and designing website. They’re another competitive web design service provider. You can create your own website logo with their service and upgrade plans if you want to create unlimited logos.

Design Mantic

Design Mantic
A complete logo design solutions delivered within minutes. Designing a logo has  never been an easier task but with Design mantic you can make your task easy. You can create your fast, easy and creative logo, you have unlimited choice with HTML5 logo creator.

What’s Up?

I think these collections will help you to create a better logo for your company website or blog. Logo design makes it simple to work with design community as this is the prior step to open your creativity. I recommend you to go through your own design knowledge to create your blog’s logo, if you fail then contact these professional design providers.

If you get the article helpful don’t forget to share this article with your favorite social bookmarking websites.

To the web designers what necessarily is most important is freebies no doubt. Design elements are the first priority to them before starting any new design. Choosing the correct icons, buttons and other elements is most important that makes your design look trending, fresh and smooth. Web design resources are everywhere but choosing one among the loads online can be a bit overwhelming. In my previous guide I have discussed best free resources for web designers but now these are most useful stuffs you need to download and use in web development purposes.

There are massive number of design resources remaining on the web but i have preferred top 15 design resources for making your design more powerful and robust.

You The Designer

You The Designer
Best shop for web designers which offer lots of freebies you need ever. It does offer a wide variety of stock graphics such as icons, Photoshop brushes, UI kits ranging from various themes like drawing, grunge, and minimalist. They do offer Vector packs, Photoshop brushes, UI kits, Ribbons and labels, Icons etc.

Salleedesign

Salleedesign
Salleedesign is a good place where you can get all the things you need to revamp your website and designing skill. You can have such useful stuffs like Good quality graphics, Skeumorphic icons, Glyphs, Stock photos and much more. Access the site now.

Aaron Ovadia

Aaron Ovadia
Web designers look for stock images so that they can make their design more creative and powerful. Aaron Ovadiaa’s website offers stock PSDs. Unlike other stock images site which offer PNGs , this one offers something you could open in Photoshop. Overall this is a good place you can have more design materials to avail.

Designmodo

Designmodo
Another best free design resource site for web designers. Designmodo is one of the design related websites. It does offer free icons, templates, image-kits and a lot more to come. So if you are looking for a quasi-one-stop-shop, this one is a good suggestion. Over here you can have Icons, Templates, Image kits

Freebies Booth

Freebies Booth
Very useful resource for web designers as Freebies booth offers free templates, Trendy forms, High quality icons, Website templates and Buttons.

One Extra Pixel

One Extra Pixel
It’s a design based freebie website which does offer Backgrounds, Icons, UI kits, Glyphs, Website templates and so on free to download.

Arbent

Arbent
Arbent is a web design freebie resource site which you will find helpful as they do offer Icons, Texture Pack, Photoshop Brushes free to download. One unique resource for web designers.

Design Freebie

Design Freebie
Another best one-stop-shop in the house. Design Kindle will surely enlighten you design creativity with widest array of resources with offering Icons, UI kits, Stock graphics, Vector packs, Textures, Templates etc.

Niice

Niice
Niice normally operates as a design search engine, pulling in search results from Behance, Dribble and Designspiration. You may be needed various design resources then Niice can help you to find the best you need. Try niice with this example search “black and white script lettering.”

Cloud Comp

Cloud Comp
Cloud Comp is a lightweight tool powered by Cloud App which allows designers share app and website mockups with clients.

Intuitive Color Picker

Intuitive Color Picker
It’s the color picker tool which can suggest you with your favorite colors in both Hex and RGB color codes. Move your cursor and it will show different color pallet. Move up and down to adjust the brightness and scroll to change saturation.

PlaceIt

PlaceIt
Simple designer resource which a drag and drop tool lets you generate realistic product screenshots in seconds.

Web Tool Kit for Me

Web Tool Kit for Me
The site which offers freebies regarding Cheat sheets, Patterns, Brushes, Textures, Fonts, Vector packs etc.  Its beautiful icons attract better clients, well, at least, artistically speaking.

Sweet 16s

Sweet 16s
A complete icon resource which offers free icons to download with vectors, graphics and more.  It exactly offers icons for mobile browsers and at times, desktop ones. Icons are 16 x 16 pixels.

Pixeden

Pixeden
Pixeden offers premium free and web resources for designers. This site is very much useful which offers freebies like Icons, UI kits, Email templates, Graphics, Vectors and more. Very much giant resource for web designers.

WordPress themes are much easy to robust design with beautiful templates. There are thousands of PSD templates the resources sites offer almost premium and free to download. PSD templates can be easily design and convertible into HTML format so that any WordPress user can use this. Today i have come across some beautiful designed PSD resources of templates you can use on your WordPress site. These are fully scalable, vectored PSD templates that are perfectly sized for the latest collections of PSD templates. The resources are covered from Elegantthemes who are the big resources of premium WordPress themes and templates.

6 Free ThinkPad PSD Templates

This Lenovo ThinkPad pack offers 8 beautifully designed templates to show off your website designs. The minimal design of these devices lets your work do the talking, and they are all available to download for free! Using these templates, you can quickly create photo-realistic mock-ups of your work at any size.

These Templates are released as Open Source under the GPL (GNU General Public License) 2.0. Enjoy them and use them for whatever you’d like!
Free ThinkPad PSD Templates

Free ThinkPad PSD Templates 2

Free ThinkPad PSD Templates 3

Free ThinkPad PSD Templates 4

Free ThinkPad PSD Templates 5

8 FREE Nexus 7 PSD Mockup Template

These Templates are released as Open Source under the GPL (GNU General Public License) 2.0.
FREE Nexus 7 PSD Mockup Template

FREE Nexus 7 PSD Mockup Template 2

FREE Nexus 7 PSD Mockup Template 3

FREE Nexus 7 PSD Mockup Template 4

FREE Nexus 7 PSD Mockup Template 5

FREE Nexus 7 PSD Mockup Template 6

FREE Nexus 7 PSD Mockup Template 7

FREE Nexus 7 PSD Mockup Template 8

6 Free MacBook Air PSD Templates

These minimal laptop devices have been stripped down to their bare essentials to make your work the center of attention. Using these templates, you can quickly create photo-realistic mock-ups of your work at any size.
6 Free MacBook Air PSD Templates

These freebies are originally resources from elegantthemes and they offered these psd templates to design websites who basically use wordpress and some of their themes support these templates. If you purchase any theme from theme then you will know how to superior your theme design with these templates.

Icons are an important part of any interface design and something that often goes unrewarded. However, that doesn’t mean they’re not important. A good user experience is created by paying careful attention to every detail, including icons. So with the increase of popularity in line-icons as of late, we thought we should bring you a collection of free line-icon packs for your next project.

The new sets have been created at a new size and line-weight, and 1000+ new icons have been added as well! The download package includes the vectored .AI and .SVG files, as well as 32px and 64px .PNGs. As always, these icons are completely free to use, and have been released under the GPL.

Othericons

Othericons

This is very much useful list of free vector style line icons you will prefer well to do when monetizing content, design and more you want.

Download 100 Free Line-Style Icons

Download 100 Free Line-Style Icons
The new set has been re-created at a new size and line-weight, and 50 new icons have been added as well! The download package includes the vectored .AI and .SVG files, as well as 32px and 64px .PNGs.

100 Free iOS7 Vector Icons

100 Free iOS7 Vector Icons

Download 1500 more icons from the Streamline Icons Pack, the biggest iOS7 Icon Pack provided as vector files (.AI, .EPS), Photoshop Custom Shapes, PNG and webfonts.

iOS 7 Tab Bar Icons

iOS 7 Tab Bar Icons

Tab Bar Icons iOS 7 Vol3

Tab Bar Icons iOS 7 Vol3

Tab Bar Icons iOS 7 Vol2

Tab Bar Icons iOS 7 Vol2

Tab Bar Icons iOS 7

Tab Bar Icons iOS 7

Dripicons (Free Iconset) – PSD, Illustrator, Webfont

Dripicons

Line-style icons

Line-style icons

Budicon Tester

Budicon Tester

Eco Ico

Eco Ico

Simple Icon PSD

Simple Icon PSD

Line Set

Line Set

Line-Icon Set [PSD]

Line-Icon Set [PSD]

Line Vector Glyphs

Line Vector Glyphs

44 Shades of Free Icons

44 Shades of Free Icons

Linecons Free – Vector Icons Pack

Linecons Free – Vector Icons Pack

Rectangular Icons PSD

Rectangular Icons PSD

iOS 7 line icons

iOS 7 line icons

840 Hand crafted Beautiful line icons

840 Hand crafted Beautiful line icons

If you get the list helpful don’t forget to share this with your favorite social networking sites.

Bootstrap is a powerful theme framework which works with WordPress CMS and most useful and popular specially for corporate based websites. Bootstrap is a responsive grid based framework to design and develop website easily. It is the most popular front-end framework for developing responsive, mobile first projects on the web. The researchers prove that “Big B” as Bootstrap is sometimes called is one of the most successful trends that came into industry lately.

This article is the second part of our previous Bootstrap themes and templates collections. But these are the advanced bootstrap collections of HTML 5 with higher compatibilities in web design. There are some themes are also compatible with the version below 3. Here, you will find the multi-niche templates such as responsive, portfolio, business, e-commerce, simple, landing pages, coming soon templates, gallery blogs and much more.

Below is the best list of 35 best themes that are fully featured. The main features that most of the themes have: the dropdown menu, custom slider based on J-query, portfolio section and footer widget section. I think you will enjoy this tutorial.

SiteName – Free Flat Bootstrap Responsive web template

SiteName – Free Flat Bootstrap Responsive web template
SiteName is a free Flat Bootstrap Responsive web design template. Use this template for any type of website. It is built in a Fancy style however it can be used  as per the user requirements.

Ama – Free Bootstrap Responsive template

Ama – Free Bootstrap Responsive template
Another best free bootstrap HTML5 theme.

Stylish Fashion Band – Free Bootstrap Template

Stylish Fashion Band – Free Bootstrap Template
A bootstrap theme dedicated to stylish fashion band. A free bootstrap template responsive website designs built with Bootstrap framework are suitable for Fashion website.

Corgi

Corgi
Also known as Blacktie HTML5 bootstrap theme

Corlate – Free Responsive Bootstrap HTML Template

Corlate – Free Responsive Bootstrap HTML Template
Corlate is a free responsive Bootstrap template. It is new modern design and easy for you starting a new company website, new start-up project

Flat template – Free Responsive Bootstrap Template

Flat template – Free Responsive Bootstrap Template
Flat template is another best free responsive Bootstrap HTML5 template ever. This clean yet elegant design template has been developed using Twitter Bootstrap 3 framework.

Umbrella – Free Flat Bootstrap Responsive template


Bootstrap theme is highly responsive designed and compatible with any website

Brushed Twitter Bootstrap Template

Brushed Twitter Bootstrap Template
Brushed is Free One Page Responsive HTML Template based on Twitter Bootstrap Framework. It is optimized for Retina Displays ( iPhone, iPad, iPod Touch and MacBook Pro Retina).

Temptation – A tempting dark theme

Temptation - A tempting dark theme
Temptation is an awesome theme that is perfect for entertainment blogs. Yet another great theme by Inkhive.com. Product features include: Fully Responsive, Retina Ready, Built with Bootstrap 3.0, Nivo Slider, Full Width Layout

E Commerce Responsive Bootstrap Template V1.3

E Commerce Responsive Bootstrap Template V1.3
Simple starter layout for an e-commerce template. This template has a large product image, and several smaller images that scale responsively.

Freelancer

Freelancer
Freelancer theme which includes features like

  • Flat Icons by http://flat-icons.com.
  • Build with the Flatly Theme by Bootswatch. Try it with other Bootswatch skins!
  • LESS files included for deeper customization.
  • Collapsing navigation bar on scroll.

InkZine – Refreshing and Colorful

InkZine - Refreshing and Colorful
InkZine is an amazing bootstrap theme made by Inkhive.com. It’s refreshing and colorful features are great for entertainment and colorful feature.

Grayscale

Grayscale
This template is a fully functional, premium quality Bootstrap theme. It includes the following features:

  • Easing scroll function for smooth navigation – uses jQuery easing plugin.
  • Custom built jQuery navbar that collapses on scroll with scrollspy for active class handling.
  • Professional Photography by Gratisography
  • Font Awesome Icon Font
  • Google Web Fonts Integration
  • Custom Google Map style by Snazzy Maps

SB Admin


SB Admin is a free admin theme for Bootstrap 3. This Bootstrap admin template is 100% free and open source, use it for any purpose. Private or commercial. We recommend customizing the admin template beyond the default Bootstrap theme. The SB Admin theme features several third-party plugins that have seperate documentation.

Xeon – Responsive Onepage Site Template

Xeon – Responsive Onepage Site Template
Xeon is the best onepage site template available completely powered by Twitter Bootstrap 3.0 and prefect for any small business company.

Responsive Business Portfolio Template: Agency

Responsive Business Portfolio Template: Agency
Agency is a responsive HTML5 business portfolio template built using Twitter Bootstrap. The template follows a clean, eye catching and minimal approach to showcase contents.

Studio – One Page Theme

Studio – One Page Theme
Studio is a simple one page them, ideal for personal or agency site, comes with an elegant and minimal design. Uses Font Awesome 4.0.3, parallax effect, off-canvas menu & other handsome features.

‘Moderna’ Bootstrap 3 WordPress theme for corporate business

‘Moderna’ Bootstrap 3 WordPress theme for corporate business
‘Moderna’ Bootstrap 3 WordPress theme for corporate business. This theme is WordPress version of existing freebie ‘Moderna HTML template‘.

Mobile App-Free Bootstrap Theme

Mobile App-Free Bootstrap Theme

Marco – One Page Theme

Marco – One Page Theme
Marco is a stylish one page theme. Ideal for freelancers or agencies willing to show their work. Uses FontAwesome 4.0.3 & Animation.css.

Mamba – One page Bootstrap template

Mamba – One page Bootstrap template
Mamba is a simple & flat one page Bootstrap template, suitable for creative to build their profile. Coming with minimal navigation menu, Wow effect, Smoothscroll and pure css lighbox on portfolio images.

Magister – One Page of Magic

Magister - One Page of Magic
This is one page template that have toggle menus on the left sidebar. You can use for free for your projects and websites.

Legend: Free Responsive One Page Template – Built on Twitter Bootstrap

Legend: Free Responsive One Page Template – Built on Twitter Bootstrap
This is our second free responsive bootstrap template. Legend is multi-purpose responsive one page template built on Twitter Bootstrap.

Landing Page

Landing Page
Professional Photography by Death to the Stock Photo (free, high quality photos delivered to you every month, premium plan available for more photos)

illusion – Premium Multipurpose Bootstrap HTML Template

illusion – Premium Multipurpose Bootstrap HTML Template
Meet our new illusion premium responsive Bootstrap HTML template. It was developed according the latest technologies and can be perfectly fit for any corporate, e-commerce, business, agency, private or promotional website.

Free bootstrap coming soon template with countdwon

Free bootstrap coming soon template with countdwon
Bootstraptaste freebie today is a twitter bootstrap 3 coming soon template called ‘WeBuild’. Simple, flat and minimal design with jQuery countdown and polygonal background.

Counter – Coming Soon Page Bootstrap

Counter – Coming Soon Page Bootstrap
Counter is a simple coming soon theme. Uses Revolution Slider to showcase images at the background.  The countdown is powered by a custom Javascript. Modify that script to set the proper date.

Flatty – App Landing Page

Flatty – App Landing Page
Flatty is a flat landing page designed to show your next app, site or product. With a fresh style & minimal design, you can now show your product with style.

Flat Theme – Free Responsive Multipurpose Site Template

Flat Theme – Free Responsive Multipurpose Site Template
Flat Theme is the best free responsive site template ever. This clean yet elegant design template has been developed using Twitter Bootstrap 3 framework.This template is perfect for any business, corporate or small company site.

Dashboard Sidebar Bootstrap Template

Dashboard Sidebar Bootstrap Template
This is a template for a admin, control panel or dashboard. This template has a collapsible sidebar menu, and a table that can be used as a data grid.

Business Plate Free Business Template

Business Plate Free Business Template
This is business layout themes that offers the best navigation, custom slider on the homepage, responsive layout design and portfolio services section.

Bootstrap App Free Business Template

Bootstrap App Free Business Template
This theme comes with the portfolio layout that is best for your business website. You can also use for multi-purposes.

Boots Shop Free Ecommerce Template

Boots Shop Free Ecommerce Template
It’s the e-commerce theme for your on-line store. comes with all the features that you need to have a professional design. Shopping cart and more.

From Editor’s Desk

These are all the best free Bootstrap fremework HTML5 themes and templates. If you find this collection helpful then please share this tutorial with your favorite social networking sites. Also suggest us with helpful bootstrap resources and tutorials. Thanks for reading.

Google custom search engine is a Google’s product which is used on average many websites(small site or big) to increase user experience, provide visitors to quickly search tutorials, generate revenue associating with Google adsense, reduce bounce rate and give an smart outlook to site’s front page. It’s easy to create a simple custom search engine but it’s a bit difficult to create and manage a productive custom search engine which benefits your site in many ways.

Google custom search engine is a complete handy product which you can make a powerful search engine for your site. Exploring site’s content, promoting products through ads, showing highly targeted refinements, showing images, reducing bounce rate, providing higher user experience and making money through ads, all these things are maintained by one Google custom search engine—just you need to know how?

Till now i have discussed the benefits of a productive Google custom search engine, but now i’m going to bring you all a complete tutorial of creating a highly useful and productive Google custom search engine that values your brand. Let’s begin.

Creating Google Custom Search Engine — Primary Part

To get started with Google custom search engine first you need to create a simple custom search engine. Earlier today I posted how to create Google custom search engine, now I will demonstrate the detail guide to Google custom search engine.

Creating Google custom search engine is easy, just read this tutorial to create your own Google custom search engine.

Setting up, Editing and Managing Google Custom Search Engine — Advanced Part

You have created Google custom search engine, Well. Now Go to this page and Access to your custom search engine.

This part covers the advancement of Google custom search engine, major are Setup, Look and feel, Search features, Statistics and logs, Business etc.

Setup

The setup part of Google custom search engine consists of five important elements where one or two are optionals and except them majority are needed to setup manually. No problem I will show you everything and make it easy to understand and configure CSE setup very easily.

01. Basics

In your custom search engine basics setup page you will see Search engine name, Search engine description, Search engine keywords etc. more parameters. Where the search engine name defines normally the name you given to your search engine while creation. Search engine description defines simply the description of your search engine and keywords describe the content or subject matter of your custom search engine.

Keep Image search, Input search to Switched on

Keep other things default and hit the tab says “Make money”

02. Make Money

With Google custom search engine you can make money when users click on ads they see in your search results connected with your Google adsense account. I would surely publish another tutorial about making money with Google custom search engine up next, so please stay tuned.

03. Admin

You can give rights to access your custom search engine account by adding email address. If you want to make another user as admin then hit the Add button and input his/her email address and click on “OK”

A notification message will be sent to him/her and the has to verify the link before accessing your account.

User you have added will be able to add sites, refinements, create promotions, but won’t be able to add another user and access Make money tab. Learn more.

04. Indexing

Google custom search engine will show you the basic status of currently indexed pages. Below defined the other three terms to index URLs

Specific URLs: Where you can add specific URL of your site, one per line. Your site must be verified with Google webmaster tools. If you want to request for removal any URL then use minus value “-” before any URL such that

-http://www.mysite.com/my_expired_page.html

Google custom search engine may take long time to index your current updates or remove pages that are expired or manually removed by you. In such case Specific URLs can help to keep updated your Custom search engine.

05. Advanced

Your custom search engine consists of “Annotations” and “Context”. Annotation specify which are included or excluded in your custom search engine, and Context specifies a complete search engine from “Look and feel” to “how annotations should be used”

  • CSE Context: With CSE Cotext you can upload, download and view your CSE definition context file in XML format.
  • CSE Annotations: With CSE Annotations you can upload, download or view your CSE annotations in XML or TSV format. Learn more

Note: These threes are option setups you don’t need to take action. Anyway if you want to learn something more about Annotations and Context then access to the reference support pages mentioned above.

Your Custom search engine Setup part is almost content and hope you have understood till now, then proceed to “Look and feel”

Look and feel

Look and feel consists of four different & important options for your custom search engine. Below are demonstrated about them elaborately

01. Layout

Layout is simply the style you want your Custom search results to be appeared when a user hit the search button. There are seven more styles to show search results. Different people choose different styles but the most popular styles are Overlay, Full width, Two column, Two page and Google hosted. Read below about all the styles

Overlay: It displays the results like a popup box, normally we see after landing on any page.

Two Page: It shows the search box on one page and results on another page. You will be provided two different codes, when codes of search box will go on your site’s front or any specific page you want to show search box, and codes of search results will be embedded on any specific page you want.

First you have to create a single blank page typing URL like http://yoursite.com/search-results.html or http://yoursite.com/p/search-results.html(in Blogger)

Then click on Save & Get Code. You will see a button says “Search Results Details”, just hit that button and type your URL of search results page you create earlier. Also type a query parameter like “q” or any character you want.

Then you will be provided two codes (Search box and Search results). Search box code will go on sidebar or anywhere you want and Search results code will be embedded on HTML textare of that page you created earlier for showing search results.

Now you’re connected Google custom search engine with “Two page”

Full width: It displays both search box and search results in one column.

Two column: It displays the search box in one area and search results in another area

Compact: It displays search box and search results in compact form

Results only: Your search box will be remaining on one page and results on a single page, like as “Two page” mode

Google hosted: Your search box will be on your webpage and search results will appear on a Google hosted page. You can open the search results by “New window” or “Same window”. We strongly recommend you choosing “New window” since it will keep your page window fixed without destroying users attention over your page content.
Look and feel
Now choose the one Layout you wish and hit Save button

Image Search: There three different styles for image search. You can choose anyone and hit Save buton
Image Search
Finally hit the button says “Themes” and configure following, that is interesting setup.

Note: You can check the functions of every different layout, since there is a default Custom search box on right side of that page. After selecting any layout it changes automatically, simply type any keyword(related your site search) and hit search box. You will see the demo by search results appearing.

02. Themes

Out there seven different and colorful themes for Google custom search engine. It can be applied on search box and search results materials E.g. search title, description, url, numbering, tab, refinements, promotions etc. parameters.

By choosing any theme you will see the Live demo on right side of that page, you may check by typing any keyword and hitting the search button.
Themes
We highly recommend you to choose the theme for custom search engine that can perfect suite and blend with your website template for better user experience.

03. Customize

Customize option lets you to select different colors for search button, search results materials E.g. search title, description, url, numbering, tab, refinements, promotions etc. parameters.
Customize
We again recommend you to choose colors that suite and blend with your website theme.

Note: When customizing your search engine you will see Demo right below the setting options.

04. Thumbnails

Default setup for every custom search engine, once you hit the Image search “On” then it will be automatically setup.
Thumbnails
If you don’t want to show images with your search results then keep if “Off”

Search Features

Search features are another most important part of Google custom search engine. By defining this option correctly can boost your search results productivity more and getting higher engagement by users. Lets’ see how better you play with this option

01. Promotions

Promotions are the specific link that can be shown above search results for specific keywords. You may be aware that when you search for any results on Google typing any keyword you see something called “Ads by Google” and under this text there are several Titles, description and Links. These are the ads maintained and delivered by Google adwords. And this shows only when a user type those keywords where Adwords advertisers are bidding and competing.
Promotions
Likewise this you will create your self promotions by Google custom search engine. You can create multiple promotions defining specific keywords likewise Adwords advertisers, Interesting? Let’s see how can do it.

Enable promotions: Hit the button and switch to “On”
Enable promotions inside Autocomplete: Also hit the button and switch to “On”

Now you will see there is nothing promotion added to your Custom search engine, to add a new click on the button says “Add”

Now every box with star mark must be filled in order to complete this process. I will define everything just read below

Promotion trigger queries: Here type your targeted search strings by whom your promotional ads will appear on search results. You can triggering queries, comma seperated, max 100 queries, max 500 characters

Regular expression: Tick this box so promotional ads can be shown for mixed keywords like

Make money and Money money freelancing

Your ads will appear for both the keyword and a single keyword Make money freelancing which covers both Make money and Money money freelancing

Promotional title: Type your promotional title, max 160 characters

Promotional URL: Type promotion link e.g. http://www.example.com/promotion, max 2000 characters. It should start with http:// or https://.

Promotional description: Type promotion description, max 200 characters

Thumbnail image URL: Promotion thumbnail image URL, support GIF, JPEG, or PNG. Images will be resized to fit in a 60X60 box

Promotion start date: Select any date when your promotional ads will appear on search results

Promotion end date: Select any date when your promotional ads will close on search results

Finally hit “OK” and you’re done!
Promotions
You can lead multiple promotions.

02. Refinements

Refinements are the label or keywords which can be appeared after “All results” in search results page

To add a single refinement hit the button says “Add”, now type any refinement name, e.g., lectures, pets, dogs
Refinements
You can also enable “Facet Refinement”, If enabled, it will be considered for getting top 3 refinements to be shown in facet OneBox on results page.

03. Autocomplete

Autocomplete is just like Google instant which works when we type any keyword on Google search box.

To enable atucomplete feature with your Google custom search engine simply hit “ON” and add your autocomplete suggestion terms by hitting “Add” button
Autocomplete

04. Synonyms & Advanced

These are optional setup and don’t necessarily take action as a regular user.

Statistics and Logs

Statistics and Logs shows you how many searches are requested by users by today, week, month or year. Where blue drags show “Web search queries” and red drags show “Image search queries”
Statistics and Logs

Business

If you host certain business or organization which is recognized as exempt from taxation under section 501(c)(3) of the U.S. Internal Revenue Code. Outside of the U.S., this is available to charitable organizations as defined under country-specific regulations or requirements.

Then you may enable this feature to stop showing Google ads in your search results, or disable this feature if Google is not able to confirm your organization status.

Get Code For Custom Search Engine

Once you successfully created your custom search engine, then click on Setup and hit on “Get code” button. Then copy code and paste on your webpage.
Get code

— Help Desk

I think you have understood the whole tutorial and create a productive Google custom search engine which can enhance your site’s user experience and help users to navigate content so quickly. I think every blog should have Google custom search engine as there are lots of positiveness of this product specially reducing bounce rate of any site.

Apart this they have resource pages like Help center, Help forum, Support, Blog, Documentation etc. more resources for getting instant support. I think this tutorial has covered maximum points so you don’t need to hang over those platforms.

Google Custom Search Engine(formerly known as Google Co-op) is a most powerful scripted web search engine which was written in C++ and created by Sergey Brin alongside with Larry Page. It allows web masters and developers to feature specialized information in web searches, re-filter and categorize queries, and create customized search engines based on Google Searches. This service now currently beta tested, with bugs, enhancements and feedback from developers being recorded at “Google CSE Enhancement Page”.

This tutorial specially focused on how to create a custom search engine and install on blogspot platform although this service is available on over 50 platforms but as we’re talking with blogger so we will move on blogspot users.

Why Use Custom Search Engine?

Google Custom search engine(GCSE) is widely used and most attractive search engine which is compatible with any website, forum or blog and crawl your entire site’s pages within very faster time as like as Search Engine Google.Google released this custom search engine on October 24, 2006 when it was in beta but within the coming years GCSE was being organized with highest performance, attractive design with preferable themes(available), fastest search term deliverability across the website, also it is very easy to build for individuals and compatible with any layout. Check out more below

  1. It has zero tolerance to be trapped while loading pages to deliver output
  2. 100% customizable and user friendly
  3. It can work on all CMS based platforms(Like Joomla, WordPress, Drupal) and any HTML websites
  4. GCSE now has official Help Center, Forums, Support, Blog, Documentations,APIs & Terms of services to serve the users 100% at anytime.
  5. If you have approved Adsense account then you have the chances to make money with CSE depend upon web-search or site-search.

Build Your Own Custom Search Engine Widget

1. Go to http://google.com/cse
2. Click on Add button and a popup will appear
3. Simply add your site URL below Sites to Search 
Create Search Engine
4. Now you could see a Congratulations message
5. Simply click on Get Code next to Add it to your  site
Get Code
6. Now click on that code and it will be selected automatically

How To Embed CSE On Blogger?

  1. Go to Blogger > Layout
  2. Click on Add a Gadget 
  3. Now choose HTML/JavaScript from the popup
  4. Simply paste the copied code here and hit save button
  5. All You’re done successfully!

Add Custom Search Engine to WordPress

1. Login to your WP admin panel
2. Navigate to Appearance −> Widget
Navigate to appearance > widget
3.  Drop a Text widget on sidbar
4.  Now paste the copied code and hit save
Add custom search engine to wp sites
5. Check your site’s front page and you should see the widget in action

What To Do Next:

Once you created search engine successfully put the script on sidebar or attach it on your menubar for better placement of your blog. Read other tutorials related to Custom Search Engine as we’ve arranged a series with additional monetization with dynamic script and connection the search term into two pages. Any problem regarding this tutorial you ask me i’d answer you. Do safe blogging 🙂