How To Replace Blogger 404 Page with Beautiful Search Box in Blogger

Blogger is not rapid as WordPress , and can't rival WordPress however specialists matters each where.Here we have found a way by means of which you can without much of a stretch Replace Blogger 404 Page with Beautiful Search Box.This will make your online journal navigative and simple to understand.Whenever somebody enters any wrong URL or any location it will demonstrate the hunt box and connection to the landing page by means of which he/she can get once more into the landing page or can hunt your site down some other inquiry! Also the configuration of this inquiry box is exceptionally charming it will give an awesome touch to an extravagant outline of your blog. Let's go how to Replace Blogger 404 Page with Beautiful Search Box in Blogger !

latest blogger widget, latest blogger tips, blogger tricks



Replace Blogger 404 Page with Beautiful Search Box in Blogger


  • Go To Blogger Dashboard 
  • Click On Settings
  • Then Click On Search Preferences
  • In Errors and redirections section Click On Edit (custom page not Found)
  • Copy the below script and paste it over there


<style>
#search-button-links1 {
    position: relative;
    top: 0;
    right: 0;
    height: 60px;
    width: 580px;
    font-size: 18px;
    color: #000;
    text-align: center;
    text-decoration:none;
    line-height: 42px;
    border-width: 0;
    background-color: #5caddf;
margin:5px;
    cursor: pointer;
}
#search-box1 {
    position: relative;
    width: 100%;
    margin: 0;
}
#search-form1 {
    height: 40px;
    border: 1px solid #999;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
    background-color: #fff;
    overflow: hidden;
}
#search-text1 {
    font-size: 14px;
    color: #ddd;
    border-width: 0;
    background: transparent;
}
#search-box input[type="text"] {
    width: 90%;
    padding: 11px 0 12px 1em;
    color: #333;
    outline: none;
}
#search-button1 {
    position: absolute;
    top: 0;
    right: 0;
    height: 42px;
    width: 80px;
    font-size: 14px;
    color: #fff;
    text-align: center;
    line-height: 42px;
    border-width: 0;
    background-color: #4d90fe;
    -webkit-border-radius: 0px 5px 5px 0px;
    -moz-border-radius: 0px 5px 5px 0px;
    border-radius: 0px 5px 5px 0px;
    cursor: pointer;
}
</style>
<div id='search-box1'>
  <form action='/search' id='search-form1' method='get' target='_top'>
    <input id='search-tex1t' name='q' placeholder='Search ThatsBlogging' type='text'/>
    <button id='search-button1' type='submit'><span>Search</span></button>
  </form>
</div>
<p style="color:#e33633; font-family:verdana, sans serif; font-size:16px; padding:24px; text-decoration:none">This Page has been removed for safety purposes | Visit <a href="http://tech-tricks4all.blogspot.com">Tips And Tricks</a>


Alterations

You can change the content highlighted in red to the craved content you require! The above segment of this code is only a lump of code for CSS and the underneath is 2 divs which will announce the inquiry box area.Hope you got it , on the off chance that you got any issue don't hesitate to remarks below.Stay Blessed , Happy Blogging!

Comments

Post a Comment

Popular posts from this blog

CHOCOLATE MARBLE QUICK BREAD RECIPE

Image
Serve this fresh homemade Chocolate Marble Quick Bread that was a breeze to make using a whisk. Quick bread eliminates multiple steps, kneading and waiting for dough to rise. With minimal efforts, we are rewarded with a gorgeous loaf/ Have reduced the sugar a bit since I intend to ice the cake later. Am so glad that this Chocolate Marble Quick Bread turned out just right, the way I want it. You can sub yogurt with sour cream if you have but this MUNDELLA Premium Natural Yogurt I used did a great job. It is a perfect tea companion and swirls of vanilla and chocolate batter produce impressively beautiful treat. Over the years, I have shared some quick bread recipes, here are a few that you might be interested: Vegan Homemade Doughnuts Irish Barmbrack Fantastic Apricot Bread
Read more

How to Create Ad Hoc Wifi Hotspot in Windows 10

Image
When you came to Windows 10 directly from Windows 7, you might have noticed that ad hoc Wi-Fi (routerless) connections are no longer available. The user interface for setting up an ad hoc connection does not exist any more in the Network and Sharing Center.  Create Ad Hoc WiFi Hotspot In Windows 10, turn your Windows 10 PC into a wireless hotspot, Creating a wireless hotspot in Windows 10, turn Your Windows PC Into a Wi-Fi Hotspot, set up an ad-hoc WiFi network in Windows 10, Create Wireless Ad Hoc Internet Connection, Today in the article of Windows 10 we will show you Create Wireless Ad Hoc Internet Connection on Windows 10 but make sure that your network adapter is updated to the latest version. Let us begin the process. How to set-up an Ad Hoc Wifi Hotspot in Windows 10 We�re going to cover the setup method here, and it�s only really a case of a couple of commands followed by some mouse clicking. If you find yourself in need of a quick and dirty WiFi connection and have a Wind...
Read more

CLASSIC BREAD PUDDING

Image
This Classic Bread Pudding is an easy dessert using a stale bread soaked in a milky egg mixture. I used to make it using my white sandwich bread, crust removed then cubed, but today I made this Classic Bread Pudding with multi grain bread, cut the slice into half length wise. Also baked this pudding in my 9 x 11 in baking pan instead of the heavy glass dish. It does not matter what utensil you choose, it still turns out great. The advantage of using a glass dish is that it can go from oven straight to dining table. It can be customize to your liking by adding cinnamon, nutmeg or lemon zest. If you are a chocolate lover, add a cup of chopped bittersweet chocolate or add in fruits like banana (2), blueberry, strawberry, raspberry (2 cup) or dried fruit (1 cup) just before baking. This simple Classic Bread Pudding came out beautiful and and taste exactly the same I enjoyed as a child. Other recipes using bread: Microwave Bread Pudding Egg Free French Toast Roti John (Asian Fr...
Read more