LISTONES DE BANDERAS PARA TU BLOG

En esta ocasión vamos a ver como poner una bandera en tu blog de manera similar a la que aparece en la imagen anterior, en resumen vamos a explicar lo siguiente:
  • Como poner una bandera en tu blog.
  • Poner la Bandera del lado izquierdo o derecho.
  • Poner ambas banderas al mismo tiempo.
  • Hacer que la bandera este flotando.
  • Poner un enlace en la bandera.

Como poner una bandera en tu blog

El proceso para colocar la bandera es el siguiente, debemos ir a la opción Planilla, Editar HTML, ahí debemos buscar esto  </body> y justo antes pegar el siguiente código:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA3cFPLIx2h-j07YL2w1FHJEHoTLhishyokL4a_vCJmJAjAC4bKnlqNSeXc_QPjlonmDD-VTVWqGUdMdnKHAms1RISNCMlGemNgGwXXVcSPuee5Y2fNb1-7rPkTZXsep2V4MIZxZp355Q/s1600/Listones+de+Banderas+Para+tu+Blog+-+11-+Mexico-Derecha.PNG" style='position:absolute; top:0; right:0;'/>

Guardamos los cambios y la bandera quedara de la siguiente manera (fija y a la derecha):



Poner la Bandera del lado izquierdo o derecho


Para poner la imagen del lado derecho es utilizando el código anterior, para alinear la bandera a la izquierda necesitamos que la imagen este adaptada para usarla de ese lado y lo que necesitamos cambiar es right:0 por left:0 y pegar el código justo antes de </body>, por ejemplo:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb4Yrv_bKErrozqCHrjzg0E4gO-wYSvpJ37QyfiA30XFQx_ddkEej4vSsKmPga0GQWWr2_hon3mfOEP9dIPIxZaMQFFNd6H_gXvYx45AiL87iVKR1teAs4J-_G2bukeoHaaSjos84Sq7M/s1600/Listones+de+Banderas+Para+tu+Blog+-+11+-+Mexico-Izquierda.png" style='position:absolute; top:0; left:0;'/>

Guardamos cambios y nos aparecerá de la siguiente manera (fija y a la izquierda):



Poner ambas banderas al mismo tiempo


Para poner ambas banderas al mismo tiempo es necesario seguir el mismo proceso y pegar justo antes de </body> los dos códigos.

Guardamos los cambios y nos quedara de la siguiente manera (imagenes fijas a ambos lados):


Hacer que la bandera este flotando


Para hacer que la bandera flote, es decir, que aunque baje la pagina permanecerá visible, debemos realizar el mismo procedimiento y solo debemos cambiar position:absolute por position:fixed donde querramos que se realice este cambio, por ejemplo:

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA3cFPLIx2h-j07YL2w1FHJEHoTLhishyokL4a_vCJmJAjAC4bKnlqNSeXc_QPjlonmDD-VTVWqGUdMdnKHAms1RISNCMlGemNgGwXXVcSPuee5Y2fNb1-7rPkTZXsep2V4MIZxZp355Q/s1600/Listones+de+Banderas+Para+tu+Blog+-+11-+Mexico-Derecha.PNG" style='position:fixed; top:0; right:0;'/>

Guardamos los cambios y la bandera quedara de la siguiente manera (flotante y a la derecha):  

Poner un enlace a la bandera

Para poner un enlace a la bandera debemos hacer lo siguiente, antes de cada código debemos anotar esto:

<a href="URL del enlace o link">

Donde dice URL del enlace o link debemos anotar la dirección que queremos que se habra al darle click. Al ultimo del código debemos anotar esto:

<img src="URL de la imagen" /></a>


La URL de la imagen es la dirección donde se alojo la imagen, en este sentido el código quedaría de la siguiente manera:

