tag:blogger.com,1999:blog-72432550739235650962024-02-20T23:42:38.199-08:00Trucos BloggerTop Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.comBlogger16125tag:blogger.com,1999:blog-7243255073923565096.post-35554780728741826522013-06-13T15:33:00.002-07:002013-06-13T15:33:49.830-07:00Poner Últimas Entradas con un Gadget <div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJQc7o5TSMU0D4FXyVZh4mVlcCl4BIucVCsjzC7oHrxL6rJ1q2lkdmIsR5DjepFT1CJ3hX9ciJu4C6qGf_pWdPub922lC6tbuKCOFbZLH-80IQZS7Ue89EMMZx0Qm_Kw_-dqyE_I6CF9Gu/s1600/blogger-icon.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiJQc7o5TSMU0D4FXyVZh4mVlcCl4BIucVCsjzC7oHrxL6rJ1q2lkdmIsR5DjepFT1CJ3hX9ciJu4C6qGf_pWdPub922lC6tbuKCOFbZLH-80IQZS7Ue89EMMZx0Qm_Kw_-dqyE_I6CF9Gu/s1600/blogger-icon.png" /></a></div>
<div>
<br /></div>
<span style="font-family: Arial, Helvetica, sans-serif;">Poniendo este Gadget en nuestro Blog , nuestros lectores sabrán cuales son nuestros últimos temas que hemos publicado.</span><span style="font-family: Arial, Helvetica, sans-serif;"><br /><b>Podremos configurarlo en lo siguiente:</b></span><div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><div>
<span style="font-family: Arial, Helvetica, sans-serif;">+ visualizar una miniatura- configurar alto y ancho donde dice: </span><span style="font-family: Arial, Helvetica, sans-serif;">width:65px;height:65px;</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">+ El inicio del texto de la entrada.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">+ La fecha.</span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">+Borde y color para cada tema en: </span><span style="font-family: Arial, Helvetica, sans-serif;">border: 0px solid #ccc; en border pueden dejar 1px y en solid dejar el color</span><span style="font-family: Arial, Helvetica, sans-serif;"> de su elección.</span></div>
<div>
<br /></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Para agregarlo a nuestro Blog solo debemos ir a la parte de Diseño / Añadir un Gadget / HTML-Javascript y agregar el siguiente código : </span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<br /></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><span style="color: blue; font-family: Arial, Helvetica, sans-serif;"><style type='text/css'></span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">img.recent_thumb {padding:2px;width:65px;height:65px;border:0;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">float:left;margin:5px 10px 10px 0; border: 0px solid #ccc;}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">.recent_posts_with_thumbs {float: left;width: 100%;min-height: 100px;margin: 0px 0px 5px 0px;padding: 0;font-size:12px;}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:75px;}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">.recent_posts_with_thumbs a {text-decoration:none;}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">.recent_posts_with_thumbs strong {font-size:10px;}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">.recent_posts_with_thumbs h4 {</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">text-transform: uppercase;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">font-size: 14px;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;"></style></span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;"><script type='text/javascript'></span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">//<![CDATA[</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">function showrecentpostswiththumbs(json) {document.write('<ul class="recent_posts_with_thumbs">'); for (var i = 0; i < numposts; i++) {var entry = json.feed.entry[i];var posttitle = entry.title.$t;var posturl;if (i == json.feed.entry.length) break;for (var k = 0; k < entry.link.length;k++){</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if(entry.link[k].rel=='replies'&&entry.link[k].type=='text/html'){var commenttext=entry.link[k].title;var commenturl=entry.link[k].href;}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if (entry.link[k].rel == 'alternate') {posturl = entry.link[k].href;break;}}var thumburl;try {thumburl=entry.media$thumbnail.url;}catch (error)</span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">{</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">s=entry.content.$t;a=s.indexOf("<img");b=s.indexOf("src=\"",a);c=s.indexOf("\"",b+5);d=s.substr(b+5,c-b-5);if((a!=-1)&&(b!=-1)&&(c!=-1)&&(d!="")){</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">thumburl=d;} else thumburl='http://www.webaholic.co.in/other/no-image.jpg';</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var postdate = entry.published.$t;var cdyear = postdate.substring(0,4);var cdmonth = postdate.substring(5,7);var cdday = postdate.substring(8,10);var monthnames = new Array();monthnames[1] = "Ene";monthnames[2] = "Feb";monthnames[3] = "Mar";monthnames[4] = "Abr";monthnames[5] = "May";monthnames[6] = "Jun";monthnames[7] = "Jul";monthnames[8] = "Ago";monthnames[9] = "Sep";monthnames[10] = "Oct";monthnames[11] = "Nov";monthnames[12] = "Dic";document.write('<li class="clearfix">');</span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if(showpostthumbnails==true) </span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">document.write('<img class="recent_thumb" src="'+thumburl+'"/>');</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">document.write('<b><h4><a href="'+posturl+'" target ="_top">'+posttitle+'</a></b></h4>');</span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if ("content" in entry) {</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var postcontent = entry.content.$t;}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">else</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if ("summary" in entry) {</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var postcontent = entry.summary.$t;}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">else var postcontent = "";</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var re = /<\S[^>]*>/g; </span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">postcontent = postcontent.replace(re, "");</span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if (showpostsummary == true) {</span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if (postcontent.length < numchars) {</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">document.write('<i>');</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">document.write(postcontent);</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">document.write('</i>');}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">else {</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">document.write('<i>');</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">postcontent = postcontent.substring(0, numchars);</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var quoteEnd = postcontent.lastIndexOf(" ");</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">postcontent = postcontent.substring(0,quoteEnd);</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">document.write(postcontent + '...');</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">document.write('</i>');}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var towrite='';var flag=0;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">document.write('<br><strong>');</span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if(showpostdate==true) {towrite=towrite+monthnames[parseInt(cdmonth,10)]+' - '+cdday+' - '+cdyear;flag=1;}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if(showcommentnum==true) </span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">{</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if (flag==1) {towrite=towrite+' | ';}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if(commenttext=='0 Comments') commenttext='0 comentarios';</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if(commenttext=='1 Comment') commenttext='1 comentario';</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">commenttext = '<a href="'+commenturl+'" target ="_top">'+commenttext+'</a>';</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">towrite=towrite+commenttext;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">flag=1;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if(displaymore==true) </span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">{</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if (flag==1) towrite=towrite+' | ';</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">towrite=towrite+'<a href="'+posturl+'" class="url" target ="_top">Más</a>';</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">flag=1;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">document.write(towrite);</span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">document.write('</strong></li>');</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if(displayseparator==true) </span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">if (i!=(numposts-1))</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">document.write('');</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">}document.write('</ul>');</span><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">}</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">//]]></span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;"></script></span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;"><script style='text/javascript'></span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var numposts = 10;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var showpostthumbnails = true;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var displaymore = false;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var displayseparator = false;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var showcommentnum = false;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var showpostdate = false;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var showpostsummary = true;</span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">var numchars = 60;</script></span><br style="font-family: Arial, Helvetica, sans-serif;" /><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><script src='</span><span style="color: red;">XXXXXXXXXX</span><span style="color: blue;">feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script></span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><br /></span><br /></span><span style="font-family: Arial, Helvetica, sans-serif;">Las siguientes lineas se configuran con TRUE para que se muestre y FALSE para ocultarlo. Hay dos que se definen con un valor numérico: <span style="color: red;"> </span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;">var numposts = 10;</span> - <span style="color: red;"> </span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;">var numchars = 60;</span></span><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span><span style="font-family: Arial, Helvetica, sans-serif;"><br /><span style="color: red;">var numposts = 10;</span> » Muestra el número de entradas que se visualizarán.<br />var showpostthumbnails = true; » Mostrar la miniatura de la primera imagen del tema.<br />var displaymore = false; » Mostrar la palabra "Más" para ir al tema.<br />var displayseparator = false; » Mostrar una línea que separa los temas del gadget.<br />var showcommentnum = false; » Mostrar el número de comentarios.<br />var showpostdate = false; » Mostrar la fecha de publicación del tema.<br />var showpostsummary = true; » Mostrar el texto del inicio del tema.<br /><span style="color: red;">var numchars = 60;</span> » Muestra el número de caracteres que incluirá el texto.<br /><br /></span><span style="font-family: Arial, Helvetica, sans-serif;">Para terminar colocamos la URL de nuestro Blog por las <b style="color: red;">xxxxxxxxxx, </b>Guardamos cambios y y esta.</span></div>
</div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: center;">
<span style="color: red; font-family: Verdana, sans-serif; font-size: x-large;">Si te sirvió Compártelo en tus Redes Sociales!</span></div>
Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-8284224000143145912013-06-13T12:31:00.000-07:002013-06-13T14:38:46.730-07:00Como centrar los Títulos de las Entradas en Blogger<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLk6H2x6wbYsTox0231VDDcF2HlxG1vWoH_KMhQoLLEFXcB25bwDAqN-bnw08IyOnkWnmFMXfse1ocPqynMSWgFWdEb65xx3f-DgubxZyiY9-t7GKZuRFMjtlVSwB8jL5F0bMIVPhVkt5c/s1600/73224e02ed55e80ec3c65f88db54a1e2.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhLk6H2x6wbYsTox0231VDDcF2HlxG1vWoH_KMhQoLLEFXcB25bwDAqN-bnw08IyOnkWnmFMXfse1ocPqynMSWgFWdEb65xx3f-DgubxZyiY9-t7GKZuRFMjtlVSwB8jL5F0bMIVPhVkt5c/s1600/73224e02ed55e80ec3c65f88db54a1e2.png" height="320" width="320" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;">Seguramente al ver sus entradas , hay un detalle que les llama la atención : El titulo esta pegado a la izquierda. Ahora veremos como centrar dichos títulos , para mejorar la apariencia de nuestro Blog usando el siguiente código:</span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /><span style="color: red;">text-align: center;</span><br /><br />Sea cual fuere su plantilla del Blog nos vamos a : Plantilla / Editar HTML y ubicamos la siguiente linea:</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">h3.post-title { ( si no es esta hacemos la prueba con la siguiente)<br /><br /><br /><br />.post-title { ( si no es esta hacemos la prueba con la siguiente)<br /><br /><br /><br />.post h3 { ( si no es esta hacemos la prueba con la siguiente)</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">.post-title { margin: 0; padding: 10px; </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"> <br /><br />Pinchamos Control + F verás un buscador que sirve para usarlo en cualquier página, coloca el comando, por ejemplo: .post h3 { y te lo ubicara de inmediato.<br /><br />Busquen cualquiera de las cuatro líneas que les muestro arriba en su plantilla; ahora solo tienen que ubicar la línea para centrar, debajo de la línea de titulo que ustedes usen; como ejemplo les muestro la mía que uso la Plantilla<span style="color: blue;"> Etherea.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">h3.post-title, h4 {</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="color: red; font-family: Arial, Helvetica, sans-serif;">text-align:center;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">font: $(post.title.font);</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">color: $(post.title.text.color);</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">}</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /><br />En algunas plantillas antiguas, tal vez sea necesario no dejar un espacio entre: y center , quedando de la siguiente manera:<br /><br />text-align:center;</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><b><span style="color: red;">Nota.-</span></b>Para una plantilla de las que se consiguen con diseños ya hechos en páginas especializadas para plantillas, es muy probable que no vean ninguno de los códigos de arriba, por lo general la parte del titulo en estas plantillas es así:<br /><br /><b:if cond='data:post.title'><br /><span style="color: red;"><div style="text-align: center;"></span><br /><span style="color: blue;"> <h3 class='post-title entry-title'></span><br /> <b:if cond='data:post.link'><br /> <a expr:href='data:post.link'><data:post.title/></a><br /> <b:else/><br /> <b:if cond='data:post.url'><br /> <a expr:href='data:post.url'><data:post.title/></a><br /> <b:else/><br /> <data:post.title/><br /> </b:if><br /> </b:if><br /> </h3><br /><span style="color: red;"></div></span><br /> </b:if><br /><br />Solo tendrían que agregarle las etiquetas <span style="color: red;"><div></span>, que están en color rojo, como pueden darse cuenta en este caso la estiqueta div se coloca sobre el <span style="color: blue;"><h3 class='post-title entry-title'></span> y no debajo de él, el cierre del <span style="color: red;"></div></span> va sobre el último cierre del </b:if>, la mayoría de veces es fácil saber donde termina ya que después sigue un nuevo <div><br /><br />Guardamos cambios y ye esta . </span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div style="text-align: center;">
<span style="color: red; font-family: Arial, Helvetica, sans-serif; font-size: x-large;"><b>Si te Gusto Compártelo en tus Redes Sociales</b></span></div>
Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-84853337125062219162013-06-12T16:08:00.000-07:002013-06-12T16:08:41.365-07:00Poner una Camara de Vigilancia en tu Blog<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://www.imagenesanimadas.net/Tecnologia/Camaras-Vigilancia/Camaras-01.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="http://www.imagenesanimadas.net/Tecnologia/Camaras-Vigilancia/Camaras-01.gif" /></a></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Esta vez pondremos una cámara de vigilancia en nuestro Blog. Que se encargara de vigilar cada movimiento de tecla de tus Lectores.....</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;">En fin solo se trata de darle un aire de frescura a nuestro Blog con este Gadget.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><u><b>Empecemos entonces:</b></u></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">1.- Nos vamos a Diseño / Agregar Gadget / HTML Jva Script.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">2.- Copiamos el siguiente código y lo pegamos dentro del Gadget.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="color: blue; font-family: Arial, Helvetica, sans-serif;"><div style="text-align: center;"></span><br />
<span style="color: blue; font-family: Arial, Helvetica, sans-serif;"><a href="http://bit.ly/pg9PmI" _fcksavedurl="" style="right: 0px; position: fixed; top: 0px;"><img src="http://www.imagenesanimadas.net/Tecnologia/Camaras-Vigilancia/Camaras-01.gif" _fcksavedurl="http://www.imagenesanimadas.net/Tecnologia/Camaras-Vigilancia/Camaras-01.gif" alt="" /></a></div></span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">3.- Guardamos los cambios y ya esta.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;">Nota.-</span> La cámara se situara en la esquina superior derecha.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<br />
<div style="text-align: center;">
<span style="color: red; font-family: Verdana, sans-serif; font-size: large;"><i>Si te gusto compártelo en tus Redes Sociales</i></span></div>
Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-25820269289769550182013-06-12T15:20:00.000-07:002013-10-06T15:07:53.184-07:00Aviso: Comentar es Agradecer con la imagen de Bart Simpsom en tu Blog<div dir="ltr" style="text-align: left;" trbidi="on">
<div style="text-align: justify;">
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghNUpfg0_X7_rY7XebdHE4SLiKjoeHyS_e4k8iS7pO3dMYH0t9gfZmoacJhEdl1ahJoFAyPzBIoMwFgCkHwdPr3gVgtoB7mS4cr2DGsUDtMZFCKlzSlfhE4K8-XdO8DFjrKHdpGRw03Fxe/s1600/tegustodameunlike.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEghNUpfg0_X7_rY7XebdHE4SLiKjoeHyS_e4k8iS7pO3dMYH0t9gfZmoacJhEdl1ahJoFAyPzBIoMwFgCkHwdPr3gVgtoB7mS4cr2DGsUDtMZFCKlzSlfhE4K8-XdO8DFjrKHdpGRw03Fxe/s1600/tegustodameunlike.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwxqd8WyA4mDAJc1C2j_oKs4AcaZViz27Y0jDW1pDNsUO0CDJHOuhLvG_opibvzhBRnC4QHvyPDbAZqh1P1QdO2WOP8IMpjhlbhbqA-wXqRw9tVzhWrXR_5NMj3D7BoSel44FLkZH4n6-i/s1600/12-6-2013+17.6.28+2.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwxqd8WyA4mDAJc1C2j_oKs4AcaZViz27Y0jDW1pDNsUO0CDJHOuhLvG_opibvzhBRnC4QHvyPDbAZqh1P1QdO2WOP8IMpjhlbhbqA-wXqRw9tVzhWrXR_5NMj3D7BoSel44FLkZH4n6-i/s1600/12-6-2013+17.6.28+2.jpg" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj79h4_RedK2P6SY6J1koO5QC-PPBcwdi-pxZQL6SGhENc4gqm-66hS5rKcn8-AudWVXkpVKUv4AugiMf5HyFMcCaQXwCNvMIKob7LxpzREdx023C5bsZ4_PrVbRLT0lSZSFcQ8US3A9iEe/s1600/pink.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj79h4_RedK2P6SY6J1koO5QC-PPBcwdi-pxZQL6SGhENc4gqm-66hS5rKcn8-AudWVXkpVKUv4AugiMf5HyFMcCaQXwCNvMIKob7LxpzREdx023C5bsZ4_PrVbRLT0lSZSFcQ8US3A9iEe/s1600/pink.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg0H4xsNf9P822ObgEW4nHLyw6MT7miE-s62rnoir-L8KlezonwKmQ7i21DtmmyO0EW8-pFjS4BjQCjGVa4kR_ezNtGjdXJDOSLF6AWeSDx5tqrfcB0SjKfQLlVGKBNEOMG-CT1Zx_-zQ_/s1600/pica.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjg0H4xsNf9P822ObgEW4nHLyw6MT7miE-s62rnoir-L8KlezonwKmQ7i21DtmmyO0EW8-pFjS4BjQCjGVa4kR_ezNtGjdXJDOSLF6AWeSDx5tqrfcB0SjKfQLlVGKBNEOMG-CT1Zx_-zQ_/s1600/pica.png" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTMHct917HjHQLCwP0tTemYvxXtI3ore4bq6xjUIqDKX8dLCtefP51IonP_mha7b-sOnlpyYg_oUGJ2gOwWwzFkScTbBcgMK1IkIqAV-pNm2uFGDJLXEAGx_BW2rn77Cn-3CZf24HQZ6ow/s1600/bart1.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgTMHct917HjHQLCwP0tTemYvxXtI3ore4bq6xjUIqDKX8dLCtefP51IonP_mha7b-sOnlpyYg_oUGJ2gOwWwzFkScTbBcgMK1IkIqAV-pNm2uFGDJLXEAGx_BW2rn77Cn-3CZf24HQZ6ow/s1600/bart1.gif" /></a></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Con este truco se hace realidad el ya famoso dicho Bloggero "Nuestro Blog se alimenta de tus Comentarios"</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">En fin para persuadir sutilmente a nuestros lectores a dejar al menos un Gracias! Procederemos a instalar este Gadget en vuestro BLOG.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">1. Nos vamos a Diseño: Agregar un Gadget / HTML Java Script.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">2. Copiamos el siguiente código y lo pegamos dentro de nuestro Gadget.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><br /> <br /><a style="display:scroll;position:fixed;bottom:0px;</span>right<span style="color: blue;">:0px;" href=" http://supertrucosparatu.blogspot.com/2013/06/aviso-comentar-es-agradecer-con-la.html</span></span><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjcJXG63TQlvglaKzp8ghUT_N-wAR5Kb3DD7rGR3Vd-OWrQE9JA7jW8ODflNctGQBvpSDRBNZN6d8T-vS76Uc5izui46-kXkh4x-QRb2K3nqattw7z1oaWcscbJf_PLPcI-jCAhmqGOC-Q/s1600/gadget.png" /></a><br /><br /> </span></div>
<div style="text-align: justify;">
<span style="color: blue;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="color: blue;"><span style="font-family: Arial, Helvetica, sans-serif;">3. Guardamos cambios y ya esta.</span></span></div>
<div style="text-align: justify;">
<span style="color: blue;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;">Nota.- en este caso tampoco es necesario un titulo.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;">+El codigo esta configurado para que la imagen aparezca en el lado inferior derecho=right , pero si lo quieres en la izquierda solo cambia </span> right <span style="color: red;">por left.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;">Pueden copiar las imagenes de arriba y usarlas . o sino crearse las suyas en Photoshop</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: red;"><br /></span></span>
<br />
<div style="text-align: center;">
<span style="color: blue; font-family: Verdana, sans-serif; font-size: large;">Si te gusto compártelo en tu Red Social!</span></div>
</div>
</div>
Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-6389161842005693332013-06-12T14:52:00.000-07:002013-06-12T14:55:31.919-07:00Poner el botón de ir Arriba e ir Abajo en tu Blog [con un Gadget]<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk_d6c1H76b_5ODlMuFY-sqK3Lxko2qkm9R9E6wqVdE1EA1_hZFh2RhZo-Cc8zshjGRX8PocvEA7ZdIJTPQzKwjfmTUrciCdw_veZU9MpsGseHsscAt0fcASStNKHn00IkZXYF_q9jkVA1/s1600/12-6-2013+16.6.51+1.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk_d6c1H76b_5ODlMuFY-sqK3Lxko2qkm9R9E6wqVdE1EA1_hZFh2RhZo-Cc8zshjGRX8PocvEA7ZdIJTPQzKwjfmTUrciCdw_veZU9MpsGseHsscAt0fcASStNKHn00IkZXYF_q9jkVA1/s1600/12-6-2013+16.6.51+1.jpg" /></a></div>
<div style="text-align: justify;">
<br /></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Este truco siempre es necesario pues todo Blogger tiene mas de una entrada extensa y encima si tiene muchos comentarios, le hará falta este Gadget pues como Bloggeros queremos hacerle la vida fácil a nuestros lectores.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Empecemos entonces :</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">1. Nos vamos a Diseño / Agregar Gadget / HTML Java Script.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;">2. En este caso no es necesario ponerle un titulo.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">3. Copiamos el siguiente código y lo pegamos </span><span style="font-family: Arial, Helvetica, sans-serif;"> dentro del Gadget.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="color: blue; font-family: Arial, Helvetica, sans-serif;"><div id="navigation_up_down_79136"><noscript>Javascript is disable - <a href="http://www.webestools.com/">Webestools</a> - <a href="http://www.webestools.com/navigation-buttons-generator-scroll-top-bottom-shortcut-page-up-down-scroll-buttons-javascript.html">Navigation Buttons Generator html scroll up down</a></noscript><script type="text/javascript" src="http://services.webestools.com/navigation_up_down/1-79136-right.js"></script></div></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">4. Guardamos cambios y ya esta.</span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"></span></div>
<div style="text-align: justify;">
<br /></div>
Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-71222597086493266792013-06-10T07:53:00.000-07:002013-06-10T07:53:09.438-07:00Ventana flotante con opción de cerrar con una X<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRDeM_8CCJhsBiV0dLrhqrMH5tXvhnFC3y1hknXieaD86Eb_i1ku-BP-Gahjk3IWuoz5Ufwmi_vpLgLlzJFOnwaHpqAn-T14ZCALZuc3EaFQLChNGDV3qlqXRR0IJtb_dgna42ucXqegS_/s1600/10-6-2013+9.6.12+17.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgRDeM_8CCJhsBiV0dLrhqrMH5tXvhnFC3y1hknXieaD86Eb_i1ku-BP-Gahjk3IWuoz5Ufwmi_vpLgLlzJFOnwaHpqAn-T14ZCALZuc3EaFQLChNGDV3qlqXRR0IJtb_dgna42ucXqegS_/s1600/10-6-2013+9.6.12+17.jpg" height="220" width="320" /></a></div>
<span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22.875px;"><b><br /></b></span>
<b style="color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22.875px;">E</b><span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22.875px;">sta vez les enseñare como crear una ventana flotante ,con opción de cerrar con una (x).</span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22.875px;"><b>E</b>sto les servirá cuando quieran dejar una nota a sus seguidores, lectores en fin.</span><br style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;" /><span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22.875px;"><b>S</b>olo bastara que copien y peguen el siguiente código en un GADGET HTML-JAVA Script:</span><br style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;" /><span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22.875px;"><b>A</b>bren su cuenta , <span style="color: blue;">Diseño</span>, <span style="color: blue;">Agregar un Gadget</span>,<span style="color: blue;"> Html - Java Script</span> y pegan el código en el contenedor.</span><br style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;" /><span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22.875px;"><br /></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"></span><span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22.875px;">No es necesario poner un titulo.</span><br />
<h3 class="post-title entry-title" itemprop="name" style="background-color: white; box-sizing: border-box; font-family: Arial, serif; font-size: 24px; line-height: 1.4em; margin: 0px 0px 0px 210px; padding: 0px 0px 30px; text-align: center; z-index: 3;">
<span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"><div id='ventana-flotante'></span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"> <a class='cerrar' href='javascript:void(0);' onclick='document.getElementById(&apos;ventana-flotante&apos;).className = &apos;oculto&apos;'>x</a></span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"> <div id='contenedor'></span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"> <div class='contenido'></span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><i style="box-sizing: border-box; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;"><span style="box-sizing: border-box; margin: 0px; padding: 0px;"><span style="color: blue;">Aquí va el mensaje.</span></span></i><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"> </div></span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"> </div></span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"></div></span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"><style></span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">#ventana-flotante {</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">width: 360px; </span><span style="box-sizing: border-box; color: #38761d; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;">/* Ancho de la ventana */</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">height: 90px; </span><span style="box-sizing: border-box; color: #38761d; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;">/* Alto de la ventana */</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">background: #ceffad; </span><span style="box-sizing: border-box; color: #38761d; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;">/* Color de fondo */</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"><span style="color: blue;">position:</span></span><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"> fixed;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"><span style="color: blue;">top:</span></span><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"> </span><span style="box-sizing: border-box; color: red; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;">200</span><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">px;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"><span style="color: blue;">left:</span></span><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"> 50%;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">margin-left: -</span><span style="box-sizing: border-box; color: blue; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;">180</span><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">px;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">border: 1px solid #adffad; </span><span style="box-sizing: border-box; color: #38761d; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;">/* Borde de la ventana */</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">box-shadow: 0 5px 25px rgba(0,0,0,.1); </span><span style="box-sizing: border-box; color: #38761d; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;">/* Sombra */</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">z-index:999;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">}</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">#ventana-flotante #contenedor {</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">padding: 25px 10px 10px 10px;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">}</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">#ventana-flotante .cerrar {</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">float: right;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">border-bottom: 1px solid #bbb;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">border-left: 1px solid #bbb;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">color: #999;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">background: white;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">line-height: 17px;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">text-decoration: none;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">padding: 0px 14px;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">font-family: Arial;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">border-radius: 0 0 0 5px;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">box-shadow: -1px 1px white;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">font-size: 18px;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">-webkit-transition: .3s;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">-moz-transition: .3s;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">-o-transition: .3s;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">-ms-transition: .3s;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">}</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">#ventana-flotante .cerrar:hover {</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">background: #ff6868;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">color: white;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">text-decoration: none;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">text-shadow: -1px -1px red;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">border-bottom: 1px solid red;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">border-left: 1px solid red;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">}</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">#ventana-flotante #contenedor .contenido {</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">padding: 15px;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">box-shadow: inset 1px 1px white;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">background: #deffc4; </span><span style="box-sizing: border-box; color: #38761d; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;">/* Fondo del mensaje */</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">border: 1px solid #9eff9e; </span><span style="box-sizing: border-box; color: #38761d; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;">/* Borde del mensaje */</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">font-size: 20px; </span><span style="box-sizing: border-box; color: #38761d; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;">/* Tamaño del texto del mensaje */</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">color: #555; </span><span style="box-sizing: border-box; color: #38761d; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;">/* Color del texto del mensaje */</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">text-shadow: 1px 1px white;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">margin: 0 auto;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">border-radius: 4px;</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">}</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;">.oculto {-webkit-transition:1s;-moz-transition:1s;-o-transition:1s;-ms-transition:1s;opacity:0;-ms-opacity:0;-moz-opacity:0;visibility:hidden;}</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; font-weight: normal; line-height: 20px;"></style></span></h3>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;">
<span style="color: #222222; font-family: Courier; font-size: 13px; line-height: 20px;"><!--[if IE]></span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; line-height: 20px;"><style></span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; line-height: 20px;">.oculto {display:none}</span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; line-height: 20px;"></style></span><br style="box-sizing: border-box; color: #222222; font-family: Courier; font-size: 13px; line-height: 20px; margin: 0px; padding: 0px;" /><span style="color: #222222; font-family: Courier; font-size: 13px; line-height: 20px;"><![endif]--></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;">
<span style="color: #222222; font-family: Courier; font-size: 13px; line-height: 20px;"><br /></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #222222; line-height: 20px;"><b>E</b>n las partes del texto que esta con </span><span style="line-height: 20px;"><span style="color: #6aa84f;">verde</span></span><span style="color: #222222; line-height: 20px;">: ustedes configuran el fondo, borde, texto, color del texto, ancho de la ventana, alto de la ventana, la sombra.</span></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #222222; line-height: 20px;"><b>E</b>n la parte que esta con </span><span style="line-height: 20px;"><span style="color: blue;">azul</span></span><span style="color: #222222; line-height: 20px;"> ponen su mensaje.</span></span></div>
<div style="background-color: white; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #222222; line-height: 20px;"><b>P</b>odran ponerla donde gusten: centro, derecha, izquierda, en : </span><span style="line-height: 20px;"><span style="color: blue;">Position, Top, Left.</span></span></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;">
<span style="color: #222222; line-height: 20px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>L</b>es quedara como este ejemplo:<a href="http://haciendomi.blogspot.com/" target="_blank"> Ventana Flotante con X para cerrar</a></span></span></div>
<div>
<span style="color: #222222; line-height: 20px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span></div>
Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-79390296533272479602013-06-10T07:22:00.000-07:002013-06-10T07:22:47.509-07:00Imagen Flotante con opción de cerrar en Blogger<span style="color: black; float: left; font-family: Times New Roman; font-size: 50px; line-height: 30px; padding-right: 5px; padding-top: 5px;"> E</span>
<br />
<div style="background-color: white; font-family: Arial, serif; font-size: 14px; line-height: 22.875px; text-align: justify;">
<div style="color: #333333;">
<span style="font-family: Arial, Helvetica, sans-serif;">n algunas ocasiones de seguro necesitaremos este truco en nuestro Blog, ya sea para publicitar algo, felicitar a alguien o simplemente saludar a nuestros seguidores en días festivos como Fiestas Patrias, Navidad, Fin de Año,etc,etc.</span><a href="http://programas-gratis-pc-full.blogspot.com/" style="color: #fc8901; font-family: Arial, Helvetica, sans-serif; text-decoration: none;" target="_blank">Click aqui</a><span style="font-family: Arial, Helvetica, sans-serif;"> para ver el resultado en mi blog de intercambio.</span></div>
<div style="color: #333333;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="clear: both; text-align: center;">
<span style="color: #333333;">Clic en el enlace para visualizar el efecto: </span><span style="color: red;"><a href="http://programas-gratis-pc-full.blogspot.com/" target="_blank">Vista previa</a></span></div>
<div class="separator" style="clear: both; color: #333333; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; color: #333333; text-align: center;">
<a href="http://programas-gratis-pc-full.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcFNZeJ1tXJGVOIjRoZSuCN1IzBIxvMdsCOk7MxYYvRyxCa0TTEcdEQ-e6PodyP2hLwuWFS0kR4-iUOxfMH_N9EuPxXEFKYwUa7jUfuN0T4eS-R54tmSJ87itoKOoGM6wykOoVYXStqYl-/s1600/10-6-2013+9.6.7+16.jpg" height="221" width="320" /></a></div>
<div style="color: #333333;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
</div>
<span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22.875px;">Entonces manos a la obra : abrimos nuestra cuenta de Blogger y vamos a <b>Plantilla / Edición HTML</b> y antes de<b> <\head></b> copia y pega esto:</span><br />
<br style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;" />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="color: #3d85c6;"><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><script type='text/javascript'></span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">//<![CDATA[</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">var ftr_arr = new Array();</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">var ftr_clear = new Array();</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">function ftrFloat(ftr) {</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">ftr_arr[ftr_arr.length] = this;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">var ftrpointer = eval(ftr_arr.length-1);</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">this.pagetop = 0;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">this.cmode = (document.compatMode && document.compatMode!="BackCompat") ? document.documentElement : document.body;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">this.ftrsrc = document.all? document.all[ftr] : document.getElementById(ftr);</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">this.ftrsrc.height = this.ftrsrc.offsetHeight;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">this.ftrheight = this.cmode.clientHeight;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">this.ftroffset = ftrGetOffsetY(ftr_arr[ftrpointer]);</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">var ftrbar = 'ftr_clear['+ftrpointer+'] = setInterval("ftrFloatInit(ftr_arr['+ftrpointer+'])",1);';</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">ftrbar = ftrbar;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">eval(ftrbar);</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">}</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">function ftrGetOffsetY(ftr) {</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">var ftrTotOffset = parseInt(ftr.mtasrc.offsetTop);</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">var parentOffset = ftr.ftrsrc.offsetParent;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">while ( parentOffset != null ) {</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">ftrTotOffset += parentOffset.offsetTop;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">parentOffset = parentOffset.offsetParent;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">}</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">return ftrTotOffset;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">}</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">function ftrFloatInit(ftr) {</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">ftr.pagetop = ftr.cmode.scrollTop;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">ftr.ftrsrc.style.top = ftr.pagetop - ftr.mtaoffset + "px";</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">}</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">function closeTopAds() {</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">document.getElementById("ftr_imagen").style.visibility = "hidden";</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">}</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">//]]></span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></script></span></span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="color: #3d85c6;"><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span></span></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="color: #3d85c6;"><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span></span></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="font-family: Arial, Georgia, serif; line-height: 16.890625px;">Luego antes de<b> </body></b> copia y pega lo siguiente: </span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="font-family: Arial, Georgia, serif; line-height: 16.890625px;"><br /></span></span>
<span style="-webkit-transition: all 0.4s linear; background-color: white; color: #333333; cursor: text; display: block; font-family: Arial, Georgia, serif; font-size: 13px; line-height: 19.5px; margin-top: 10px; padding: 10px; transition: all 0.4s linear;"><span style="line-height: 16.890625px;"><span style="color: red;"><a href="</span><span style="color: blue;">URL del enlace</span><span style="color: red;">"></span></span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="color: #3d85c6;"><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><div id='ftr_imagen'></span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><img border='0' class='close' onClick='closeTopAds();return false;' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEisbbNsRG2neGlHOn_BtnYLeHxWSH3Um5wBey2vFoaB7XwpVVfsny565hmjjRbovOTe6V3SURUil2s5W_768V9OGTkd1n317yowpRz27DPabWeS11YxLjpp7RrQAJehvAmkkWaIjUvZgW8/s200/iconClose.gif'/></span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></div></span></span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="color: #3d85c6;"><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"></a></span></span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 16.890625px;"><br /></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"></span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 16.890625px;"><b>Nota.-</b> la primera linea que esta de </span><span style="background-color: white; color: red; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 16.890625px;">rojo y </span><span style="background-color: white; color: blue; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 16.890625px;">azul</span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.875px;"><span style="line-height: 16.890625px;"> es opcional si quieren ponerle un vinculo a la imagen, si no lo desean simplemente la borran, de ser así también borren el cierre </a></span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="color: #3d85c6;"><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span></span></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="font-family: Arial, Georgia, serif; line-height: 16.890625px;">Para finalizar copiamos y pegamos lo siguiente : antes de </span></span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 20.796875px;"> </span><b style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 20.796875px;">]]></b:skin></b><br />
<span style="background-color: white; color: red; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><b style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 20.796875px;"><br /></b></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">#ftr_imagen {</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">background: url(</span><span class="Apple-style-span" style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: blue;">URL de la imagen flotante</span></span><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">) no-repeat;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">bottom: 0px;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">right: 0px;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span class="Apple-style-span" style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: blue;">width: 128px;<br />height: 128px;</span></span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">position: fixed;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">}</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">.close {</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">float: right;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">padding-right: 10px;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">cursor: hand;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">cursor: pointer;</span><br style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;" /><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;">}</span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><br /></span></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="font-family: Arial, Georgia, serif; line-height: 16.890625px;">Agregamos la URL de la imagen en la linea que esta de </span><span style="font-family: Arial, Georgia, serif; line-height: 16.890625px;"><span style="color: blue;">azul</span></span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="font-family: Arial, Georgia, serif; font-size: 13px; line-height: 16.890625px;"><span style="color: blue;"><br /></span></span></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="font-family: Arial, Georgia, serif; line-height: 16.890625px;"><span style="color: blue;">Nota.-</span></span><span style="font-family: Arial, Georgia, serif; line-height: 16.890625px;"> podras configurar lo siguiente:</span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="font-family: Arial, Georgia, serif; line-height: 16.890625px;">Width= ancho</span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="font-family: Arial, Georgia, serif; line-height: 16.890625px;">Height= alto</span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="font-family: Arial, Georgia, serif; line-height: 16.890625px;">Right (derecha) o Left (izquierda)</span></span><br />
<span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="font-family: Arial, Georgia, serif; line-height: 16.890625px;"><br /></span></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"></span><span style="background-color: white; color: #333333; font-family: Arial, Georgia, serif; font-size: 14px; line-height: 22.875px;"><span style="line-height: 16.890625px;"><b>T</b>ambién</span></span><span style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;"><span style="font-family: Arial, Georgia, serif; line-height: 16.890625px;"> para que no se demoren localizando las etiquetas ejecuten el buscador: CTRL+G ,digitan </head> y le dan Enter, y en instantes lo buscara por ustedes.</span></span>Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-54420374528997655902013-06-10T07:09:00.000-07:002013-06-10T07:09:52.890-07:00Imagen flotante en Blogger<span style="color: black; float: left; font-family: Times New Roman; font-size: 50px; line-height: 30px; padding-right: 5px; padding-top: 5px;"> P</span>
<br />
<div class="MsoNormal" style="background-color: white;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #333333; font-family: Arial, serif;"><span style="font-size: 14px; line-height: 22.875px;">ara lograr este efecto nos dirigimos a: Diseño / Agregar Gadget / seleccionamos "HTML-Java SCRIPT" y </span></span><span style="color: #333333;"><span style="font-size: 14px; line-height: 22.875px;">ahi</span></span><span style="color: #333333; font-family: Arial, serif;"><span style="font-size: 14px; line-height: 22.875px;"> copiamos y pegamos el siguiente código:</span></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: #333333; font-family: Arial, serif;"><span style="font-size: 14px; line-height: 22.875px;"><br /></span></span></span></div>
<div class="MsoNormal" style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><a style="display:scroll;position:fixed;bottom:0px;right:0px;" href=" </span><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">http://programas-gratis-pc-full.blogspot.com/p/videos.html</span><span style="font-family: Arial, Helvetica, sans-serif;">"/><img src="</span><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiMklINkC6tzDULQBgKsz0yko0rmyGrZn26IX8MNeRT3YBNYE6fh6jWTbCiWvylmC1nju_d69F5LSEp8nTH5TyslK8mENKVsEBOWxKj_pblh-8KaSlov931yWwpe_uqons_efHeEaJv79GR/s320/123.jpg</span><span style="font-family: Arial, Helvetica, sans-serif;"> "/></a></span></div>
<div class="MsoNormal" style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="color: blue; font-family: Arial, Helvetica, sans-serif;">Nota.-</span><span style="font-family: Arial, Helvetica, sans-serif;"> en las lineas de color </span><span style="color: blue; font-family: Arial, Helvetica, sans-serif;">azul</span><span style="font-family: Arial, Helvetica, sans-serif;"> ustedes las cambian por sus datos: Url de la imagen y Url a donde redireccionara la imagen al hacer click en ella.</span></div>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div class="separator" style="background-color: white; clear: both; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;">
</div>
<ul>
<li><span style="font-family: Arial, Helvetica, sans-serif;">Clic en el enlace para vista previa: <a href="http://haciendomi.blogspot.com/" target="_blank">Conocimiento Gratuito</a></span></li>
</ul>
<div class="separator" style="clear: both; text-align: center;">
<a href="http://haciendomi.blogspot.com/" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsuvzKT_53EUDKVKx308Op96FWH3ZGliyZ57z55b6ICyivGe9s_61kK25VU-vnfPtxCUqqH3o5PYYJr3TtsZWjA1pPlE67doyU0MD52ud-cQppvz-pyYmnHoHtDRUTPwDYNMdXTd1Lp6h9/s1600/10-6-2013+9.6.38+15.jpg" height="220" width="320" /></a></div>
<div>
<br /></div>
Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-10678373135326914552013-06-10T06:49:00.001-07:002013-06-13T14:59:41.501-07:00Eliminar/Ocultar mensaje"Mostrando entradas con la Etiqueta ...... "<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwVPtzKPWo46faazJrINqBAjbEj5NaR1f5p-EXydsijLPtPWWATdkaK0SZOEgBnuO0eG6wWNkCYsXbevYGqrwYGIx9Ys4m_q-S-rSA8yY3h5FgfT8C_9n2QG5ugiKa3R7rH0xbo8wpLiGs/s1600/blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiwVPtzKPWo46faazJrINqBAjbEj5NaR1f5p-EXydsijLPtPWWATdkaK0SZOEgBnuO0eG6wWNkCYsXbevYGqrwYGIx9Ys4m_q-S-rSA8yY3h5FgfT8C_9n2QG5ugiKa3R7rH0xbo8wpLiGs/s1600/blogger.png" /></a></div>
<span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20.796875px; text-align: justify;"><br /></span>
<span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">Seguro les a pasado que cuando están buscando una etiqueta del blog y usamos el método clásico de búsqueda en blogs</span><b style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">"Las Etiquetas"</b><span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20.796875px; text-align: justify;"> y nos aparece un rectángulo con este mensaje un tanto molesto: </span><br />
<span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20.796875px; text-align: justify;"><br /></span>
<br />
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWetu_w96ssula-ozJlJRawfSF99xXoq-O5HXw6Ed6TIhZYjKp8lkY-M1JwItbT2GJ7A_lPiP-iKbG3ilUkpfTDnr_W38qN0mcW7sClpxAJmSLDxIYfXxH4HL3K8FFGoo83-dM0qYvrYPB/s1600/reeee.PNG" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjWetu_w96ssula-ozJlJRawfSF99xXoq-O5HXw6Ed6TIhZYjKp8lkY-M1JwItbT2GJ7A_lPiP-iKbG3ilUkpfTDnr_W38qN0mcW7sClpxAJmSLDxIYfXxH4HL3K8FFGoo83-dM0qYvrYPB/s1600/reeee.PNG" height="33" width="320" /></a></div>
<span style="background-color: white; color: #333333; font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 20.796875px; text-align: justify;"><br /></span>
<br />
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;">Bueno manos a la obra y hacemos lo siguiente:</span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px; text-align: justify;">
<b><u><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: transparent; line-height: 20.796875px;">Opción</span><span style="line-height: 20.796875px;"> 1 (Ocultar mensaje)</span></span></u></b></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="text-align: left;">Abren su blog nos vamos a </span><b style="text-align: left;"><span style="color: blue;">Plantilla / Edición de HTML</span></b><span style="text-align: left;"><span style="color: blue;"> </span>y antes de </span><span style="color: blue;"><b style="text-align: left;">]]></b:skin></b><span style="text-align: left;"> </span></span><span style="text-align: left;"> copiamos y pegamos esto:</span></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; text-align: left;"><br /></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 16.890625px; text-align: left;">.status-msg-wrap {visibility:hidden;display:none;}</span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 16.890625px; text-align: left;"><br /></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 16.890625px; text-align: left;"><br /></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="line-height: 16.890625px;"><b><u>Opción</u></b></span><span style="line-height: 16.890625px;"><b><u> 2 (Eliminar mensaje)</u></b></span></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 16.890625px; text-align: left;"><br /></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="text-align: left;">Entran a </span><b style="text-align: left;"><span style="color: blue;">Plantilla / Edición de HTML</span></b><span style="text-align: left;"><span style="color: blue;">, CTRL +G</span> para abrir el buscador </span><span style="text-align: left;"> y ubica este código:</span></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; text-align: left;"><br /></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; line-height: 16.890625px; text-align: left;"><b:include data='top' name='status-message'/></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 20.796875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; text-align: left;"><br /></span></div>
<div style="background-color: white; color: #333333; font-family: Arial, serif; font-size: 14px; line-height: 22.875px; text-align: justify;">
<span style="font-family: Arial, Helvetica, sans-serif; text-align: left;"><span style="line-height: 16.890625px;">Lo eliminamos </span><span style="line-height: 20.796875px;"> y guardamos los cambios, eso seria todo. El mensaje ya no volverá a aparecer, usando cualquiera de los dos trucos.</span></span></div>
Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-6901244162996749362013-06-10T06:35:00.000-07:002013-06-10T06:39:29.053-07:00Mostrar la primera letra con mas Tamaño en la Entrada de tu Blog<br />
<div class="separator" style="clear: both; text-align: center;">
</div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcgzTuhMq215su3UF2gtVxgFvaNeEdJd0BA902Rpwh1Q7cYKJG5BFHMVy_wgw4ydZNzgzV8QFsWad0rso5Kg2whgF_X8Sdhq34Z_8AdIgjYM9P_Bz7vgAtDmMN4Z9ap1QkcdtufrjkS5ay/s1600/blogger-logo-square-webtreatsetc.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhcgzTuhMq215su3UF2gtVxgFvaNeEdJd0BA902Rpwh1Q7cYKJG5BFHMVy_wgw4ydZNzgzV8QFsWad0rso5Kg2whgF_X8Sdhq34Z_8AdIgjYM9P_Bz7vgAtDmMN4Z9ap1QkcdtufrjkS5ay/s1600/blogger-logo-square-webtreatsetc.png" height="317" width="320" /></a></div>
<span style="color: black; float: left; font-family: Times New Roman; font-size: 50px; line-height: 30px; padding-right: 5px; padding-top: 5px;"><br /></span><span style="color: black; float: left; font-family: Times New Roman; font-size: 50px; line-height: 30px; padding-right: 5px; padding-top: 5px;"> E<span style="background-color: white; font-family: Arial, Helvetica, sans-serif; font-size: 14px;">ste truco dará mayor realce a sus entradas ya que aplicando este código la letra inicial siempre sera mas grande que las demás,(tipo letra capital de Word).</span></span><span style="background-color: white; color: #333333; float: left; padding-right: 5px; padding-top: 5px;"><u><span style="background-color: transparent; font-size: 14px; line-height: 30px;"><span style="font-family: Arial, Helvetica, sans-serif;"><b>Código</b></span></span><b style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 30px;"> a pegar:</b></u><span style="font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 22.875px;"><br /><span style="line-height: 30px;">Simplemente copiamos y pegamos el código al iniciar una entrada en <span style="color: red;">HTML</span>, Luego en <span style="color: red;">Redactar </span>continuamos con la entrada.</span></span></span><span style="background-color: white; float: left; font-family: Arial, serif; font-size: 14px; line-height: 22.875px; padding-right: 5px; padding-top: 5px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: black; line-height: 14.03125px;"><span style="color:</span><span style="color: #333333; line-height: 14.03125px;"><span style="color: purple;">#000000</span></span><span style="color: black; line-height: 14.03125px;">; float: left; font-family: </span><b style="line-height: 14.03125px;"><span style="color: red;">Times New Roman</span></b><span style="color: black; line-height: 14.03125px;">; </span><span style="color: blue; line-height: 14.03125px;">font-size: 50px</span><span style="color: black; line-height: 14.03125px;">; line-height: 30px; padding-right: 5px; padding-top: 5px;"></span><span style="color: lime; line-height: 14.03125px;"> </span><span style="line-height: 14.03125px;"><b>E</b></span><span style="color: black; line-height: 14.03125px;"></span></span></span></span><span style="background-color: white; color: #333333; float: left; font-family: Arial, serif; font-size: 14px; line-height: 22.875px; padding-right: 5px; padding-top: 5px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: black; line-height: 14.03125px;"><br /></span></span></span><span style="background-color: white; float: left; font-family: Arial, serif; font-size: 14px; line-height: 22.875px; padding-right: 5px; padding-top: 5px;"><span style="font-family: Arial, Helvetica, sans-serif; line-height: 30px;">Hacerlo es muy sencillo pues nos permitirá mostrar la letra inicial con un tamaño y estilo distinto pudiendo modificar lo siguiente:</span></span><span style="background-color: white; float: left; font-family: Arial, serif; font-size: 14px; line-height: 30px; padding-right: 5px; padding-top: 5px;"><span style="font-family: Arial, Helvetica, sans-serif;">Color, tamaño,estilo de fuente.</span></span><span style="background-color: white; float: left; font-family: Arial, serif; font-size: 14px; line-height: 30px; padding-right: 5px; padding-top: 5px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span><span style="background-color: white; float: left; font-family: Arial, serif; font-size: 14px; line-height: 30px; padding-right: 5px; padding-top: 5px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span><span style="background-color: white; float: left; font-family: Arial, serif; font-size: 14px; line-height: 30px; padding-right: 5px; padding-top: 5px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span><span style="background-color: white; float: left; font-family: Arial, serif; font-size: 14px; line-height: 30px; padding-right: 5px; padding-top: 5px;"><span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></span><span style="background-color: white; float: left; font-family: Arial, serif; font-size: 14px; line-height: 22.875px; padding-right: 5px; padding-top: 5px;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue;"><b><span style="line-height: 20px;"><u>Cambiar lo siguiente según sus gustos:</u></span></b></span><br style="line-height: 20px;" /><b style="color: black; line-height: 20px;">1.-</b><span style="color: purple; line-height: 20px;"> #000000</span><span style="color: black; line-height: 20px;">: Color </span><span style="color: black; line-height: 20px;"> </span><br style="line-height: 20px;" /><b style="color: black; line-height: 20px;">2.- </b><span style="color: blue; line-height: 20px;">font-size: </span><span style="color: #333333; line-height: 20px;">50px:Tamaño.</span><br style="line-height: 20px;" /><b style="color: black; line-height: 20px;">3.- </b><b style="line-height: 20px;"><span style="color: red;">Times New Roman</span><span style="color: blue;">:</span></b><b style="color: black; line-height: 20px;"> </b><span style="color: black; line-height: 20px;">Tipo de</span><span style="color: black; line-height: 20px;"> Fuente</span><br style="line-height: 20px;" /><b style="color: black; line-height: 20px;">4.-</b><b><span style="line-height: 20px;"> </span><span style="line-height: 20px;">E</span></b><span style="color: black; line-height: 20px;">: Es la primera letra a mostrar.</span></span></span>Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-9619391572681936962013-06-09T19:09:00.002-07:002013-06-13T14:47:29.257-07:00Efecto "Zoom" en Imágenes de tus Entradas Populares en Blogger<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXuDx6GTLMloFCL6PtyeoKXS_iuNlpkbxcIPcYw7-uYtheyU559P6OnmHkfySn-47EdTKlz_w_ip3h6hRBAtn93bkj4NZHWhnNmLUjW3xiYJ_L8TCZIjpfn_bLxuXGCKtpiRAzz4aaqZ2/s1600/crear-cuenta-en-blogger.png" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiBXuDx6GTLMloFCL6PtyeoKXS_iuNlpkbxcIPcYw7-uYtheyU559P6OnmHkfySn-47EdTKlz_w_ip3h6hRBAtn93bkj4NZHWhnNmLUjW3xiYJ_L8TCZIjpfn_bLxuXGCKtpiRAzz4aaqZ2/s1600/crear-cuenta-en-blogger.png" /></a></div>
<span style="background-color: white; color: #222222; font-family: Arial, Helvetica, sans-serif; font-size: 15px; line-height: 26px;">Con este truco le daremos un efecto especial a nuestras imágenes de las entradas populares en nuestro Blog, el mismo que se ejecutara cuando tus lectores pasen el cursor sobre la imagen.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /><br />1. Entramos en el diseño de nuestro blog y en edición html buscamos, con CTRL+F o CTRL+G el siguiente código: ]]></b:skin> y justo despues pondremos lo siguiente:</span><br />
<br />
<span style="color: blue;"><span style="font-family: Arial, Helvetica, sans-serif;"><span style="background-color: white; font-size: 15px; line-height: 26px;"> </span></span><span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 15px; line-height: 26px;"><style type='text/css'></span></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue; font-size: 15px; line-height: 26px;">.PopularPosts .item-title{display:none}</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue; font-size: 15px; line-height: 26px;">.PopularPosts ul li {background: none repeat scroll 0 0 transparent;float: left;list-style: none outside none;margin: 5px !important;padding: 0 !important;}</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue; font-size: 15px; line-height: 26px;">.PopularPosts ul li img {padding:0;-moz-border-radius: 5px;-webkit-border-radius: 5px;border-radius: 5px;-webkit-transition: all 0.3s ease;-moz-transition: all 0.3s ease;transition: all 0.3s ease;border: 2px solid #CCC;height: 80px;width: 80px;}</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue; font-size: 15px; line-height: 26px;">.PopularPosts ul li img:hover {border:2px solid #BBB;-moz-transform: scale(1.2) rotate(-1090deg) ;-webkit-transform: scale(1.2) rotate(-1090deg) ;-o-transform: scale(1.2) rotate(-1090deg) ;-ms-transform: scale(1.2) rotate(-1090deg) ;transform: scale(1.2) rotate(-1090deg) ;}</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="color: blue; font-size: 15px; line-height: 26px;"></style></span></span><br />
<span style="color: #222222; font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 15px; line-height: 26px;"><br /></span></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 15px; line-height: 26px;">2. Clic en guardar plantilla y ya esta.</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 15px; line-height: 26px;">Nota.- Para realizar este efecto ,es necesario tener el Gadget "Entradas Populares"</span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><span style="font-size: 15px; line-height: 26px;">El mismo que se añade en: Diseño / Agregar Gadget / Entradas Populares.</span></span>Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-63674254969043107152013-06-09T18:04:00.000-07:002013-06-09T18:28:39.979-07:00Poner Marcos a las Entradas<span style="font-family: Arial, Helvetica, sans-serif;">Hay Plantillas de blogger donde las entradas no tienen una delimitación clara, para que esto no sea un problema vamos a buscarle una solución, solo con cambiar un poco el código html, en este blog podemos ver como queda la entrada enmarcada en azul, con bordes redondeados y un fondo en azul pálido.</span><span style="font-family: Arial, Helvetica, sans-serif;"><br />Entramos en el diseño de nuestro blog y en edición html buscamos, con <span style="color: blue;">CTRL+F o CTRL+G</span> el siguiente código: ]]></b:skin> y justo delante pondremos lo siguiente:<br /><br /><span style="color: red;">Para las plantillas antiguas de blogger:</span><br /><br /><br />.post {<br /><br />border:<span style="color: red;">1px</span> solid<span style="color: blue;"> #0404B4;</span><br /><br />background:<span style="color: orange;">#E0ECF8;</span><br /><br />border-radius:<span style="color: purple;">6px</span>;<br /><br />-moz-border-radius:6px;<br /><br />-webkit-border-radius:6px;<br /><br />}<br /><br />.main .post {<span style="color: #660000;">margin:20px</span> 0; padding:15px;}<br /><br /><br />Donde <span style="color: red;">1px</span> es el grosor del borde, <span style="color: blue;">#0404B4</span> es el color del borde,<span style="color: orange;">#E0ECF8</span> es el color del fondo del recuadro, <span style="color: purple;">6px</span> es para redondear las esquinas en caso de que no queramos redondearlas poner el valor a 0px, <span style="color: #660000;">margin:20px</span> y para dejar los márgenes.<br /><br /><span style="color: red;">Para plantillas hechas con el diseñador de plantillas de blogger:</span><br /><br />.post-outer {<br />border:1px solid #0404B4;<br />background:#E0ECF8;<br />border-radius:6px;<br />-moz-border-radius:6px;<br />-webkit-border-radius:6px;<br />padding:15px;<br />margin: 20px 0;<br /><br />} </span><br />
<div>
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
<div>
<span style="font-family: Arial, Helvetica, sans-serif;">Guardamos cambios y ya esta.</span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span>
<span style="font-family: Arial, Helvetica, sans-serif;"><complete id="goog_1363348585">+</complete>Para escoger y aprender mas de códigos de colores HTML - Hexadecimales clic en el siguiente enlace:<span style="color: blue;"><a href="http://html-color-codes.info/" target="_blank"> HTML codigos color</a></span></span><br />
<span style="font-family: Arial, Helvetica, sans-serif;"><br /></span></div>
Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-47107133684543787542013-06-09T17:50:00.002-07:002013-06-09T18:28:50.060-07:00Poner Marcos a Gadgets<span style="font-family: Arial, Helvetica, sans-serif;">Seguramente les ha pasado que nuestros gadgets en nuestro blog, se entremezclany no se logra saber donde termina uno y comienza otro, se puede poner un marco a los mismos para facilitar dicha tarea:<br />Entramos en el diseño de nuestro blog y en edición html buscamos, con <span style="color: blue;">CTRL+F oCTRL+G</span> el siguiente código:<span style="color: red;"> ]]></b:skin></span> y justo delante pondremos lo siguiente:<br /><br /><span style="color: red;">Para las plantillas antiguas de blogger:</span><br /><br /><br />.sidebar .widget {<br /><br />border:<span style="color: red;">1px</span> solid <span style="color: blue;">#DF0174;</span><br /><br />border-radius:<span style="color: #38761d;">3px</span>;<br /><br />-moz-border-radius:<span style="color: #38761d;">3px</span>;<br /><br />-webkit-border-radius:<span style="color: #38761d;">3px;</span><br /><br />margin:15px 0;<br /><br />padding: 10px;<br />}<br /><br /><br /><br />Donde <span style="color: red;">1px</span> es el grosor del borde,<span style="color: blue;"> #DF0174</span> es el color del borde,<span style="color: #38761d;"> 3px</span> es para redondear las esquinas en caso de que no queramos redondearlas poner el valor a 0px.<br /><br /><span style="color: red;">Para plantillas hechas con el diseñador de plantillas de blogger:</span><br /><br />.column-right-outer .widget, .column-left-outer .widget {<br /><br />border: 1px solid #DF0174;<br /><br />border-radius:3px;<br /><br />-moz-border-radius:3px;<br /><br />-webkit-border-radius:3px;<br /><br />padding:10px;<br /><br />margin: 10px 0;<br /><br />}<br /><br />Guardamos cambios y ya esta.</span>Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-24467481161872408492013-06-09T17:42:00.002-07:002013-06-09T17:42:37.568-07:00Poner Separador de Gadgets<span style="font-family: Arial, Helvetica, sans-serif;">Si queremos separar los gadget en nuestro blog y que queden bien delimitados, tenemos la opción de ponerle un marco, una línea o una imagen.<br />Entramos en el diseño de nuestro blog y en edición html buscamos, con <span style="color: blue;">CTRL+F o CTRL+G</span> el siguiente código:<span style="color: red;"> ]]></b:skin></span> y justo delante pondremos lo siguiente: <br /><br /><span style="color: red;">Si usamos una plantilla antigua de blogger y queremos una línea;</span><br /><br /><br />.sidebar .widget {<br />border-bottom:<span style="color: red;">4px</span> solid<span style="color: blue;"> #610B0B;</span><br />padding-bottom:20px;<br />}<br /><br /><br />Donde<span style="color: red;"> 4px</span> es para el grosor de la línea, <span style="color: blue;">#610B0B</span> es para el color.<br /><br /><b><u>Si deseamos que el separador sea una imagen:</u></b><br /><br /><br />.sidebar .widget {<br /><br />background: url(<span style="color: red;">URL de nuestra imagen</span>)no-repeat 50% 100%;<br /><br />padding-bottom:60px;<br /><br />border:0;<br /><br />}<br /><br /><br /><span style="color: red;">Si la plantilla está hecha con el diseñador de plantillas de blogger, y queremos una línea:</span><br /><br /> .column-right-outer .widget, .column-left-outer .widget {<br /><br />border-bottom:4px solid #610B0B;<br /><br />padding-bottom:20px;<br /><br />}<br /><br /><br />Si deseamos como separador una imagen:<br /><br /><br />.column-right-outer .widget, .column-left-outer .widget {<br /><br />background: url(<span style="color: red;">URL de nuestra imagen</span>)no-repeat 50% 100%;<br /><br />padding-bottom:60px;<br /><br />border:0;<br /><br /><br />}<br /><br />Guardamos cambios y ya esta.</span>Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-28698751103630814962013-06-09T13:54:00.003-07:002013-06-09T17:34:56.587-07:00Como quitar la Navbar o la barra superior de blogger<div style="font-size: 15px; line-height: 30px; padding: 0px;">
<span style="color: red; font-family: Arial, Helvetica, sans-serif;">Para eliminar la Navbar debes ir a</span><span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif;"> </span><span style="color: red; font-family: Arial, Helvetica, sans-serif;">:</span><span style="color: blue; font-family: Arial, Helvetica, sans-serif;"> </span><span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif;">Plantilla | Edición de HTML, y pegar después de la etiqueta <body> este código:</span></div>
<div style="font-size: 15px; line-height: 30px; margin: 0px; padding: 0px;">
</div>
<div style="margin: 0px; padding: 0px;">
<span style="font-size: 15px; line-height: 30px;"><style type=”text/css”></span><br />
<span style="font-size: 15px; line-height: 30px;">#navbar-iframe {</span><br />
<span style="font-size: 15px; line-height: 30px;">height:0px;</span><br />
<span style="font-size: 15px; line-height: 30px;">visibility:hidden;</span><br />
<span style="font-size: 15px; line-height: 30px;">display:none;</span><br />
<span style="font-size: 15px; line-height: 30px;">}</span><br />
<span style="font-size: 15px; line-height: 30px;"></style></span></div>
<div style="font-size: 15px; line-height: 30px; margin: 0px; padding: 0px;">
</div>
<div style="font-size: 15px; line-height: 30px; margin: 0px; padding: 0px;">
<div style="margin: 0px; padding: 0px;">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif;">Si usas una plantilla hecha a través del Diseñador de plantillas de Blogger entonces el código debes pegarlo después de:</span></div>
<div style="margin: 0px; padding: 0px;">
<span style="color: #3d85c6; font-family: Arial, Helvetica, sans-serif;"><body expr:class=’&quot;loading&quot; + data:blog.mobileClass’></span></div>
</div>
<div style="font-size: 15px; line-height: 30px; margin: 0px; padding: 0px;">
</div>
<div style="font-size: 15px; line-height: 30px; margin: 0px; padding: 0px;">
<span style="margin: 0px; padding: 0px;"><span style="margin: 0px; padding: 0px;"><span style="color: #cc0000; font-family: Arial, Helvetica, sans-serif;">Ahora ya no es necesario picar este código existe la opción dentro del apartado diseño / barra de navegación </span></span></span></div>
Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0tag:blogger.com,1999:blog-7243255073923565096.post-73209893611298805782013-06-08T18:55:00.001-07:002013-06-09T16:57:54.643-07:00Imagenes<div class="">
Pon la cita o blockquote deseada aquiPon la cita o blockquote deseada aquiPon la cita o blockquote deseada aqui</div>
<div class="separator" style="clear: both; text-align: center;">
<br /></div>
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSwptlUxWrY-0RPOC4fR4GHIB5Ex0VPmzyL4pLUa3szGIwYkjcRiAennKHriEfork9jE4sAmBU4lbxNoVjq4IjnXtInj3fMNsnSofhV-YPL46Cq29JjE2YbzRaFNREZK8K2vIOPJrBSzbC/s1600/57E.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSwptlUxWrY-0RPOC4fR4GHIB5Ex0VPmzyL4pLUa3szGIwYkjcRiAennKHriEfork9jE4sAmBU4lbxNoVjq4IjnXtInj3fMNsnSofhV-YPL46Cq29JjE2YbzRaFNREZK8K2vIOPJrBSzbC/s1600/57E.jpg" height="320" width="227" /></a></div>
<br />Top Lookhttp://www.blogger.com/profile/09723256342176948168noreply@blogger.com0