Custom Search Engine For Bloggers Search Engine

Creating Custom search Engine is neither hard nor easy but while creating custom search engine
you will need concentration , Dosh Dosh have mention on how to create custom search engine(CSE) for wordpress user , his tutorial will not give to much help in creating CSE for bloggers . :)
Why to Use Google’s Custom Search for Bloggers ;)

Google Custom Search Engine is a tool which allows visitors to search your website by using Google’s core search technology. This enables you to list search results according to the sites and pages you specify. According to Google, the Custom Search Engine also allows you to:

* Apply your Website’s look and feel to the search results page.
* Provide search refinements within results pages to make it easier for searchers to find the information they’re looking for.
* Make money from your Custom Search Engine by participating in Google’s AdSense program.

There are two main ways for visitors to experience your Custom Search Engine. One way is to direct them to a Google-hosted results page when they type in a search query and the second way is to integrate it by hosting the search results on a page within your website. :)
How to Set up Google’s Custom Search for Bloggers ;)

In order to create blogger based custom search engine you need to Login to Google Custom search with yours google account , you dont need to create seperate account , for that ,but if you want then you can create it.

* Go to Google CSE homepage and click [Create a Custom Search Engine] button.

* Fill all Fields according to your Google CSE basic information. Here you can give a name for your Google CSE. If you want that search will be done only in yours blogs then tick Mark [Only sites I select] option,:-D

