After subscribing, confirm your subscription and activate your feeds and then post your Email ID in the comment form below so that I could send you the Icon Set immediately.
Saturday, 29 June 2013
Tagged under: Blogger Resources, Web Designing
Everyone likes free blogger resources like icons and buttons and they are something that are never rejected by anyone. I want to share with you my Freeware Icon Collection that contains 800+ smashing icons. I have collected these icons over the recent months from different websites and blogs. This is a web2.0 icon set and it contains almost everything that you may need, from social media icons, forum icons, blog icons till RSS icons. All these crowded in one jumbo set! You too can get a free copy of this amazing collection, just by submitting your Email ID and becoming a valuable MBT reader. Then you can benefit from tons of such resources for free.
After subscribing, confirm your subscription and activate your feeds and then post your Email ID in the comment form below so that I could send you the Icon Set immediately.
800+ Free Smashing Web2.0 Icons For Web Designing!
After subscribing, confirm your subscription and activate your feeds and then post your Email ID in the comment form below so that I could send you the Icon Set immediately.
Tuesday, 18 June 2013
Tagged under: Blogger Widgets and Plugins, Web Designing
A little time ago, we had shared a tutorial on how to enable Blogger's most awaited feature of threaded (Nested) commenting system. The method we shared only worked in official blogger templates but didn’t work in other templates created by un-official designers. More than 70% blogger blogs use un-official templates and as this feature can't be opposed by anyone therefore Mohammad Mustafa Ahmedzai of My Blogger Tricks took some time to install this feature in custom blogger templates after a lot of efforts. Let’s get to work and install this amazing feature then!
5. Replace it with the code below,
Visit your blogs and you will find a Reply link along with a delete link below each comment. Clicking the reply link will open the comment form just below that comment so that you could post a threaded reply. It will work just perfectly :)
You can edit the code above in any way you want. If you want a commenting style like the one shown in the image, then replace the above default codes with the following ones:
Make these changes:
Tip: Use our color code generator tool or color chart for making these changes
Blogger Threaded Comments For Custom Templates
A little time ago, we had shared a tutorial on how to enable Blogger's most awaited feature of threaded (Nested) commenting system. The method we shared only worked in official blogger templates but didn’t work in other templates created by un-official designers. More than 70% blogger blogs use un-official templates and as this feature can't be opposed by anyone therefore Mohammad Mustafa Ahmedzai of My Blogger Tricks took some time to install this feature in custom blogger templates after a lot of efforts. Let’s get to work and install this amazing feature then!Credits
The codes and stylesheets provided below are copyrights of My Blogger Tricks. I you wish to share any of these with your friends or readers, then please link back to this blog and My Blogger Tricks as the only favour in return.Install Threaded Comments in Custom Templates
Just follow these steps carefully,
- Go To Blogger > Template
- Backup your template
- Click Edit HTML
- Search for this code,
<b:if cond='data:blog.pageType == "item"'>
<b:include data='post' name='comments'/>
</b:if>
5. Replace it with the code below,
<b:if cond='data:blog.pageType == "static_page"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
<b:if cond='data:blog.pageType == "item"'>
<b:if cond='data:post.showThreadedComments'>
<b:include data='post' name='threaded_comments'/>
<b:else/>
<b:include data='post' name='comments'/>
</b:if>
</b:if>
6. Save your template
7. Done!
Visit your blogs and you will find a Reply link along with a delete link below each comment. Clicking the reply link will open the comment form just below that comment so that you could post a threaded reply. It will work just perfectly :)
Customizing Threaded Comments
After enabling threaded comments in blogger, the new commenting system with override your previous styles. Your template will include the following CSS code which will be automatically inserted by blogger,<b:includable id='threaded_comment_css'> <style>
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 13px;
margin-bottom: 16px;
}
.comments .comment .comment-actions a {
padding-top: 5px;
padding-right: 5px;
}
.comments .comment .comment-actions a:hover {
text-decoration: underline;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: left;
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 36px;
}
.comments .comments-content .comment {
margin-bottom:16px;
padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
margin-left:6px;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
margin:0 0 8px;
}
.comments .comments-content .comment-content {
text-align:justify;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}
.comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .continue {
cursor: pointer;
}
.comments .continue a {
display: block;
padding: 0.5em;
font-weight: bold;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAcAAAAHCAYAAA DEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKiNKJ005s4gDLbCZBiSx
fygAAAABJRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
float: left;
width: 36px;
max-height: 36px;
overflow: hidden;
}
.comments .avatar-image-container img {
width: 36px;
}
.comments .comment-block {
margin-left: 48px;
position: relative;
}
/* Responsive styles. */
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
margin-left: 0;
}
}
</style>
</b:includable>
You can edit the code above in any way you want. If you want a commenting style like the one shown in the image, then replace the above default codes with the following ones:
<b:includable id='threaded_comment_css'>
<style>
/*------------- START of Blogger Threaded Comments -------------*/
.comments {
clear: both;
margin-top: 10px;
margin-bottom: 0px;
line-height: 1em;
}
.comments .comments-content {
font-size: 12px;
margin-bottom: 16px;
font-family: Verdana;
font-weight: normal;
text-align:left;
line-height: 1.4em;
}
.comments .comment .comment-actions a {
background:#1F9EE5;
cursor:pointer;
color:#ffffff;
padding:2px 3px; margin-right:10px;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
font:9px sans-serif; border:1px solid #1F9EE5;
}
.comments .comment .comment-actions a:hover {
text-decoration: none; background:#5AB1E2; border:1px solid #5AB1E2;
}
.comments .comments-content .comment-thread ol {
list-style-type: none;
padding: 0;
text-align: none;
}
.comments .comments-content .inline-thread {
padding: 0.5em 1em;
}
.comments .comments-content .comment-thread {
margin: 8px 0px;
}
.comments .comments-content .comment-thread:empty {
display: none;
}
.comments .comments-content .comment-replies {
margin-top: 1em;
margin-left: 40px; font-size:12px; background:#EBF5FE;
}
.comments .comments-content .comment {
margin-bottom:16px;
padding-bottom:8px;
}
.comments .comments-content .comment:first-child {
padding-top:16px;
}
.comments .comments-content .comment:last-child {
border-bottom:0;
padding-bottom:0;
}
.comments .comments-content .comment-body {
position:relative;
}
.comments .comments-content .user {
font-style:normal;
font-weight:bold;
}
.comments .comments-content .icon.blog-author {
width: 18px;
height: 18px;
display: inline-block;
margin: 0 0 -4px 6px;
}
.comments .comments-content .datetime {
margin-left:6px;
}
.comments .comments-content .comment-header,
.comments .comments-content .comment-content {
margin:0 0 8px;
}
.comments .comments-content .comment-content {
text-align:none;
}
.comments .comments-content .owner-actions {
position:absolute;
right:0;
top:0;
}
.comments .comments-replybox {
border: none;
height: 250px;
width: 100%;
}
.comments .comment-replybox-single {
margin-top: 5px;
margin-left: 48px;
}
.comments .comment-replybox-thread {
margin-top: 5px;
}
.comments .comments-content .loadmore a {
display: block;
padding: 10px 16px;
text-align: center;
}
.comments .thread-toggle {
cursor: pointer;
display: inline-block;
}
.comments .continue {
cursor: pointer;
}
.comments .continue a {
display: block;
padding: 0.5em;
font-weight: bold;
}
.comments .comments-content .loadmore {
cursor: pointer;
max-height: 3em;
margin-top: 3em;
}
.comments .comments-content .loadmore.loaded {
max-height: 0px;
opacity: 0;
overflow: hidden;
}
.comments .thread-chrome.thread-collapsed {
display: none;
}
.comments .thread-toggle {
display: inline-block;
}
.comments .thread-toggle .thread-arrow {
display: inline-block;
height: 6px;
width: 7px;
overflow: visible;
margin: 0.3em;
padding-right: 4px;
}
.comments .thread-expanded .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAc AAAAHCAYAAADEUlfTAAAAG0lEQVR42mNgwAfKy8v/48I4FeA0AacVDFQBAP9wJkE/KhUMAAAAAElFTkSuQmCC") no-repeat scroll 0 0 transparent;
}
.comments .thread-collapsed .thread-arrow {
background: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAA AcAAAAHCAYAAADEUlfTAAAAJUlEQVR42mNgAILy8vL/DLgASBKnApgkVgXIkhgKi
NKJ005s4gDLbCZBiSxfygAAAAB JRU5ErkJggg==") no-repeat scroll 0 0 transparent;
}
.comments .avatar-image-container {
float: left;
width: 36px;
max-height: 36px;
overflow: hidden;
}
.comments .avatar-image-container img {
width: 36px;
}
.comments .comment-block {
margin-left: 48px;
position: relative;
}
/* Responsive styles. */
@media screen and (max-device-width: 480px) {
.comments .comments-content .comment-replies {
margin-left: 0;
}
}
/*------------- End of Blogger Threaded Comments -------------*/
</style>
</b:includable>
Make these changes:
Tip: Use our color code generator tool or color chart for making these changes
- Change the background of Reply button in Active mode by editing 1F9EE5
- Change the background of Reply button in Mouse Hover mode by editing 5AB1E2
- Change the Font color of the Reply text by editing ffffff
- Change the background color of the Reply comments container by editing EBF5FE
Need Help?
If you need any kind of technical help from us, then you are most welcomed. This tutorial and is very easy to understand and has to work on every template. Stay tuned for more amazing widgets and plugins. Peace and blessings pals. :)Wednesday, 5 June 2013
Tagged under: Make Money Online
As a student, your options for working can be pretty slim. If you can’t find a job, then you have to fight for one. For a cash-strapped and busy student, that means finding money, putting in applications, and waiting for the interview. If you do get the job, you have to fit into your school schedule, which any student will tell you is a job in itself. Just like everyone else, though, students need cash. Where’s a student with limited time and even limited financial means going to find the cash they need?
The answer might be right under your nose or rather under your fingertips. Most students use their computer for social media and research, but few understand the power of the computer as a potential source of income. Technology has opened up several legitimate job options that students can profit from with relatively little or no work experience. As an added plus, these jobs are designed to fit your schedule; not the other way around. These jobs are also easy to apply to. In fact, some jobs can be started within the next 5 minutes. All you have to do is know where to find them.
To give you a head start, here are some of the easiest online jobs that are available right now:
Some Real Survey Taking Websites
Links to freelance writing jobs
Companies that hire user tests
Links to companies that hire work at home customer service representatives
Companies that list virtual assistant job postings or hire virtual assistants
You have to demonstrate your skills in order to get the job. Use your own social media statistics as proof or you can detail the work you have done for others. Social media analytics are key component in the hiring process. Have you helped promote a message for a business or for a non-profit? Detail the results. Do you have a large social media following? Detail what you did to get that following.
Links to places that list social media assistant jobs
Develop a portfolio of items showcasing your creativity in a lot of different ways! If you are working for this first time, use material from earlier projects or develop on spec (meaning develop a sample on your own.)
Links to job postings for freelance/Designers
Avoid the ads you see for online tutoring jobs at incredibly high amounts and steer toward those established tutoring companies like Tutor.com and ConnectionsAcademy.com and online programs established by state education boards. If you don’t have experience as a tutor yet, you are not out of luck. You can create and sell your own tutorials through Tutorial Tub. You can also answer homework questions at Students of Fortune or StudentQuestions.com.
Companies that hire online tutors without any Degree
Links to companies that hire online translators
Companies that list web designer job postings
Guest post by Angie Picardo. Angie Picardo is a staff writer for NerdWallet. Her mission is to help consumers stay financially savvy, and save some money with the best 1 year CD rates.
Top Ten Easiest Ways for Student to Make Money Online
As a student, your options for working can be pretty slim. If you can’t find a job, then you have to fight for one. For a cash-strapped and busy student, that means finding money, putting in applications, and waiting for the interview. If you do get the job, you have to fit into your school schedule, which any student will tell you is a job in itself. Just like everyone else, though, students need cash. Where’s a student with limited time and even limited financial means going to find the cash they need?The answer might be right under your nose or rather under your fingertips. Most students use their computer for social media and research, but few understand the power of the computer as a potential source of income. Technology has opened up several legitimate job options that students can profit from with relatively little or no work experience. As an added plus, these jobs are designed to fit your schedule; not the other way around. These jobs are also easy to apply to. In fact, some jobs can be started within the next 5 minutes. All you have to do is know where to find them.
To give you a head start, here are some of the easiest online jobs that are available right now:
1. Survey Taker
Whether you are taking or creating one, just about every student is familiar with surveys. Why not get paid for your participation? To be sure, there are plenty of scam options (as there with any online job), but there are legitimate options out there. Completing surveys won’t make you rich, but it can put a little more coin in your wallet or purse. Skip the urge to hop on Google and search for “survey jobs”. Instead, look for websites and bloggers who do reviews of survey and work-at-home opportunities. Avoid those surveys that require a fee or require detailed personal information within the survey.- Real Ways to Earn Money Online: http://realwaystoearnmoneyonline.com/
- Work at Home: http://www.wahadventures.com/
- Amazon Mturk: http://www.mturk.com (Pays after you reach $10 or in Amazon Gift cards)
- Paid Viewpoint: http://www.paidviewpoint.com (Only pays when $15 is reached)
- Tellwut: http://www.tellwut.com (Pays in Amazon Gift cards)
- PineCone Research: https://www.pineconeresearch.com/Signup/Signup_Form.aspx
($3.00 per survey) - PollBuzzer: http://www.pollbuzzer.com/
2. Freelance Writer
There are literally thousands of companies that need content for their websites. The Internet is 24/7 and content needs are ever increasing, so there is a constant need for people to provide content of all types. Writers (especially those who know a little SEO) should have no problem finding wiling clients for their work. Before you get started with providing content, honestly assess your writing skills. Look over your assignments in the past years and identify what you are passionate about. If you determine you might be a decent writer, write a couple of samples or choose a sample of your previous writing for a writing portfolio. You will need these files for your application. There is content on just about every subject, so try the below links and you don’t find one that matches, check around on the Internet.Links to freelance writing jobs
- Textbroker: http://www.textbroker.com
- Content Blvd: http://www.contentblvd.com
- Blogmutt: http://www.blogmutt.com
- Writerbay: http://www.writerbay.com
- Listverse: http://www.listverse.com ($50 per accepted list)
- PickyDomains: http://www.pickydomains.com (Pay varies) Get paid for thinking of domain names
3. User Tester
Companies need beta testers (people who test software before it is released) and user testers (people who serve as the consumer’s voice) to provide opinions and test their software out. This isn’t steady work, but it can provide a few bucks here and there along with some practice if you are a Computer Science or IT major. The more skills you have on the computer obviously the more tests you will be able to. If you have an iPhone, app testing is another option you might want to consider.Companies that hire user tests
- Enrol app: http://www.enrolapp.com
- What Users Do: http://www.whatusersdo.com
- uTest: http://www.utest.com
- Usertesting: http://www.usertesting.com
- Review for Dev: http://www.reviewfordev.com/im_a_reviewer.php (iPhone apps)
- Zappidy: http://www.zapiddy.com/ (iPhone apps)
4. Work at Home Customer Service Agent
Have customer service skills, but don’t have time or patience to work in a call center? Bring the job to you. To save expenses, many customer service companies are allowing employees to work remotely. All you need is a dedicated phone line, wired Internet connection and a couple of hoursLinks to companies that hire work at home customer service representatives
- American Express: http://jobs.americanexpress.com/key/American-Express-at-home-agent-jobs.html
- Apple: http://www.apple.com/jobs/us/aha.html
- U-haul: http://jobs.uhaul.com/contact_center.aspx?jobtype=workfromhome
- West at Home: http://www.apply.westathome.com/index.html
5. Work at Home Virtual Assistant
Individuals and companies often need assistants to manage their administrative duties either for a specific project or on a regular basis. A cost-effective way for them to do this is through contracting virtual assistants. If you have administrative experience (either paid or volunteer), access to Microsoft Office tools, and an incredible gift of organization, this might be a good option. Document your successes and achievements to make a competitive portfolio.Companies that list virtual assistant job postings or hire virtual assistants
- oDesk: http://www.odesk.com
- Elance: http://www.elance.com
- Guru: http://www.guru.com
- Fancy Hands: http://www.fancyhands.com/job/apply/2012/03/31
6. Social Media Assistant/Coordinator/
Just about every business is either on social media or thinking about going on social media. Many business owners don’t have the time or expertise to use social media, so they often outsource some or all of their duties associated with it. If you have skill managing social media accounts and developing a presence on social media, serving as a social media assistant or account manager is definitely a career option to consider.You have to demonstrate your skills in order to get the job. Use your own social media statistics as proof or you can detail the work you have done for others. Social media analytics are key component in the hiring process. Have you helped promote a message for a business or for a non-profit? Detail the results. Do you have a large social media following? Detail what you did to get that following.
Links to places that list social media assistant jobs
- oDesk: http://www.odesk.com
- Elance: http://www.elance.com
- Guru: http://www.guru.com
- Freelancer: http://www.freelancer.com
- Indeed.com: http://www.indeed.com (Just search for “Social Media”)
- Mashable: http://jobs.mashable.com/a/all-jobs/list
7. Graphic Designer
Just as there are thousands of companies out there that need content, there are equally the same number who need graphical content for their websites including logos, banners ads, etc. If you have the skill and the software, then this can be a great opportunity to display your artistic talents and get some money.Develop a portfolio of items showcasing your creativity in a lot of different ways! If you are working for this first time, use material from earlier projects or develop on spec (meaning develop a sample on your own.)
Links to job postings for freelance/Designers
- Freelancer: http://www.freelancer.com
- Design Crowd: http://www.designcrowd.com
- Behance: http://www.behance.net/joblist
- Coroflot: http://www.coroflot.com/jobs#state=0
- Freelance Switch: http://jobs.freelanceswitch.com/categories/1
- Krop.com: http://www.krop.com/#!/
- Smashing Magazine: http://jobs.smashingmagazine.com/all/design
8. Tutor
Where there is education, there will be students. Where there are students, there will be a need for tutors of all types. If you have the time and academic experience, there a couple tutoring jobs out there. Most companies, but not all, require a minimum of a Bachelor’s degree for consideration.Avoid the ads you see for online tutoring jobs at incredibly high amounts and steer toward those established tutoring companies like Tutor.com and ConnectionsAcademy.com and online programs established by state education boards. If you don’t have experience as a tutor yet, you are not out of luck. You can create and sell your own tutorials through Tutorial Tub. You can also answer homework questions at Students of Fortune or StudentQuestions.com.
Companies that hire online tutors without any Degree
- Tutor.com: http://www.tutor.com/apply/tutoring-faq
- Edufire.com: http://edufire.com/why_teach
- Class of 1: http://classof1.com/careers/tutoring
- Connections Academy: http://www.connectionsacademy.com/careers/home.aspx (Various positions)
- SmartThinking: https://careers-smarthinking.icims.com/jobs/intro
9. Translator
One of the top skills (both online and offline) is the ability to communicate in more than one language. A person with bilingual experience has many options to choose from. For example, they can go into customer service, tutoring, translation (either written or oral), or sales depending on their interest and time availability. The jobs mentioned below focus on translation jobs, although the potential opportunity for bilingual jobs exists in almost every category on this list. But surely prepare to take an online test before getting started.Links to companies that hire online translators
- My Gengo: http://www.gengo.com
- Avant Pages: http://www.avantpage.com/why-choose-avantpage-translations/avantpage-language-employment-translator-employment-language-professional-employment/
- Lingo 24: http://www.lingo24.com/new_translators.html (Requires certification from a certifying organization)
- Keylingo: http://www.keylingo.com/keylingo/careers-in-language-translation.html
- Tomedes: http://www.tomedes.com/user/provider/createaccount
- Language Line: http://www.languageline.com/company/careers/interpreter-careers/
- Kuku Speak: http://www.kukuspeak.com/online-esl-jobs/form.html (ESL Tutoring Services)
- Translators Town: http://www.translatorstown.com/translation-jobs
- Proz: http://www.proz.com/job
10. Website Designer
Last, but not least is the website designer, because how else would a company promote their services and product online? If you are skilled in HTML and can make web pages in your sleep, this is definitely an avenue for you to get some extra money. And also document your successes and achievements to make a competitive portfolio.Companies that list web designer job postings
- oDesk: http://www.odesk.com
- Elance: http://www.elance.com
- Guru: http://www.guru.com
- 37 Signals: http://jobs.37signals.com/jobs
About Guest Author:
Guest post by Angie Picardo. Angie Picardo is a staff writer for NerdWallet. Her mission is to help consumers stay financially savvy, and save some money with the best 1 year CD rates.Wednesday, 29 May 2013
Tagged under: Blogger Widgets and Plugins, Make Money Online
In our previous posts, we discussed in detail the importance of Google custom search engine regarding your blog's page views and deep indexing in Google. We also learned to connect two pages and use the search engine professionally. Now its the time to further increase your Google Adsense revenue and start monetizing from your search engine. After enabling Adsense Ads in your search engine, when a reader will search for a query, this search engine will display ads above the search results.
When the ads are viewed or clicked by any of the users, will increase your PPC (Pay Per Click) rate and Page Impressions thus increasing your earnings. So now without wasting even a single minute, lets associate your Google Custom Search Engine with your AdSense account.

