Como unirte a los seguidores de un blog

Hola a todos, mucho sin publicar continuamente, pero bueno aquí estoy. Estaré entrado una vez por semana porque tengo otras cosas que hacer y el tiempo no me da para mucho, vale!
Espero hayan tenido un 2014 bien, en familia y en salud que es lo mas importante. Y sobre todo que hayan pasado junto a los suyos una feliz navidad y bendecido año nuevo. En verdad deseo que este 2015 sea de bendiciones ti y tu familia, que la gracia y misericordia de Dios sean sobre ti y te ayude en salud a obtener y visualizar el anhelo de tu corazón, las peticiones que has depositado delante de El.

Bueno, hoy les traigo un tutorial que seguramente es simple para muchos, cuando no para la gran mayoría. Pero siempre hay quienes no saben y para ellos es este tutorial. 
Decidí a realizar este tutorial porque recibí un email de "Alicia", preguntándome como se podía unir al grupo de seguidores de mi blog Confía en Cristo.  Ella no me especificaba a que grupo pero como ese blog no tiene ningún grupo, y ella me decía que el email no lo aceptaba, deduje que era al grupo de seguidores del blog.
Cabe decir también, que no es la primera vez que me hacen esa pregunta, y por falta de tiempo no había realizado un tutorial para explicar el procedimiento para dicho fin.

Debido a ello es que he realizado este tutorial, explicado el mismo, paso a paso de forma clara y con capturas para que se te haga mas fácil comprender dicho proceso.
En dicho tutorial te estare explicando los siguientes puntos:

1. Como unirte a los seguidores de un blog /  2. Como cambiar de seguidor publico a seguidor anónimo / 3. Como dejar de seguir un blog

Bueno sin mas preámbulos, comencemos con este simple tutorial.

Más información »

Aprende como crear un botón "Mi Yahoo"

Para aquellos que no conocen que es  Mi Yahoo, quería pasar a explicar que es una web del tipo  iGoogle en la cual puedes personalizar todo lo que necesitas para navegar de una formar sencilla por la red. Puedes tener en una sola página noticias de última hora, correo, gadgets personalizados y el buscador de Yahoo {todo junto pero no revuelto}.

Mi Yahoo esta siendo utilizado por paginas web que se dedican a compartir sus feed con otros usuarios, como es el caso de las paginas de        <a href=” http://www.maskefrases.net /”> reflexiones </a>
o  mensajes de reflexiones que cada día son mas populares. Por medio de este servicio, todos los usuarios inscritos pueden recibir en su pagina personalizada Mi Yahoo todos los artículos del día. Tal vez no todo el mundo tenga una web de este tipo, pero es ideal para webmasters que deseen que sus  usuarios de Yahoo reciban  las actualizaciones de su web de la forma más cómoda.

Te invito a conocer esta web, para ello visita el siguiente enlace para que puedas visualizarla en su versión en ingles: { www }. Y para visualizarla en su versión en español solo tienes que hacer clic aquí { www }.

Una vez tengas el tuyo podras darle un aire diferente al que se muestra en los enlaces anteriores. Para que tengas una idea, echa un vistazo a la siguiente imagen donde te muestro una captura de mi pagina web de yahoo.

Te animo a realizar la tuya, y agregar este botón, que por cierto en este blog ya lo he agregado justo debajo del cbox, ya mas adelante lo agregare en mis demás paginas. En verdad espero te anime y nos compartas en los comentarios el enlace de tu blog para que podamos ir a ver como te quedo tu botón a Mi Yahoo!
..oSea, el tuyo! jiji :)

Para ti que estas decidida agregar este botón en tu blog, aquí te mostraremos como implementar un botón para Mi Yahoo en tu blog, esto gracias a Mil Trucos Blogger que ha realizado este interesante tutorial!

Para agregar este botón a tu blog lo que debes de hacer es seguir los siguientes pasos:

1.    Pulsa sobre “Diseño” , y a continuación selecciona la opción “Elementos de la página”. Una vez allí haz clic en “Añadir un gadgets”  y luego en  “HTML/Javascript”.

2.    Tan solo queda implementar el siguiente código:

<span>Agrega este blog en Mi Yahoo</span><a href="http://add.my.yahoo.com/rss?url=http://nombre-del- blog.blogspot.com/feeds/posts/default"><img src="http://l.yimg.com/a/i/e1/my/addtomyyahoo4.gif" border="0" /></a>

Ahora debes cambiar lo que esta en este color resaltado dentro del código anterior por lo que se indica,
..y listo!

Una vez hecho esto, solo resta guardar los cambios para tener un lindo botón con el que los usuarios de este servicio puedan agregar tus feed y verlos de una manera cómoda.

Espero te guste este pequeño tutorial útil e informativo!
Ay nos cuentas que te pareció! ..Bendiciones!

{ Tutoriales } ♥ Efecto Arco Iris en los links de tu blog

Que tal mis amadas, esta noche quiero compartirles un tuto muy mono! Este tuto lo he usado antes en mis blogs y lo vi por primera vez en Ciudad Blogger, y me encanto de una! Pues el mismo ayudara a que los links de tu blog (los enlaces) se vean multicolor como arco iris! Fantástico, no!

Este pequeño tutorial ya lo podemos encontrar en muchos blogs, y aunque siempre he usado el código de mi amigo El Potro, hoy les traigo esa misma idea pero del blog de El Mundo de Cherry.

Espero les guste y lo pongan en practica, y de ser asi no olviden comentar y dejar la url de su blog así les visitamos y vemos lo lindo que les quedo, vale!

Bueno Amiguis, Manos a la Obra!

Primero van a ir a: Blogger | Diseño | Agregar un gadget | HTML/JavaScript, una vez abierto el editor pegarán el siguiente código y luego le darán clic en Guardar, y listo! ..Tendrán todos los links de su blog en multi color arco iris!

Aquí el Código:

<script type='text/javascript'>
//<![CDATA[
var rate = 20;
if (document.getElementById)
window.onerror=new Function("return true")
var objActive; // The object which event occured in
var act = 0; // Flag during the action
var elmH = 0; // Hue
var elmS = 128; // Saturation
var elmV = 255; // Value
var clrOrg; // A color before the change
var TimerID; // Timer ID
if (document.all) {
document.onmouseover = doRainbowAnchor;
document.onmouseout = stopRainbowAnchor;
}
else if (document.getElementById) {
document.captureEvents(Event.MOUSEOVER | Event.MOUSEOUT);
document.onmouseover = Mozilla_doRainbowAnchor;
document.onmouseout = Mozilla_stopRainbowAnchor;
}
function doRainbow(obj)
{
if (act == 0) {
act = 1;
if (obj)
objActive = obj;
else
objActive = event.srcElement;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
};
function stopRainbow()
{
if (act) {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
function doRainbowAnchor()
{
if (act == 0) {
var obj = event.srcElement;
while (obj.tagName != 'A' && obj.tagName != 'BODY') {
obj = obj.parentElement;
if (obj.tagName == 'A' || obj.tagName == 'BODY')
break;
}
if (obj.tagName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = objActive.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function stopRainbowAnchor()
{
if (act) {
if (objActive.tagName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function Mozilla_doRainbowAnchor(e)
{
if (act == 0) {
obj = e.target;
while (obj.nodeName != 'A' && obj.nodeName != 'BODY') {
obj = obj.parentNode;
if (obj.nodeName == 'A' || obj.nodeName == 'BODY')
break;
}
if (obj.nodeName == 'A' && obj.href != '') {
objActive = obj;
act = 1;
clrOrg = obj.style.color;
TimerID = setInterval("ChangeColor()",100);
}
}
}
function Mozilla_stopRainbowAnchor(e)
{
if (act) {
if (objActive.nodeName == 'A') {
objActive.style.color = clrOrg;
clearInterval(TimerID);
act = 0;
}
}
}
function ChangeColor()
{
objActive.style.color = makeColor();
}
function makeColor()
{
// Don't you think Color Gamut to look like Rainbow?
// HSVtoRGB
if (elmS == 0) {
elmR = elmV; elmG = elmV; elmB = elmV;
}
else {
t1 = elmV;
t2 = (255 - elmS) * elmV / 255;
t3 = elmH % 60;
t3 = (t1 - t2) * t3 / 60;
if (elmH < 60) {
elmR = t1; elmB = t2; elmG = t2 + t3;
}
else if (elmH < 120) {
elmG = t1; elmB = t2; elmR = t1 - t3;
}
else if (elmH < 180) {
elmG = t1; elmR = t2; elmB = t2 + t3;
}
else if (elmH < 240) {
elmB = t1; elmR = t2; elmG = t1 - t3;
}
else if (elmH < 300) {
elmB = t1; elmG = t2; elmR = t2 + t3;
}
else if (elmH < 360) {
elmR = t1; elmG = t2; elmB = t1 - t3;
}
else {
elmR = 0; elmG = 0; elmB = 0;
}
}
elmR = Math.floor(elmR).toString(16);
elmG = Math.floor(elmG).toString(16);
elmB = Math.floor(elmB).toString(16);
if (elmR.length == 1) elmR = "0" + elmR;
if (elmG.length == 1) elmG = "0" + elmG;
if (elmB.length == 1) elmB = "0" + elmB;
elmH = elmH + rate;
if (elmH >= 360)
elmH = 0;
return '#' + elmR + elmG + elmB;
}
//]]>
</script>

Bueno mis amadas, eso seria todo por este pequeño tuto! Recuerden que mi blog se alimentan de sus comentarios! Anímate y deja el tuyo! Bendiciones!

Gracias por estar aqui!

Kiss, MarG ♥

{ Tutoriales } ♥ Destellos MultiColor en tu Blog

Bueno hoy les quiero compartir unos lindos destellos para el blog. Estos destellos los vi por primera vez en el blog de Annyz, y quede enamorada de ellos.

Estos destellos son muy diferente a los destellos que comúnmente vemos siempre, los de estrellitas.
Y son diferente simplemente porque en lugar de ser estrellitas en un solo color, en este caso con estrellitas multi color! Unos lindos destellos muy coloridos que le darán vida a tu blog!

Espero te gusten y te animes a ponerlos en tu blog. De ser así te invito a dejarnos la url de tu blog para que podamos ir a ver como te quedaron, vale! ..Espero te anime!

C O M E N C E M O S

Primero van a ir a: Blogger > Diseño > Agregar un gadget, en la ventana que les aparezca elegirán la opción HTML/JavaScript, una vez abierto el editor pegarán el siguiente código { ..es largo el código.. }

<script type="text/javascript"> // <![CDATA[ var colour="random"; var sparkles=100;
 /**************************** *  Tinkerbell Magic Sparkle * *(c)2005-12 mf2fm web-design* *  http://www.mf2fm.com/rv  * * DON'T EDIT BELOW THIS BOX * ****************************/ var x=ox=400; var y=oy=300; var swide=800; var shigh=600; var sleft=sdown=0; var tiny=new Array(); var star=new Array(); var starv=new Array(); var starx=new Array(); var stary=new Array(); var tinyx=new Array(); var tinyy=new Array(); var tinyv=new Array();
 window.onload=function() { if (document.getElementById) {   var i, rats, rlef, rdow;   for (var i=0; i<sparkles; i++) {     var rats=createDiv(3, 3);     rats.style.visibility="hidden"; rats.style.zIndex="999";     document.body.appendChild(tiny[i]=rats);     starv[i]=0;     tinyv[i]=0;     var rats=createDiv(5, 5);     rats.style.backgroundColor="transparent";     rats.style.visibility="hidden"; rats.style.zIndex="999";     var rlef=createDiv(1, 5);     var rdow=createDiv(5, 1);     rats.appendChild(rlef);     rats.appendChild(rdow);     rlef.style.top="2px";     rlef.style.left="0px";     rdow.style.top="0px";     rdow.style.left="2px";     document.body.appendChild(star[i]=rats);   }   set_width();   sparkle(); }}
 function sparkle() {   var c;   if (x!=ox || y!=oy) {     ox=x;     oy=y;     for (c=0; c<sparkles; c++) if (!starv[c]) {       star[c].style.left=(starx[c]=x)+"px";       star[c].style.top=(stary[c]=y)+"px";       star[c].style.clip="rect(0px, 5px, 5px, 0px)";       star[c].childNodes[0].style.backgroundColor=star[c].childNodes[1].style.backgroundColor=(colour=="random")?newColour():colour;       star[c].style.visibility="visible";       starv[c]=50;       break;     }   }   for (c=0; c<sparkles; c++) {     if (starv[c]) update_star(c);     if (tinyv[c]) update_tiny(c);   }   setTimeout("sparkle()", 40); }
 function update_star(i) {   if (--starv[i]==25) star[i].style.clip="rect(1px, 4px, 4px, 1px)";   if (starv[i]) {     stary[i]+=1+Math.random()*3;     starx[i]+=(i%5-2)/5;     if (stary[i]<shigh+sdown) {       star[i].style.top=stary[i]+"px";       star[i].style.left=starx[i]+"px";     }     else {       star[i].style.visibility="hidden";       starv[i]=0;       return;     }   }   else {     tinyv[i]=50;     tiny[i].style.top=(tinyy[i]=stary[i])+"px";     tiny[i].style.left=(tinyx[i]=starx[i])+"px";     tiny[i].style.width="2px";     tiny[i].style.height="2px";     tiny[i].style.backgroundColor=star[i].childNodes[0].style.backgroundColor;     star[i].style.visibility="hidden";     tiny[i].style.visibility="visible"   } }
 function update_tiny(i) {   if (--tinyv[i]==25) {     tiny[i].style.width="1px";     tiny[i].style.height="1px";   }   if (tinyv[i]) {     tinyy[i]+=1+Math.random()*3;     tinyx[i]+=(i%5-2)/5;     if (tinyy[i]<shigh+sdown) {       tiny[i].style.top=tinyy[i]+"px";       tiny[i].style.left=tinyx[i]+"px";     }     else {       tiny[i].style.visibility="hidden";       tinyv[i]=0;       return;     }   }   else tiny[i].style.visibility="hidden"; }
 document.onmousemove=mouse; function mouse(e) {   if (e) {     y=e.pageY;     x=e.pageX;   }   else {     set_scroll();     y=event.y+sdown;     x=event.x+sleft;   } }
 window.onscroll=set_scroll; function set_scroll() {   if (typeof(self.pageYOffset)=='number') {     sdown=self.pageYOffset;     sleft=self.pageXOffset;   }   else if (document.body && (document.body.scrollTop || document.body.scrollLeft)) {     sdown=document.body.scrollTop;     sleft=document.body.scrollLeft;   }   else if (document.documentElement && (document.documentElement.scrollTop || document.documentElement.scrollLeft)) {     sleft=document.documentElement.scrollLeft;     sdown=document.documentElement.scrollTop;   }   else {     sdown=0;     sleft=0;   } }
 window.onresize=set_width; function set_width() {   var sw_min=999999;   var sh_min=999999;   if (document.documentElement && document.documentElement.clientWidth) {     if (document.documentElement.clientWidth>0) sw_min=document.documentElement.clientWidth;     if (document.documentElement.clientHeight>0) sh_min=document.documentElement.clientHeight;   }   if (typeof(self.innerWidth)=='number' && self.innerWidth) {     if (self.innerWidth>0 && self.innerWidth<sw_min) sw_min=self.innerWidth;     if (self.innerHeight>0 && self.innerHeight<sh_min) sh_min=self.innerHeight;   }   if (document.body.clientWidth) {     if (document.body.clientWidth>0 && document.body.clientWidth<sw_min) sw_min=document.body.clientWidth;     if (document.body.clientHeight>0 && document.body.clientHeight<sh_min) sh_min=document.body.clientHeight;   }   if (sw_min==999999 || sh_min==999999) {     sw_min=800;     sh_min=600;   }   swide=sw_min;   shigh=sh_min; }
 function createDiv(height, width) {   var div=document.createElement("div");   div.style.position="absolute";   div.style.height=height+"px";   div.style.width=width+"px";   div.style.overflow="hidden";   return (div); }
 function newColour() {   var c=new Array();   c[0]=255;   c[1]=Math.floor(Math.random()*256);   c[2]=Math.floor(Math.random()*(256-c[1]/2));   c.sort(function(){return (0.5 - Math.random());});   return ("rgb("+c[0]+", "+c[1]+", "+c[2]+")"); } // ]]> </script>

Si tienes cualquier duda, no temas en preguntar. Y si tomas este código recuerda dar los créditos a Annyz que fue de donde lo vi hace ya bastante tiempo! Saludos a ti mi querida Annyz, Dios te bendiga!

Bendiciones a ustedes también! Besos!

{Blockquote} ♥ Añadiendo estilo a los textos citados

Holy mis amores, que tal si platicamos un poquillo sobre los Blockquote! ..Les parece bien? ..Bueno pues comencemos!!!

Los blockquote no son mas que textos citados en Blogger, son aquellos que van entre las etiquetas <blockquote></blockquote> y que se ven de un modo diferente al resto del texto.

Y hoy quiero compartirles un estilo de blockquote que muy posiblemente les va a gustar. Personalmente a mi me gusta mucho, por su simpleza y estilo.

Aquí les dejo un ejemplo del mismo, espero le guste:

La primera imagen es como te quedara, la segunda imagen es como se visualiza al poner el cursor por encima. El color gris que esta alrededor es solo que al tomar la captura salio así, pero no te quedara así al usarlo en tu blog, lo que si tendrá es el color purple en los bordes, con la imagen de fondo en tonos purple.

Si te ha gusto este blockquote, te invito a seguir las siguientes instrucciones...

Para agregar este blockquote  ve a "Diseño | Edición HTML" y allí busca la siguiente línea: 

]]></b:skin>

Para buscar la etiqueta anterior solo tienes que presionar en tu teclado: { F3 ó Ctrl + F }

Una vez la encuentres, copia el siguiente renglón de código y pegalo justo encima de ]]></b:skin>

.post blockquote {
max-height: 400px;
width:450px;
margin-top:10px;
margin-bottom:10px;
margin-left:35px;
border-left:5px solid #f75970;
border-top:1px dashed #f75970;
border-bottom:1px dashed #f75970;
border-right:1px dashed #f75970;
border-radius: 15px 15px 15px 15px;
overflow:auto;
background:#fff url(http://3.bp.blogspot.com/-eOEn-fzPsWs/Up5PPzJvPgI/AAAAAAAABVY/cU0mZctCcs4/s1600/bgpolkadothearts.gif) repeat;
padding:10px 10px 10px 15px;
}
.post blockquote:hover {
border-left:5px solid #e0bcd2;
border-top:1px dashed #e0bcd2;
border-bottom:1px dashed #e0bcd2;
border-right:1px dashed #e0bcd2;
border-radius: 15px 15px 15px 15px;
overflow:auto;
background:#fff url(http://3.bp.blogspot.com/-xUQOZgyQjuo/Up5PPVpfgGI/AAAAAAAABVQ/5-vy4woRgHg/s1600/bgcrosspurp.gif) repeat;
padding:10px 10px 10px 15px;
}

Todo lo que esta en este color resaltado  es lo que ustedes pueden modificar a su gusto. Arriba en el código, donde dice 400 allí esta indicando el máximo de altura que tendrá tu blockquote. Si lo quisieras mas grande solo tienes cambiar el numero por un valor mas alto.Y listo! 

Ya tendras un hermoso blockquote en tu blog! 

Espero te hayas gustado, y de ser así te invito a comentarnos y compartirnos la url de tu blog para que podamos ver como te quedo. Cualquier duda que tengas no temas en preguntar, estamos para ayudarte y a la mayor brevedad posible te responderemos!

Dios te bendiga y gracias por estar aquí!

Kiss, MarG ♥ 

Util Menú vertical con CSS3 y jQuery para Blogger

Hola chicas, hoy les quiero compartir un tutorial bastante interesante para mi gusto! Se trata de un menu vertical como bien lo muestra la imagen mas arriba. Esto lo he encontrado en Mil Trucos Blogger, y al parecer el lo vio en Ayuda Blogger. Este maravilloso menu vertical hecho con CSS3 y libreria jQuery que ademas de tener un aspecto genial ahorra mucho espacio en el blog, seguro que a mas de uno le gustara este genial truco para tu blog en Blogger.

C O M E N C E M O S


Para agregar este menu ve a "Diseño | Edición HTML" y alli busca la siguiente línea:

</head>

Ahora, justo antes de la etiqueta anterior deberás agregar lo siguiente:

<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.5.1/jquery.min.js" type="text/javascript"></script><script src="http://tab-slide-out.googlecode.com/files/jquery.tabSlideOut.v1.3.js"></script>
 <script type="text/javascript"> $(function(){ $('.slide-out-div').tabSlideOut({ tabHandle: '.handle',         // no-tocar, corresponde a la class del botón pathToTabImage: 'http://3.bp.blogspot.com/-SRwZItqEcjo/TpOMh16a3dI/AAAAAAAAAMY/LeIqvUxWNMI/s1600/square-arrow-right.gif', // Imagen del boton imageHeight: '36px',         //alto de la imagen imageWidth: '36px',         //ancho de la imagen tabLocation: 'left',            //ubicación del contenedor speed: 300,                     //velocidad de la animación action: 'click',                   //cambiar por hover si deseas que el script se active al pasar el mouse topPos: '200px',               //posición superior del contenedor leftPos: '20px',                  //posición a la izquierda del contenedor fixedPosition: true            //esto permite que el botón siga la pantalla, cambiar a false en caso contrario.});});</script>

Importante:

• Si ya tenías jQuery instalado omite el código resaltado en azul.

Ahora antes de ]]></b:skin> debes agregar lo siguiente:

.slide-out-div {padding: 0;width: 150px;color:fff;} 
.slide-out-div ul {margin:0;margin-left:-40px;}.slide-out-div li {text-align:right;width:120px;color:#fff;margin-top:2px;font-size:13px;background: #2facd6; /*Color de fondo de los enlaces*/padding:4px;list-style:none;}      
.slide-out-div li:hover {background: #2d2d2d; /*Color de fondo al pasar el mouse por un enlace*/padding:4px;list-style:none;-moz-transition: 0.2s; -webkit-transition: 0.2s; -o-transition:1s; transition: 1s;-webkit-transform: rotate(0deg) scale(1.5) skew(1deg) translate(0px);-moz-transform: rotate(0deg) scale(1.5) skew(1deg) translate(0px);-o-transform: rotate(0deg) scale(1.5) skew(1deg) translate(0px);}         .slide-out-div li a {color:#fff; text-decoration:none;font-weight:none;font-family: Century Gothic, sans-serif; }

Ahora antes de </body> deberás agregar el siguiente código que corresponde a la estructura del menú.

<div class='slide-out-div'>      <a class='handle' href=''/><ul>    <li><a href='/'>Inicio</a></li>    <li><a href='URL'>Enlace 1</a></li>    <li><a href='URL'>Enlace 2</a></li>    <li><a href='URL'>Enlace 3</a></li>    <li><a href='URL'>Enlace 4</a></li>    <li><a href='URL'>Enlace 5</a></li>    <li><a href='URL'>Enlace 6</a></li></ul>      </div>

En esta ultima parte es en la que debieras agregar tus enlaces. Donde dice URL agregas el link de la pagina que quieres enlazar en el menú. Y donde dice Enlace 1 agregas nombre que le pondrás a tu enlace para que se visualizara en el en el menú.

Haras lo mismo con los demás enlaces y url que se muestra en el código anterior, agregando sus respectivos enlaces y nombres, conforme el ejemplo anteriormente explicado.

En donde dice Inicio, allí puedes cambiar la palabra por otra que gustes, ejemplo: Home, Portada, Principal, etc..

Espero te hayas gustado tanto como a mi este tuto, y lo agregues en tu blog. Cualquier duda no temas en hacerla en los comentarios y en la mayor brevedad posible te estaremos ayudando.

Bendiciones!

Thanks to: MilTrucosBlogger

Agrega en tu Blog Like Box de Facebook en español

Agregar este la caja de megusta sera muy facil gracias a Mil Trucos Blogger es realmente muy simple, ya que por suerte son unos pocos pasos los que tenemos que dar, al igual que siempre que agregamos un nuevo gadget, en este caso haremos lo mismo. Solo debemos copiar el código indicado mas abajo en uno de los elementos de pagina que acepte código html y listo.

1. Para ello vamos a:

Diseño, Elementos de pagina, Añadir gadget, HTML Javascript y pegamos este código en su interior:

<script src="http://static.ak.connect.facebook.com/js/api_lib/v0.4/FeatureLoader.js.php/es_LA" type="text/javascript"></script><script type="text/javascript">FB.init("1b8f0f706c312c05f42224b5b3399f80");</script><fb:fan connections="22" width="225" profile_id="XXXXXXXXXXXX" stream=""></fb:fan>

2. Una vez añadido el código, cambiamos donde dice XXXXXXXXXXXX por la id de nuestra página en Facebook y guardamos. Listo con esto tendremos la caja de FansFace agregada a nuestro blog.

Opcional:

¿Como averiguo la id de mi página en Facebook?

Si no sabes como adquirir el ID de tu pagina de facebook, no te preocupes por ello que te diremos como hacerlo. Para ello..:

[1] Accedemos nuestra página de Facebook.

[2] Nos fijamos entonces en url que se muestra en el navegador, y que será algo como esto:

https://www.facebook.com/pages/Briizaath-en-Casa/205206796328432

Esos números que se muestran al final de la url, son la id de nuestra página, y son los números que hemos de colocar en el código del gadget "Like Box" sustituyendo a las XXXXXXXXXXXX. 

Estos números suelen aparecer cuando tenemos pocos like en nuestras fansface. Creo, si mal no recuerdo que después de 30 seguidores podemos agregarle un nombre al link o url de nuestra pagina de me gusta de facebook.

En caso de que ya tengas agregado un nombre entonces ese nombre es tu id. Un ejemplo: en la pagina de me gusta de este blog, yo tengo el siguiente nombre en el link o url : ByMarG.PinceladasDePrincesa

Entonces bajo mi ejemplo mi ID seria esto : ByMarG.PinceladasDePrincesa

Entonces solo tendrías que copiar el nombre de la url, en este caso, lo que esta en color resaltado conforme el siguiente ejemplo:

https://www.facebook.com/ByMarG.PinceladasDePrincesa

Al finalizar nos tendremos en nuestro sidebar un recuadro como el siguiente:

Thanks to: MilTrucosBlogger

Descarga Lindas Fonts

Lindas fuentes de estilo gratis, disponibles para descargar  a tu pc ♥
Para descargar solo has clic en la imagen de texto que te guste. Espero encuentre alguna y de ser así, te animo a dejar un comentario! Tus comentarios alimentan mi blog y me animan a seguir compartiendote cosas lindas! 
Bendiciones!

 

Post Thanks To: OJID