<a href="http://cosas-para-blogs.blogspot.mx/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA3cFPLIx2h-j07YL2w1FHJEHoTLhishyokL4a_vCJmJAjAC4bKnlqNSeXc_QPjlonmDD-VTVWqGUdMdnKHAms1RISNCMlGemNgGwXXVcSPuee5Y2fNb1-7rPkTZXsep2V4MIZxZp355Q/s1600/Listones+de+Banderas+Para+tu+Blog+-+11-+Mexico-Derecha.PNG" style='position:absolute; top:0; right:0;'/><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA3cFPLIx2h-j07YL2w1FHJEHoTLhishyokL4a_vCJmJAjAC4bKnlqNSeXc_QPjlonmDD-VTVWqGUdMdnKHAms1RISNCMlGemNgGwXXVcSPuee5Y2fNb1-7rPkTZXsep2V4MIZxZp355Q/s1600/Listones+de+Banderas+Para+tu+Blog+-+11-+Mexico-Derecha.PNG" /></a>

La dirección en rojo es el enlace al que nos llevara al darle click en la bandera.
La dirección en azul es en enlace de la imagen.

Guardamos los cambios y la bandera quedara de la siguiente manera (fija, alineada a la izquierda y al darle click nos llevara a la pagina especificada).




Espero les haya servido, acá les dejo unos enlaces de algunas banderas: 


A peticion de Tensa Zangetsu va la bandera de Nicaragua:


 Nicaragua Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0iimtrKN0SFfJt7ZG9td2k7kC2rCL7ks0oJOn1a3VA4HAbEJar4C3ywCR1aa7xTMgqWyN-OGrqueGQMMW5snzubUVkRDIzZjUN720SfoSqg8FLkOdinq-Y9z2es43be1SBlnjIr1K5ws/s1600/Listones+de+Banderas+Para+tu+Blog+-+16+-+Nicaragua-Izquierda.png" style='position:absolute; top:0; left:0;'/>
 
Nicaragua Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5XYVquB70vey7-A62PfMribb9nKQ-L87N-wmXMIINamPUV4C69jyGFjxzuXw1IfVScRhpiqTpC4a1ZP_MEK5KnnRci317frp1SKTuqQ8Ek2YDoiCuHn3SUJ2iSixxQXRdlXwEMQlJONg/s1600/Listones+de+Banderas+Para+tu+Blog+-+16+-+Nicaragua-Derecha.png" style='position:absolute; top:0; right:0;'/>

 Argentina Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDNzrwKX8rLqfqeHYSOYBF2s_8nj1FwNx4oBY-xRlETY_FK-f7cAoD-FOtLZxPqF9HjB5ZNTh0Gz2Et5gWbfMYc1GfltD09Lj-TOguMUkRjPUh7INfgwT_ZgDbkJLe2-dxGVRDP19_ed4/s1600/Listones+de+Banderas+Para+tu+Blog+-+03+-+Argentina-Izquierda.png" style='position:absolute; top:0; left:0;'/>


Argentina Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiCYfbcucuB9xVQWQvHWHl23gPbbbZ5YINmCkvCWjlIWp8xmaW4IyCbMXjquxJgJk1pMqledlPCJ7rmO2jY5EuhaDXjvM7ERUF_n28LXM0xuLTijRekVL5TOJSwymypyFHEMQKL7eMK5I/s1600/Listones+de+Banderas+Para+tu+Blog+-+03-+Argentina-Derecha.png" style='position:absolute; top:0; right:0;'/>

 Chile Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg4GvOFQ2nQvvw29SBTWUXnSQewV9aJouFRdhhfiKoOMG0O1ney6j8DX8tJFUF1tXsXRiAJ7YZTrR599Zn9sT7l5tmlXayMiYI4PaekIWdD8tw-jyoMi6HWtAEDV1xJNTjmVNr2rEcNJ-o/s1600/Listones+de+Banderas+Para+tu+Blog+-+04+-+Chile-Izquierda.png" style='position:absolute; top:0; left:0;'/>