3. Then click the Make money tab at the top,

4. On the next page that appears, click the button where it says "I have an AdSense account" and then just fill out the form with your Email, Zip or Postal code and the last 5 digits of the phone number that you submitted while creating an account with Adsense.

5. Hit the Submit button and you're done!
6. Finally log into your Adsense Account and click the link that may appear at the top of your dashboard asking for permission to allow the Custom Search Engine to access your Ads. Click it and enjoy new earnings. Cheers :)
Integrate AdSense In Google Custom Search Engine!
In our previous posts, we discussed in detail the importance of Google custom search engine regarding your blog's page views and deep indexing in Google. We also learned to connect two pages and use the search engine professionally. Now its the time to further increase your Google Adsense revenue and start monetizing from your search engine. After enabling Adsense Ads in your search engine, when a reader will search for a query, this search engine will display ads above the search results.When the ads are viewed or clicked by any of the users, will increase your PPC (Pay Per Click) rate and Page Impressions thus increasing your earnings. So now without wasting even a single minute, lets associate your Google Custom Search Engine with your AdSense account.
Google Custom Search Engine Series
Note: Follow this part only to create the box, stop where it tells you how to add it to blogger. Learn how to connect two pages to use it in next tutorial.
Part3: How To Make Money With Google Search Box?
How to Display Ads in Google Custom Search Engine?
Just follow the simple steps below,- First go to Google CSE Homepage
- Click the name of your search engine. In my case it is My Blogging Tricks as shown below,

