MyBB 1.8.x Mod Add Google Custom Search to Header [Edit Core File]

[DiegoPino]

Add Google Custom Search to Header

Para Añadir Google custom search box a MyBB debemos cambiar el Header Template y Global.Css, pero antes debemos de entrar a https://cse.google.com/cse/all para Personalizar Nuestra Caja de Búsqueda de Google.

Una Vez Ingresado y Personalizado la Caja de Búsqueda de Google, debemos de Cambiar el Header.

Header: Este es el Codigo que debo de Poner en el Template. Esta al Final
Home » Template Sets » Default Templates » Edit Template: header

PHP Code:

<div class=googlesb>
<script>
  (function() {
    var cx = '013981424964457603749:ejpys8iwla4';
    var gcse = document.createElement('script');
    gcse.type = 'text/javascript';
    gcse.async = true;
    gcse.src = 'https://cse.google.com/cse.js?cx=' + cx;
    var s = document.getElementsByTagName('script')[0];
    s.parentNode.insertBefore(gcse, s);
  })();
</script>
<gcse:search></gcse:search>
</div> 


y después Personalizamos la Caja de Google con el Estilo .CSS para que No se intercambie con Otros Objetos del header.
Home » Themes » Default » Editing global.css

.googlesb {
   width: 25%;
   float: right;
   margin-top: -30px;
}


.gsc-control-cse {
   background-color: transparent !important;
   border: none !important;
   padding: 0 !important;
}

input.gsc-search-button,
input.gsc-search-button:focus {
   border-color: #2c82c9 !important;
   background-color: #2c82c9 !important;
   background-image: none !important;
   filter: none !important;
}

input.gsc-search-button:hover,
input.gsc-search-button:active
{
   opacity: 0.8 !important;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
   border-color: #d0d3d4 !important;
   border-radius: 2px !important;
}

Codigo Completo de lo que he Añadido Home » Themes » Default » Editing global.css contando con los Estilos de Prefix Mode

PHP Code:

/** Impromptu End */


.pinostudio-prefix {
height: 4px;
line-height: 4px;
vertical-align: middle;
display: inline-block;
padding: 5px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF !important;
background: #00b4ff;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-repeat: repeat-x;
background-position: 0 -1px;
margin-bottom: 3PX;
}


.pinostudio-prefix-rojo {
height: 4px;
line-height: 4px;
vertical-align: middle;
display: inline-block;
padding: 5px;
font-size: 12px;
font-weight: bold;
color: #FFFFFF !important;
background: #ff4b00;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
-o-border-radius: 3px;
border-radius: 3px;
background-repeat: repeat-x;
background-position: 0 -1px;
margin-bottom: 3PX;
} 


.googlesb {
    width: 25%;
    float: right;
    margin-top: -30px;
}


.gsc-control-cse {
    background-color: transparent !important;
    border: none !important;
    padding: 0 !important;
}

input.gsc-search-button,
input.gsc-search-button:focus {
    border-color: #2c82c9 !important;
    background-color: #2c82c9 !important;
    background-image: none !important;
    filter: none !important;
}

input.gsc-search-button:hover,
input.gsc-search-button:active
{
    opacity: 0.8 !important;
}

input.gsc-input, .gsc-input-box, .gsc-input-box-hover, .gsc-input-box-focus {
    border-color: #d0d3d4 !important;
    border-radius: 2px !important;
} 


Eso es todo, Así de Fácil.
Referencias:
https://community.mybb.com/thread-208449.html