How To Enshroud Blogger Sidebar To Display Adsense For Search Results
Tuesday, May 5, 2020
Edit
When visitors are searching for content on your blog, y'all possess got 3 options to display the search results: opening the results inwards the same window, inwards a novel window or within your ain site using an iframe.
The best choice would be, however, to display the search results within your ain site/blog, mainly because y'all are non sending people off your weblog when they are taken to a novel page of search results which could last confusing for many because it doesn't hold off anything similar your site or Google. Therefore, displaying the search results within your site, could larn far hold off much to a greater extent than professional person as well as may too growth the page views as well as the revenue from the ads on the search page.
H5N1 occupation that many bloggers are facing is that the page which displays the AdSense for search results must last at to the lowest degree of 800 px wide, hence the posting expanse must last of minimum 800px as well as there's nada similar this inwards nearly of the blogs.
So, what nosotros volition practice inwards this tutorial is to fix the search results to last displayed inwards a static page (none of other posts or pages volition last affected) inwards which we'll withdraw the sidebar hence that we'll possess got plenty infinite to brand the post/page department of 800px wide. Moreover, nosotros volition create a static page designed alone for the search results, hence practice a novel AdSense for search inwards our AdSense concern human relationship as well as in conclusion add together a pocket-size snippet of code transcend inwards your Blogger template to cover the sidebar inwards that specific page.
Search results bridge the width of the page amongst the sidebar hidden:
Display AdSense For Search Results Within Blogger Page
Step 1. Create a novel static page on your blog, y'all tin hand it the championship 'Search Results' but larn out the content department empty as well as hence Publish the page.
Step 2. When y'all let out the page y'all possess got the choice to add together the page to a menu, select the 3rd choice 'No Gadget Link To Pages Manually' click 'Save as well as Publish'. In representative this covert doesn't show, correct click on View Page as well as select Copy Link Address. We volition postulate this URL of the page after when nosotros volition practice the AdSense for search.
Step 3. Go To Your AdSense account, hence larn to My ads tab, select the Search choice as well as Create a New custom search engine. Follow the steps until y'all come upwards to the Search results option.
Step 4. Select the 3rd method "on my website using an iframe", hence Enter the URL of the page y'all created into the URL plain as well as continue.
Step 5. Follow the residue of the fix procedure as well as at the destination y'all volition last given ii pieces of code. The showtime slice of code is for the actual search bar which y'all tin glue into a Html/JavaScript gadget on your sidebar or wherever y'all desire it. The minute slice of code y'all postulate to re-create as well as glue it into a novel HTML/JavaScript gadget, click on Save, hence drag it higher upwards the Blog Posts expanse
Now that y'all possess got your page fix amongst the search results code as well as your search bar code inwards your sidebar, it is fourth dimension to add together a snippet of code to your template to withdraw the sidebar.
Adding The Code In Blogger To Change the Results Page Layout
Step 1. From Your Blogger Dashboard, larn to Template as well as click on the Edit HTML button
Step 2. Click anywhere within the code expanse as well as press the CTRL + F keys to opened upwards the Blogger' search box
Step 3. Find (CTRL + F) the next slice of code
Note: Replace PAGE-URL-HERE amongst the url of the page where the search results volition last displayed (the 1 y'all possess got added at the step 4)
Step 5. Now Save Template as well as you're done!
This uncomplicated fob allows y'all non alone to cover the sidebar inwards the search results page, y'all tin every bit well, cover it on whatever page y'all want... but practice your page as well as follow the same steps. It is too recommended to cover the sidebar inwards Privacy Policy Pages, Contact Pages as well as on all the non-content-based pages amongst petty content or no content at all.
The best choice would be, however, to display the search results within your ain site/blog, mainly because y'all are non sending people off your weblog when they are taken to a novel page of search results which could last confusing for many because it doesn't hold off anything similar your site or Google. Therefore, displaying the search results within your site, could larn far hold off much to a greater extent than professional person as well as may too growth the page views as well as the revenue from the ads on the search page.
H5N1 occupation that many bloggers are facing is that the page which displays the AdSense for search results must last at to the lowest degree of 800 px wide, hence the posting expanse must last of minimum 800px as well as there's nada similar this inwards nearly of the blogs.
So, what nosotros volition practice inwards this tutorial is to fix the search results to last displayed inwards a static page (none of other posts or pages volition last affected) inwards which we'll withdraw the sidebar hence that we'll possess got plenty infinite to brand the post/page department of 800px wide. Moreover, nosotros volition create a static page designed alone for the search results, hence practice a novel AdSense for search inwards our AdSense concern human relationship as well as in conclusion add together a pocket-size snippet of code transcend inwards your Blogger template to cover the sidebar inwards that specific page.
Search results bridge the width of the page amongst the sidebar hidden:
Display AdSense For Search Results Within Blogger Page
Step 1. Create a novel static page on your blog, y'all tin hand it the championship 'Search Results' but larn out the content department empty as well as hence Publish the page.
Step 2. When y'all let out the page y'all possess got the choice to add together the page to a menu, select the 3rd choice 'No Gadget Link To Pages Manually' click 'Save as well as Publish'. In representative this covert doesn't show, correct click on View Page as well as select Copy Link Address. We volition postulate this URL of the page after when nosotros volition practice the AdSense for search.
Step 3. Go To Your AdSense account, hence larn to My ads tab, select the Search choice as well as Create a New custom search engine. Follow the steps until y'all come upwards to the Search results option.
Step 4. Select the 3rd method "on my website using an iframe", hence Enter the URL of the page y'all created into the URL plain as well as continue.
Now that y'all possess got your page fix amongst the search results code as well as your search bar code inwards your sidebar, it is fourth dimension to add together a snippet of code to your template to withdraw the sidebar.
Adding The Code In Blogger To Change the Results Page Layout
Step 1. From Your Blogger Dashboard, larn to Template as well as click on the Edit HTML button
Step 2. Click anywhere within the code expanse as well as press the CTRL + F keys to opened upwards the Blogger' search box
Step 3. Find (CTRL + F) the next slice of code
]]></b:skin>
Step 4. Just below it, glue this code:
<b:if cond='data:blog.url == "PAGE-URL-HERE"'>
<style>
.main-inner .columns {
padding-left: 0px !important;
padding-right: 0px !important;
}
.main-inner .fauxcolumn-center-outer {
left: 0px !important;
right: 0px !important;
}
.main-inner .fauxcolumn-left-outer, .main-inner .fauxcolumn-right-outer, .main-inner .column-left-outer, .main-inner .column-right-outer {
display: none !important;
}
</style>
</b:if>
Note: Replace PAGE-URL-HERE amongst the url of the page where the search results volition last displayed (the 1 y'all possess got added at the step 4)
This uncomplicated fob allows y'all non alone to cover the sidebar inwards the search results page, y'all tin every bit well, cover it on whatever page y'all want... but practice your page as well as follow the same steps. It is too recommended to cover the sidebar inwards Privacy Policy Pages, Contact Pages as well as on all the non-content-based pages amongst petty content or no content at all.