3. Then click the Make money tab at the top,

4. On the next page that appears, click the button where it says "I have an AdSense account" and then just fill out the form with your Email, Zip or Postal code and the last 5 digits of the phone number that you submitted while creating an account with Adsense.

5. Hit the Submit button and you're done!
6. Finally log into your Adsense Account and click the link that may appear at the top of your dashboard asking for permission to allow the Custom Search Engine to access your Ads. Click it and enjoy new earnings. Cheers :)
Saturday, 25 May 2013
Tagged under: Blogger Resources, Blogger Widgets and Plugins

You would have seen that we have a whole new page where the search results appear just to provide a our users with a lot more flexibility. You may have noticed that when the Search Results page loads, everything on the sidebar including the search box disappears and instead you then see a search box inside the top of the page. You can also create a search box like this by connecting two pages. Just follow this easy tutorial.
Note: Before you start, you must create a custom search engine. Read the detailed tutorial published on it:
Note: Follow this part only to create the box, stop where it tells you how to add it to blogger. We will learn how to add it by connecting two pages in today's tutorial.
8. Now click on the button which says Search Results Details and paste in the first box the URL of the SEARCH RESULTS page. See the screenshot below for our page,

In the second box where you are told to specify query parameter embedded in the URL of search results, you can use the default one i.e, "q" or you can replace it with any other name or your blog's short name.
9. After filling both the boxes, click "Save"
10. You will see a big box containing a code for the search box. Go to Blogger > Layout > Add a Gadget and then choose HTML/JavaScript. Paste it inside the widget and drag it to the top-right position of your blog's layout as shown below,