Chile Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgr6AmuqPh6WNGz28ktfaWdwh7Yp6Xkxh838Qj13xrY0KX40wd3v9nHtPjmxFOkFSem-NNtiiy68CEZMBTSFrHladTVqE0hNhB-yEscycJ6G-PeYP82OiNPNUMK_S4xasgli3xbYlswDek/s1600/Listones+de+Banderas+Para+tu+Blog+-+04-+Chile-Derecha.png" style='position:absolute; top:0; right:0;'/>

Colombia Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEZF4FL2phBOQfkJ_IGmFQGAP8AQDT3lbii0UjKO4OKuLXWIjlFw_aQUvbM76krR81CutXer5G6k-2iM8gkiSLFW2M0kevb8WnAZh2Oq2OZaATaTMjU-Pxv892vXoiHW3Cr_a76uCnXBc/s1600/Listones+de+Banderas+Para+tu+Blog+-+05+-+Colombia-Izquierda.png" style='position:absolute; top:0; left:0;'/>

Colombia Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEij_RNVwmoL_LhEtmZOIl_CM-MLWm0_vd7jSZHlUBQNPbyzBx9ifHkQs84OEpn_ZbkzMzA7KSAqaWmw6QPoVehuB1H6f-bS4FWwo-saG_xJiYZ9KSH9mtFLGLCUxpr66fwx9QYsYISNx44/s1600/Listones+de+Banderas+Para+tu+Blog+-+05-+Colombia-Derecha.png" style='position:absolute; top:0; right:0;'/>

Costa Rica Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQBJei9BcSBcwHmWt6fTZKlvbRR98ZT20t_GxKct0uDDpPeb6gUH9n7eT9a7lticYOdJIU44ml2fKuZW-OY91uvYfILKZncfSOcuaQ8sZ5rrnz-fHv-7BEu4FdRR4rLKwJtY8f-ZL_MHU/s1600/Listones+de+Banderas+Para+tu+Blog+-+06+-+Costa-Rica-Izquierda.png" style='position:absolute; top:0; left:0;'/>

Costa Rica Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi87dWG-j29JoIESeyHhrqqhhdiCQsdYSNURwzn-I5HQ-Ibo77Gww_QRBzQm8AnMZRguWHMTWw45aSSqsAvoX7OP747BMfsjFBugPzVzdRHRBED97Whk8EgoNQm0ttPotVHGZ6n7DEQSjA/s1600/Listones+de+Banderas+Para+tu+Blog+-+06-+Costa-Rica-Derecha.png" style='position:absolute; top:0; right:0;'/>

Ecuador Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiNiLzlSgwTJieVoXFP6XzV7cFnSPRZ57kiJttO3dd3r_zohzvERIdpYVx8qyvyJ_9eOh8mZ1iBZzdZtyYZzwi8lycHT1iSj9czm9HgY7YLiM98pTc7wGf3sbfazn6pO9s30X9fTizE06M/s1600/Listones+de+Banderas+Para+tu+Blog+-+07+-+Ecuador-Izquierda.png" style='position:absolute; top:0; left:0;'/>

Ecuador Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEZfTpna97aDk5JWxubX25pNECWuAxWwKNqfjYBdrBJjvnIk8vxJvdCUkwxzj_A8WbN6XeQh0tP-68E5K5fGN53lxLD-a3yt-23xR9AqrC3dzaTce2sUPq4VMsp20bSyc85lfQYLiHRHU/s1600/Listones+de+Banderas+Para+tu+Blog+-+07-+Ecuador-Derecha.png" style='position:absolute; top:0; right:0;'/>

El Salvador Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3u9MhCpMjuar2hP7Q3W1p-eVoSo3nJl4_5GiExnhqOrfOikNcXg05CPrp2ffDv-m8393yRXAvPony4va1nxqlIXKqjpBQeFJo6ZhPUIaLegtnPT1KnG2aR75qAfx3gxH_Hfu63IaAd0k/s1600/Listones+de+Banderas+Para+tu+Blog+-+08+-+El-Salvador-Izquierda.png" style='position:absolute; top:0; left:0;'/>

