D6.00

(maqueta) Gadget HTML/javascript para maqueta blog Blogger

D6.10

(maqueta) Editar una página del blog de Blgger

D6.30

(maqueta) Código Twitter y Facebook para página de blog en Blgger

D6.40

(maqueta) Pie de página con plugins sociales para gadget HTML/javascript de un blog

D6.50

(maqueta) Código para tres columnas en página de tu blog en Blogger

Páginas:
(maqueta) Código Twitter y Facebook para página de blog en Blgger

El siguiente código HTML/javascript inserta los contenidos de esta pgina en un blog o web:

nota: Hay que tener en cuenta que lo que aparece en mayúsculas tienes que reemplazarlo por valores reales...

----

<style type="text/css">

#contenedor {

height: 500px;

background-color: #FFFFFF;

padding-top:20px;

padding-bottom:20px;

margin-left:-30px;

margin-right:-30px;

text-align: center;

border-top-width: 2px;

border-right-width: 2px;

border-bottom-width: 2px;

border-left-width: 2px;

border-top-style: ridge;

border-right-style: ridge;

border-bottom-style: ridge;

border-left-style: ridge;

border-top-color: #0000FF;

border-right-color: #0000FF;

border-bottom-color: #0000FF;

border-left-color: #0000FF;

}

.der {

background-color: #FFFFFF;

width: 45%;

float:right;

margin:10px;

text-align: center;

}

.izq {

width:45%;

float:left;

margin:10px;

text-align: center;

}

p.puno {

font-family: Arial, Helvetica, sans-serif;

font-size: 18px;

text-indent: 0px;

font-weight: lighter;

margin-left: 0px;

margin-right: 0px;

}

</style>

<br />

<div id="fb-root">

</div>

<script>(function(d, s, id) {

var js, fjs = d.getElementsByTagName(s)[0];

if (d.getElementById(id)) return;

js = d.createElement(s); js.id = id;

js.src = "//connect.facebook.net/es_ES/all.js#xfbml=1";

fjs.parentNode.insertBefore(js, fjs);

}(document, 'script', 'facebook-jssdk'));</script>

<br />

<div id="contenedor">

<div class="izq">

<div class="puno">

Timeline de usuario de Twitter</div>

----

<a class="twitter-timeline" data-widget-id="EL ID DEL WIDGET DE TU CUENTA TWITTER..." href="URL DE TWITTER/TU USUARIO...">Tweets por @TU USUARIO...</a>

<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],p=/^http:/.test(d.location)?'http':'https';if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src=p+"://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

----

</div>

<div class="der">

<div class="puno">

Página de Facebook</div>

----

<div class="fb-like-box" data-colorscheme="light" data-header="false" data-href="URL DE FACEBOOK/EL URL DE TU PAGINA FACEBOOK..." data-show-border="false" data-show-faces="false" data-stream="true" data-width="400">

</div>

----

</div>

</div>

(maqueta) Código Twitter y Facebook para página de blog en Blgger







Sesión:
registrar en twiiter
Inicie sesión ...


Editores de contenidos

No es un Editor...



Títulos


Tweets aulapc.es:





 eduardo@aulapc.es Granada (España)