11. Now click on "Next: Get code for search results". Copy the code from the box that appears and got to your SEARCH RESULTS page inside blogger and paste this code inside the HTML editor section as shown below,

12. Simply hit the Update button and you are all done!
Now go to your blogs and play with that million dollars worth search engine on the right of your blog to see how search results appear :)
How To Connect Two Pages To Use Google Search Box?

The best way to provide easy navigation to your visitors is the Google Custom search engine for blogs and websites. The best advantage of this search box is that it helps Google index pages of your blog easily and quickly into its database. The reason behind this is that all those pages searched and saved by this search box are automatically indexed and added to Google by robots. This search engine was recently introduced and it became so popular that posting on it became a must. This search box exactly looks like Google's official search box. You can see it towards to top right corner of our site. If you insert a query inside the box and hit enter you will land on a different page where results are displayed.
You would have seen that we have a whole new page where the search results appear just to provide a our users with a lot more flexibility. You may have noticed that when the Search Results page loads, everything on the sidebar including the search box disappears and instead you then see a search box inside the top of the page. You can also create a search box like this by connecting two pages. Just follow this easy tutorial.
Note: Before you start, you must create a custom search engine. Read the detailed tutorial published on it:
Google Custom Search Engine Series
Note: Follow this part only to create the box, stop where it tells you how to add it to blogger. We will learn how to add it by connecting two pages in today's tutorial.
Part2: How To Connect Two Pages To Use the Google Search Box?
Part3: How To Make Money With Google Search Box?
Choosing the style
We suppose that you have read Part1 of this tutorial mentioned above and you are ready to connect two pages to use the search engine you just created.- Go To http://www.google.com/cse/manage/all
- Choose the search engine that you would like to edit.
- From the left menu choose "Look and Feel"
- For layout choose "Two Page"
- Now click Save & Get Code
- Now don't close that tab and open a new tab and follow these instructions,
- Go to Blogger.
- Click Pages from the list menu.
- Create a new page and give it the title "SEARCH RESULTS"
- Leave it blank and click Publish.
- Now visit this page and copy its URL.
- Done!
8. Now click on the button which says Search Results Details and paste in the first box the URL of the SEARCH RESULTS page. See the screenshot below for our page,