El Salvador Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJynBGujCzZgIw0BzDUn8idAT9iaBKH1xgHOmkynb3ZpLsKsE2_hW5Y-cq9q9U8Uw2JHI4apxpShKlsT9BPyozfyiVazzKXkDYdENwUE_5VB1gLhW9MrX9kmGwvzxiNSVCHo65PwKxOtY/s1600/Listones+de+Banderas+Para+tu+Blog+-+08-+El-Salvador-Derecha.png" style='position:absolute; top:0; right:0;'/>

España Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjIasCDdoEu-GKkt2S1YusnGpsYW52uGwTx0eGh4bt9D_ETTUpbET0SP-xCIHQAJNdio0up1KklXg9GUSC05Cf2rMzzEP1cEsQigFVkb6BeOMxjT1Sdpy2pmOQn0lcqIAryBsebYEj9xbo/s1600/Listones+de+Banderas+Para+tu+Blog+-+09+-+Espa%25C3%25B1a-Izquierda.png" style='position:absolute; top:0; left:0;'/>

España Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj0RY_W_03wsixT5YSW6Nrt-by2RyqnBGOOxF1fXXx_1Pzcw4A65pO4Wr0XtOFTXOjRRb7PlJ7JCyQw39EcVM9i-kx6w98eLYH6HxKWH1DYpEvw7mHvOzwiFMQ7FHp2J0Odh_DFEtS11-k/s1600/Listones+de+Banderas+Para+tu+Blog+-+09-+Espa%25C3%25B1a-Derecha.png" style='position:absolute; top:0; right:0;'/>

Estados Unidos Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgdwDLeFoYloSjJYFH0WbAmsk6hJOcS1urTy32pDW8yIpJzYJ-aLO-l_lTYebYWdtw5lb7zCqUuXEy2iHSB1MXfo-eGpDZAAo6R-4YREoQi4oxK033pWU2DMMidJPd19urh3qQztStJgZk/s1600/Listones+de+Banderas+Para+tu+Blog+-+10+-+Estados-Unidos-Izquierda.png" style='position:absolute; top:0; left:0;'/>

Estados Unidos Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLh36E1bM-1gK_1zs9VsXDU-ZKk45nSOZsZGKPRf5sglInVtYrxFB1cxBLJzMgbK4i3w2RWQYqw_6N9fDZ2JHi9EnhVVReVJZSxrp1wJy71hQJFTwoQC88lR-8i29Q_kCfJmO9H_D9wzs/s1600/Listones+de+Banderas+Para+tu+Blog+-+10-+Estados-Unidos-Derecha.png" style='position:absolute; top:0; right:0;'/>

Mexico Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjb4Yrv_bKErrozqCHrjzg0E4gO-wYSvpJ37QyfiA30XFQx_ddkEej4vSsKmPga0GQWWr2_hon3mfOEP9dIPIxZaMQFFNd6H_gXvYx45AiL87iVKR1teAs4J-_G2bukeoHaaSjos84Sq7M/s1600/Listones+de+Banderas+Para+tu+Blog+-+11+-+Mexico-Izquierda.png" style='position:absolute; top:0; left:0;'/>

Mexico Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiA3cFPLIx2h-j07YL2w1FHJEHoTLhishyokL4a_vCJmJAjAC4bKnlqNSeXc_QPjlonmDD-VTVWqGUdMdnKHAms1RISNCMlGemNgGwXXVcSPuee5Y2fNb1-7rPkTZXsep2V4MIZxZp355Q/s1600/Listones+de+Banderas+Para+tu+Blog+-+11-+Mexico-Derecha.PNG" style='position:absolute; top:0; right:0;'/>

Peru Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrWHDo7-iRcLfKRUh6eAbLaY_u3JHtbZmjyK-QohYi8UGpbcad96JwdSu0um57n100Z6bAtjsENSw6967YNFWecMDSLyPVIj6shaivgzdXUSucel8MNSHq4oAvYdtw3i33JtZk_1a27vc/s1600/Listones+de+Banderas+Para+tu+Blog+-+12+-+Peru-Izquierda.png" style='position:absolute; top:0; left:0;'/>