* If you want to put some more website to include in yours search engine then specify a list of web sites url to search. ( i want to search only with one sites so i put one sites) :) Now enter your blog URL with slash and apteryx (/*) behind it. Click on [Tips on formatting URLs] to find out reason of using this format . Otherwise just type your blog url there ,as shown in below image. :-|

* Hiting [Next] button will redirect you to next page, there just clicked [Finish] button. and you are done with creating Custom Search Engine (CSE),Now only left with placing of codes in yours Blogger websites. :D

* Finish Click will Redirect you to Custom search Hompage from there click on Control Panel. :P

* After reaching Control panel click on Code Tag , and Click on option On a Google-hosted page ;) to display result in Google Hosted page ,if you want to display result in yours blogspot page then it is possible but it will take time to display results ,so better use Google-hosted page.


* Now copy the code and paste anywhere where you want the search engine to appear.
* You can also change the appearance of Search Engineaccording to yours blog design through Look and Feel Tag
* If you want to make money through Custom search engine then look for Make money Tag for details .

I hope this information is enough for blogger to create a custom search engine for there website.For any queryies or for details on Custom search Engine you are free to use Comment Section.

Read more


How To Put Smiley Icon In Blogger

Adding Expression through smiley icon In Blogger Is really great, many user want to add this features but they fail in adding this features ,But putting this features is really easy and great you can use all smile that we use in yahoo messenger

. You donot need to copy smiley icon url after putting this hack Just For Example - If you type this code :) it will automatically change to this image , this code :p will be like this and etc..Just Follow Below Steps to have smiley Icon in yours blog.

  1. Login to blogger then chose “Layout –> Edit HTML”
  2. Find this code ]]>, if you found it then put the below code under it.

Read more


Creating Thumbnail Pictures In bloggers headers or in sidebar make yours blogs more impressive and User friendly as image defines yours blog content more then the text content,another advantage of this hack is picture created in thumbnail are of fixed size and length which give a professonel look to yours blogs and most important use of it is i will help you in creating Image Header of yours Blogs,
so to create thumbnail pictures in yours blogger webpage Go to>>>Template>>>Add Elements>>> Select sidebar’s Add Page Elements. Select Link List option at top right corner.

Now Add yours favourite pictures Url in Linklist which you want to add into yours blogger webpage .
Now after doing this Go to Template>>>Edit HTML>>> Tick Mark Expand Widget Template check box. Then look for the LinkList1 widget. It should be in front of all the other widgets, and right after the CSS portion of the code.And paste below code in place of Linklist as seen in image below .


>! Click Here to Get the Java code


After following all above steps and before Saving yours template i recommend you to check yours template once in preview to see whether this hack is working properly or not ,if it is working then ok and if you are facing some problems then fell free to post yours problems through comments. :)

Read more


Remove Post (Atom) Link From Blogger

There are many bloggers who are using Dotcom with blogger account and they want to give there blogs a pure professonel look ,so that no one can catch that he/she is operating under blogger.com , for this they are implementing many hacks to change there template look ,and the below mention hack is also one among them in which you can remove Post(atom) Link from Hompage Footer without disabling yours feed, there are two Methods to perform this hack

Method One- Go to Settings >>>Site Feed >>> Click Advanced Mode >>> And Convert Blog post Feed from Full to None doing this will remove Post (atom)Link From Footer you can also remove Comment (atom) Link in the same way ,But one disadvantage of that is you readers will not recieve any updates if you convert Blog post Feed from Full to None,if you dont care about yours readers then you can use this Method but if you cares about yours readers and also want to remove Post(Atom)Link then you can use Second method :)

Method Two - If you use this method then you have to do this through template Html though it is a bit hard but i know you can do it :) Use Ctrl+F To Find Codes in Html

1. Go to Dashboard>> Template>>Edit HTML
2. Click the ‘Expand Widgets Templates‘ box
3. Find:






4. Remove:

That should remove Posts (Atom).

Read more


How to Put Related blog to your Post in Blogger.com

Putting “Related post“on blogger account is really Great Blogger tricks,some of blogger thinks that only wordpress user have rights to put realated post ,its wrong now blogger can too put related blog post in there blogger webpage ,Related article displayed in blogger account is based on label putted by you while blogginng ,Means it works on label basis ,so dont use different labels all the time ,select labels according to blogcontent .

Steps To Add Related Blog in blogger webpage

1. To do this, Login into your blogger account. Usually you will bring to Dashboard after login.
2. Choose your blog and click “Layout
3. Click “Edit Html” subtab og the “Template” tab
4. Before adding “Related post“feature, please backup you template by clicking Download Full Template and save your template. You can use it if you get error when make modification of your template.(optional)
5. Check “Expand Widgets” checkbox at at the top of the Edit Template text box. This expands the Blog Posts Widget Code within which is the comments code.

6. Scroll down the template and find below code in template

7. Copy and Paste The “Related post code”Just After above code

!" class="wp-smiley"> Click Here To Get “Related post Code” (In .txt file)


8.Check below image to check where to embed related post code in Blogger html


9. Click Save Changes And You Are Done :)

Read more


Show Blog First Letter In Different Size and Font

Want to show yours blog post Look like Magazine , Or want to Show yours blog post first Letter In different font and style, or want to show yours blogs in Dropcaps like in a fancy magazine as what you see, in this post and in below image . I saw instructions for this trick at Mandarin Design and I wanted to share this beauty with you all.This is a amazing trick and leave a very nice impression on readers towards yours blogs. :) -tags, with a class named “dropcaps”. In your CSS-definitions, you can set this first letter to Very Big, and in a different color. Most Important things of this is that this hack can be used by any blogger , Does’nt matter whether he/she is from blogspot or wordpress or anyother service provider. :)

How to Used this hack in Yours Blogs>>>To Use this Hack in yours post just copy the below code and paste in your Css Style sheet any where, If you are confused about the Css location you can read basic of blogger Hacks :) .dropcaps {
float:left;
color: $headerBgColor;
font-size:100px;
line-height:80px;
padding-top:1px;
padding-right:5px;
}

After doing all the above steps one thing you have to do is to put below code in every Post in which you want yours first letter to appear big .
 Post First Letter Goes Here

The result is very Interesting :) a large capital that stretches over 5 lines.Hope you Enjoy !! This Trick and leave yours response about this Posts. :)

Read more