In the second box where you are told to specify query parameter embedded in the URL of search results, you can use the default one i.e, "q" or you can replace it with any other name or your blog's short name.
9. After filling both the boxes, click "Save"
10. You will see a big box containing a code for the search box. Go to Blogger > Layout > Add a Gadget and then choose HTML/JavaScript. Paste it inside the widget and drag it to the top-right position of your blog's layout as shown below,

11. Now click on "Next: Get code for search results". Copy the code from the box that appears and got to your SEARCH RESULTS page inside blogger and paste this code inside the HTML editor section as shown below,

12. Simply hit the Update button and you are all done!
Now go to your blogs and play with that million dollars worth search engine on the right of your blog to see how search results appear :)
Hide the Search Box and Social Networking Buttons
If you want to hide all the buttons, widgets, ads below title or the sidebar then you may like our detailed tutorial on controlling widget display in blogger:
Need Help?
This post may look a little hard to implement but actually its not. But still if any of you guys need help with this tutorial then let us know. Tell us if you need any more information regarding the Custom Google Search Engine. Peace and blessings pals :)
Thursday, 25 April 2013
Tagged under: Blogger Resources, Blogger Widgets and Plugins
When it comes to indexing pages on The Web or just a website, no one or nothing can beat Google's mighty system of crawling and indexing pages on The Web. Most Blogger Templates have custom search boxes in them, which are quite incapable of delivering the most appropriate results. These search boxes are just limited to their ability of searching matching words of your blog. Fortunately, Google has also found the best solution to this problem. Google has created Google Custom Search Engines (CSE) that is awfully efficient in delivering the most relevant search results to the visitor. This increases the number of impressions and page views because your readers are kept busy in reading more and more. And the amazing thing is that you can add your AdSense Ads to your Google Custom Search Engine, which will increases your revenue for every click made on the search results. You can see a live demo of this search box on the sidebar of this blog. So let’s create and install a beautiful Google Search box for your blog.
Note: Follow this part only to create the box, stop where it tells you how to add it to blogger. We will learn how to add it by connecting two pages in today's tutorial.
How To Create Custom Google Search Engine?
When it comes to indexing pages on The Web or just a website, no one or nothing can beat Google's mighty system of crawling and indexing pages on The Web. Most Blogger Templates have custom search boxes in them, which are quite incapable of delivering the most appropriate results. These search boxes are just limited to their ability of searching matching words of your blog. Fortunately, Google has also found the best solution to this problem. Google has created Google Custom Search Engines (CSE) that is awfully efficient in delivering the most relevant search results to the visitor. This increases the number of impressions and page views because your readers are kept busy in reading more and more. And the amazing thing is that you can add your AdSense Ads to your Google Custom Search Engine, which will increases your revenue for every click made on the search results. You can see a live demo of this search box on the sidebar of this blog. So let’s create and install a beautiful Google Search box for your blog. Google Custom Search Engine Series
Part1: How To Create Custom Google Search Engine?
Note: Follow this part only to create the box, stop where it tells you how to add it to blogger. We will learn how to add it by connecting two pages in today's tutorial.
How To Create a Custom Google Search Engine?
- Go To Google CSE
- Hit the Add button
- Write in your full website URL
- On the left, click on Look and Feel
- From all the layouts select Full Width
- Finally hit "Save & get Code" button and wait for the next part of our tutorial.
Add Google Custom Search Engine To Blog
- Go To Blogger > Layout
- Choose HTML/ JavaScript
- Paste your Search Engine Code in it.
- Save and you are done!
- View your blog to see it working just fine
Friday, 19 April 2013
Tagged under: Google
If you're a college or university student and are eager to look new opportunities, then Google has got something that you would really like. I mean who wouldn't like to be a Google representative for their college? There's the swag of working under Google's name! For people who want to, Google has a program for them called Google Student Ambassador Program that will surely offer the students many new opportunities, allowing them to groom their skills.
Become a Google Student Ambassador for your College today!
What will you get?
Under Google Student Ambassador Program, the student will get the chance of enhancing his skills of communication, leadership and personal development. And not only that, the student will get a certificate from Google, and also an entry in his resume for being a Google Student Ambassador! This would really prove invaluable when he'll be looking for a job out there.
Google Student Ambassadors will get an opportunity to learn more about Google programs and products. They will be updated with everything currently on at Google.
What these Ambassadors will do for Google is to help better understand university cultures. They will be responsible for hosting fun events on their campus, and the students will serve as campus contacts for Google teams. This way, these student ambassadors will get an opportunity to know people at Google, get advice, and much more. Connections with Google like these can prove to be very invaluable.
Who can apply?
The applicants can be from any major. There is only one requirement i.e, you need to be social, and should be ready to take social responsibilities. Applicants should also be involved in their college communities. And that they should be passionate about technology, because otherwise, what's even the point?
How to apply?
To apply, you have to fill this registration form. But along this form, you need to have the following:
- Recommendation letters from 1-2 lecturers, professors, or former Google Ambassadors.
- Certified proof of enrollment in your university for the year 2013.
- A short video of at most 1-minute length about yourself.
- Make all of this original and unique.
Grab this opportunity and hurry up before the registration expires! The length of this program will be just one academic year, but the things you will get and learn will stay with you forever. This is a one-in-a-lifetime opportunity for all of you, and I guess you wouldn't want to miss it! Good luck :)
Subscribe to:
Posts (Atom)