Peru Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ33ZgEz48p452_k1RhsuIqbgsouPOnz2nIK0vhvqEzIntTxa50DbY8dTXY3R3U89Zr8NBy5AiFSg2i6JCtwz0Enp-KogC5q7K50ra93KwnXLvSyPEPosXQAXE3nYR9Wj8bIiHe9y-1AM/s1600/Listones+de+Banderas+Para+tu+Blog+-+12-+Peru-Derecha.png" style='position:absolute; top:0; right:0;'/>

República Dominicana Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9CP0ReeTFNmmOFkzmVEJ55hnS1zZZfk4pA1QgcjsSJMdJMk9LPLcjKp5lISoTBfOX7Kmi7eHqdB7v1CZttLfzbIsYVgO1Sq3F1fu1dCzuP0Dn4Qyi_QBNFHzV3ADguM3NFQ9FVU6oppM/s1600/Listones+de+Banderas+Para+tu+Blog+-+13+-+Republica-Dominicana-Izquierda.png" style='position:absolute; top:0; left:0;'/>

República Dominicana Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh08SJfNmLUxeAX6x5ookKYg0P1Fwwiuc5TC7Ngb3wmYu5Q9UGxHqfwKtKjVRRYL1nJgdwXRNPDZCziFQtpyGnHuxjoC0nk-p_1yF_YisOLVWiXozQL4i6-A6kA2tRQgNKy1hOq9RGHvBw/s1600/Listones+de+Banderas+Para+tu+Blog+-+13-+Republica-Dominicana-Derecha.png" style='position:absolute; top:0; right:0;'/>

Uruguay Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhE30itsO7DDAIrvH4jpLFZnUng4lnVZGZAtg-CD6dcVvfDQDHOpQhQJdPkwP8Y-SaDOG9VMbA3T0rDVNfzAeDpMrCapULGhIJVqJXK9GIE36HkSiVhD4bvjRnPBtj2dzaibgVgFD7Yad4/s1600/Listones+de+Banderas+Para+tu+Blog+-+14+-+Uruguay-Izquierda.png" style='position:absolute; top:0; left:0;'/>

Uruguay Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhe8jMRstiBMAQoOyL5GXxLfSrFEDQ09e9YlLsN6GwMd9J7hYFWy3cIJCD3XQXxqva0Na0SH_yoDls-1fspzzY44Kx2ZrXOqbmrdYWY4DOEcqv72AiHm5xhdGw2KQCEcI3OhibGf4P_YpQ/s1600/Listones+de+Banderas+Para+tu+Blog+-+14-+Uruguay-Derecha.png" style='position:absolute; top:0; right:0;'/>

Venezuela Izquierda
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrHI0OqV8mp4Wdn8DcXDljRCeH3eY9lWNitEmULmRYz9KyKYE-6D7gQV8BH3oqpV6afj8GrIXp6ZNLDWMOoYWPzuYrbfyZQLMazvjnI6VCpzm6W-4zvKptZNGMHjeedM0XL-kJNgDICeU/s1600/Listones+de+Banderas+Para+tu+Blog+-+15+-+Venezuela-Izquierda.png" style='position:absolute; top:0; left:0;'/>

Venezuela Derecha
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoK7MEXKpCoPMTh0b6AZqH8u9lVmZ6IdLjE8jCD3y_RKJgv9Aoz5PoSYzAxIn6ZpMRv4DQRP9yFgecXAv011DIAf-fzRuLqAWyuJKSBvX0fUh1IEaKitF0DIgUW6INPvEbZ2bIK_XOFkA/s1600/Listones+de+Banderas+Para+tu+Blog+-+15-+Venezuela-Derecha.png" style='position:absolute; top:0; right:0;'/>
Firma Post


No hay comentarios:

ir arriba