Integrating Blogspot Search Engine: Tips and Coding for SEO-friendly Implementation

In the HTML editor, find the "</head>" tag and paste the following CSS code just before it:

<style type='text/css'>

  .gsc-search-box .gsc-input {

    height: 40px !important;

    font-size: 16px;

    color: #ffff00;

    padding-left: 10px;

    background-color: #ffffff;

    border: 3px solid #000000;

    border-radius: 20px;

    box-shadow: none;

  }

  .gsc-search-box .gsc-input::placeholder {

    color: #000000;

    font-size: 14px;

  }

  .gsc-search-box .gsc-search-button {

    background-color: #000000;

    border: 10px solid #000000;

    border-radius: 10px;

    color: #ffffff;

    font-size: 16px;

    box-shadow: none;

  }

  .gsc-search-box .gsc-input input {

    color: #000000 !important;

    font-weight: bold;

  }

</style>

I need coffee now.  Please buy me a coffee. 

Read the next article.