Insertar JavaScript en un post de Blogger

En este artículo vamos a mostrar cómo incluir un script JavaScript en un post de Blogger. El primer paso es editar el post mediante la opción Html, la segunda pestaña del editor sin hacer uso posteriormente de la otra pestaña, Redactar.

El código a insertar ha de seguir el siguiente modelo:

 <script>
 //<![CDATA[
 CÓDIGO JAVASCRIPT
 //]]>
 </script>

A modo de Ejemplo este el el código del ejemplo que se muestra a continuación, y que nos mostrará tres pestañas para ofrecer información sobre tres ciudades.

     <div class="w3-bar w3-deep-orange">

         <button class="w3-bar-item w3-button" onclick="verCiudad('Londres')">Londres</button>

         <button class="w3-bar-item w3-button" onclick="verCiudad('Paris')">Paris</button>

         <button class="w3-bar-item w3-button" onclick="verCiudad('Tokio')">Tokio</button>

     </div>


   <div id="Londres" class="city">

        <h2>Londres</h2>

        <p class="w3-verdana">Londres es la capital de Inglaterra.</p>

   </div>


   <div id="Paris" class="city" style="display:none">

        <h2>Paris</h2>

        <p class="w3-verdana">Paris es la capital de Francia.</p>
 
   </div>


   <div id="Tokio" class="city" style="display:none">

       <h2>Tokio</h2>

       <p class="w3-verdana">Tokio es la capital de Japón.</p>

   </div>


  

   <script language="javascript">

   //<![CDATA[

   function verCiudad(nombreCiudad) {

       var i;

       var x = document.getElementsByClassName("city");

       for (i = 0; i < x.length; i++) {

          x[i].style.display = "none";

       }

       document.getElementById(nombreCiudad).style.display = "block";
  
      }

  //]]>

   </script>

Londres

Londres es la capital de Inglaterra.

Paris

Paris es la capital de Francia.

Tokio

Tokio es la capital de Japón.