BLOG CON PESTAÑAS 3

En "BLOG CON PESTAÑAS 2" habiamos visto el siguiente HTML :

<div style="float: left; WIDTH: 50%"><div class="separator" style="clear: both; text-align: left;"><a href="http://cinegaliciatrailers.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3pvB7_qyIK92unkYD8r41vn_Fwvgp7xfl3OKsafAzs4ke-Ix3n60Hh0dSI0IQOAHCt7CaOg0O9H6AII6AgLsuCn4S8KHbb4E2XXkAYYPw9duPZlkl8s2wWRTX1YgrN1LdlKtLNlbxl1I/s320/recuadro.png" width="266" /></a></div></div><br><div style="float: right; WIDTH: 35%"><a href="http://cinegaliciapeliculas.blogspot.com/" imageanchor="0" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgM-XGcfXf89_ua-qUX5ssmTWMIogwwpM2SVYaW38aPIivsZ0pdAMndAIqeLI-quT7FSnseBJ3mdPnTKwznIXj-4cqg_QJYu8onKRH0yPe7BhjD5dluEdavfCzGGs080P0e9x58qKj9V6M/s320/recuadro.png" width="300" /></a></div><divstyle = clear: both></divstyle><br><br><div style="float: left; WIDTH: 50%"><div class="separator" style="clear: both; text-align: left;"><br><a href="http://cinegaliciadocumentales.blogspot.com/" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" height="40" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEKfPr5JVBPBt1YihyphenhyphengjhwozATIQAlcjeumTZcadZOH4igz4QIRHsaI9Qx-kTiMWrglRWVx2iTx913pHDRX4nbVrcwi_kopq8S5WN2MU6unxByBP7fY_sRa0ZpXi99NV0XpawOoufehyw/s320/recuadro+5.png" width="380" /></a></div></div><br><div style="float: right; WIDTH: 35%"><a href="http://cinegaliciaseries.blogspot.com/" imageanchor="0" style="margin-right: 1em; margin-right: 1em;"><img border="0" height="35" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4k84CcVBEgP-42Kqutdy6EJ1Ni9_Py82QcTQ5EyvmYsrJyL-qrU0uHiYo5AzJ1z3iSBAGEGJdmupXPleAsvf3_XPGf7M-J-U6B2Gt4cK0QsdulDt0owlRIy56f4DyLu81be90PJVi4Mg/s1600/recuadro+2.png" width="200" /></a></div><divstyle = clear: both></divstyle>

Deberemos trabajar en un "BLOG DE PRUEBAS" hasta conseguir el efecto deseado y cuando lo tengamos copiaremos el HTML que habremos conseguido en todos los blogs del grupo.

El primer texto entre comillas : "//cinegalicia.etc" corresponde a la dirección del blog al que queremos enviar a la persona que haga click sobre el dibujo.

El segundo texto entre comillas corresponde al dibujo que queremos que aparezca en el boton. Podemos conseguir ese dibujo de diversas maneras, mediante el PAINT, o mediante una pagina de banners, COMO EXPLICAMOS AQUI. O incluso copiando el boton de otro blog.

Cada linea esta dividida en 2 partes: LEFT (izquierda y RIGHT (derecha), se les puede cambiar el WIDTH (ancho). Por ejemplo, podemos poner el 40 % detras de LEFT y el 45 % detras de RIGHT. Lo que le aumentemos a uno, se lo debemos disminuir al otro.

A cada dibujo se le puede cambiar el tamaño, pero siempre de una manera proporcional COMO EXPLICAMOS AQUI.

Wikio