Como insertar publicaciones de slideshare en blogger


Blogger es una de las plataformas CMS mas populares y gratis para todos lo usuarios que quieren crear un blog personal, escolar o empresarial (hablando de micro empresas), además de que es una plataforma gratuita y con un sistema muy confiable en el que es fácil aprender.


Hoy veremos algo muy interesante para muchos usuarios que cuentan con un blog escolar y que muchas veces quieren compartir documentos de slideshare en blogger, pero no saben como es que se hace correctamente, es por eso que en está ocasión les enseñaré un método muy práctico para hacerlo.

 Insertar Publicaciones de Slideshare en Blogger

El proceso es muy sencillo a decir verdad por que sólo tienes que ir al libro PDF o con otra extensión y situarte en el para ubicar el botón  que dice Share (Compartir), tienes que dar un clic ahí para después dirigirte a una sección que se encuentra ahí mismo que es Insertar, cuando hayas dado un clic en ese apartado se despliega un recuadro con un código que tendrás que colocar en la entrada donde tú quieres que aparezca el archivo que deseas compartir, pero recuerda que tienes que introducirlo estando en HTML que se encuentra arriba de la entrada que estas escribiendo. 

Recuerda que puedes ver la vista previa de la entrada que estas haciendo para que puedas ver la posición, tamaño y espacio entre texto y archivo.En todo caso, dejo algunas imágenes de como se ve el proceso, así te será mas fácil ubicar los botones y ver una vista previa del código para que lo puedas insertar en una forma sencilla y con una presentación excelente para que no pierdas diseño en tus entradas.


Si quieres recibir más Gadgets, Widgets, Trucos y Tutoriales para blogger directamente por correo electrónico suscríbete gratis a nuestro blog, visita nuestra página de facebook o añade nuestro feed Rss.
--> Leer más...

Valorar Entrada : 

Como agregar una caja de suscripción y redes sociales en nuestro blog


Es cierto que algo muy importante para tener una buena lista de suscriptores en nuestro blog es tener un buen diseño de caja de suscripción y redes sociales, da un aspecto original y es muy llamativo para los lectores, lo cual hace que les llame la atención y les podamos sacar algún like, google+ o bien nos puedan seguir en Twitter, todo depende de la red social que mas utilices.

En está ocasión veremos un Widget muy simple y original con un diseño limpio y colores vivos que combinan con casi cualquier diseño de webs en colores claros, adopta todas las necesidades que necesitamos para una página web profesional.


Lo mejor de todo es que el proceso lo hará en automático, es decir todo lo hará el código y veremos los avances de los suscriptores y seguidores que poco a poco se integran a nuestra comunidad, 

Está es una vista previa de como es que se verá tu cuadro de suscripción para blogger con un diseño muy divertido y elegante al mismo tiempo.

Para implementar esté widget de suscripción para blogger sólo tienes que ir a diseño que se ve algo asídespués tienes que seleccionar la opción de añadir HTML/Javascript .

Tienes que agregar esté código en la ventana que se ha abierto y cambiar las partes del texto que te indicaré y tener mucha atención para que no haya ningún problema. Sólo tienes que cambiar:

tu-usuario
tu usuario

Realzando estos pasos podrás hacerlo de una forma sencilla, pero toma en cuenta la url que está antes de las palabras anteriores por que algunas son de facebook, twtter, google, etc. Como último paso sólo restará en guardar y colocar en la parte que tu quieres que esté visible.

Aqui tienes el codigo: 
<style>
.ayudadeblogger-subscribe-box-email-field {
    background: #fff url(http://1.bp.blogspot.com/-JMYdQsIa9WQ/UDZqxqqrTEI/AAAAAAAAFho/AocEv70U8K8/s1600/sprites.png) no-repeat 0 -28px;
    width: 280px;
    float: left;
    color: #777;
    margin: 0 0 10px 0;
    padding: 10px 30px;
    border: 1px solid #ccc;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
     
}
.ayudadeblogger-subscribe-box-email-button {
    background: #09f;
    width: 280px;
    float: left;
    color: #fff;
    font-family: 'Verdana, Arial;
    font-size: 16px;
    font-weight: bold;
    padding: 10px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    text-transform: small-caps;

}
.ayudadeblogger-subscribe-box-email-button:hover {
    background: #303030;
}
</style>
<!-- Start iconos sociales-->
<div id='social' style=' background: #d2ebff; width: 301px; padding: 10px 0 0 0px; margin: 0 0 0 0px; float: left;'>
<a href='http://feeds.feedburner.com/tu-usuario' imageanchor='1' target='_blank' title='Suscríbete a nuestro Feed de Noticias'><img alt='Icon' border='0' src='http://1.bp.blogspot.com/-tA9p6vqVkBc/Tas3Gk0S8DI/AAAAAAAADVk/EMuM7CvpyD0/s1600/rss-feed-icon.png' style='margin-right:3px; margin-left: 4px;'/></a>
<a href='http://feedburner.google.com/fb/a/mailverify?uri=tu-usuario&loc=es_Es' imageanchor='1' rel='nofollow' target='_blank' title='Suscríbete via Email'><img alt='Icon' border='0' src='http://1.bp.blogspot.com/-WQOs8K-8srE/Tas3FyyNdSI/AAAAAAAADVc/zJtw5olTF4Q/s1600/Email-rss-feed-icon.gif' style='margin-right:3px;'/></a>
<a href='http://www.facebook.com/tu id' imageanchor='1' rel='nofollow' target='_blank' title='Síguenos en Facebook'><img alt='Icon' border='0' src='http://3.bp.blogspot.com/-6be7A8wqQMU/Tas3Gb9hvGI/AAAAAAAADVg/iZnslgNOUY0/s1600/facebook-icon.gif' style='margin-right:3px;'/></a>
<a href='http://twitter.com/tu id' imageanchor='1' rel='nofollow' target='_blank' title='Síguenos en Twitter'><img alt='Icon' border='0' src='http://4.bp.blogspot.com/-SF1XHhh4M5U/Tas3HKHWMZI/AAAAAAAADVo/VgTe1JU-qJc/s1600/twitter-icon.gif' style='margin-right:3px;'/></a>
<a href='https://plus.google.com/+tu-usuario' rel='nofollow' target='_blank'><img alt='Síguenos en Google Plus' height='43' src='http://www.dcddesign.com/images/social-media/google-plus-icon.jpg' style='margin-right:3px;' width='43'/></a>
<a href='http://pinterest.com/tu-usario' rel='nofollow' target='_blank'><img alt='Síguenos en Pinterest' height='43' src='http://passets-cdn.pinterest.com/images/big-p-button.png' style='margin-right:3px;' width='43'/>
</a>
<!-- Start FeedBurner-->
<center>
<a href='http://feeds.feedburner.com/tu-usuario'><img alt='' height='26' src='http://feeds.feedburner.com/~fc/tu-usuario?bg=088A4B&amp;fg=444444&amp;anim=1' style='border:0' width='80' float='right' margin-right='5px'/></a></center>
</div>
<!-- Iconos sociales End-->
<!-- Feedburner Chicklet Start-->
<!-- Seguidores de Twitter Start-->
<div style="background: #d2ebff; width: 280px; float: left; padding: 10px 15px 10px 5px; margin: 0px; border-bottom: 1px solid #f2f2f2;">
<a href="https://twitter.com/tu-usuario" class="twitter-follow-button" data-show-count="true" data-size="large" data-dnt="true">Seguir @tu-usuario</a>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js?a4185c";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
</div>
<!-- Seguidores de Twitter End-->
<!-- Facebook Like Start-->
<div style='background: #d2ebff; width: 280px; float: left; padding: 10px; margin: 0 0 10px 0px; border-bottom: 1px solid #f2f2f2;'>
<div class='fb-like' data-href='https://www.facebook.com/tu-usuario' data-send='true' data-show-faces='false' data-width='280'/>
</div>
<!-- Facebook Like End-->
<!-- Google plus Badge Start-->
<div style='background: #d2ebff; float: left; margin: 10px 0 10px 0px;'>
<div class="g-person" data-width="280" data-height="70" data-href="//plus.google.com/+tu-usuario" data-layout="landscape" data-rel="author"></div>
</div>
<div style='background: #d2ebff; float: left; margin: 0 0 10px 0;'>
<div class="g-page" data-width="280" data-height="70" data-href="//plus.google.com/+tu-usuario data-layout="landscape" data-rel="publisher"></div>
</div>
<!-- Google plus Badge end-->
<!-- Start Email-->
<center>
<div class="ayudadeblogger-subscribe-box-form">
<form action="http://feedburner.google.com/fb/a/mailverify?uri=tu usuario de feed" class="ayudadeblogger-subscribe-box-form" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=tu usuario de feed', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" target="popupwindow"><input name="uri" type="hidden" value="tu usario" /><input name="loc" type="hidden" value="es_ES" /><input class="ayudadeblogger-subscribe-box-email-field" name="email" autocomplete="off" onblur="if (this.value == '') {this.value = 'Ingrese su email';}" onfocus="if (this.value == 'Ingrese su email')
{this.value = '';}" value="Ingrese su email"/><input class="ayudadeblogger-subscribe-box-email-button" title="" type="submit" value="Suscríbete ahora !" /></form></div>
</center></div>
<!-- Fin del Email-->

Si quieres recibir más Gadgets, Widgets, Trucos y Tutoriales para blogger directamente por correo electrónico suscríbete gratis a nuestro blog, visita nuestra página de facebook o añade nuestro feed Rss.
--> Leer más...

Valorar Entrada : 

Como cambiar el estilo de entradas populares


Al personalizar un blog al máximo es una buena forma en la que un Blogger puede tener lectores mas fieles a él, los lectores buscan en sus mayoría a personas que sepan de lo que hablan, tengan una amplia experiencia en lo que hacen y que enseñen cosas nuevas y novedosas para todos.


Tener un blog con una plantalla única, estilos diferentes y un diseño limpio son de las primeras cosas que un blogger tiene que tomar en cuenta, ya que un lector recordará tu log por ser único, y si hay alguien que copia tu estilo , es que estas haciendo las cosas bien.

Hoy veremos como cambiar estilo de entradas populares de nuestro blog, ya que si usas blogger verás que podemos hacer el uso de widgets para poder hacer esto. Sólo tienes que seguir las instrucciones que a continuación que colocaré.

Ve a tu blog después a diseño, añadir un Gadget y seleccionar la opción de entradas populares. Y como último paso le darás en guardar.


Ahora viene lo interesante pues tocaremos el código HTML, lo encontrarás en Plantilla y editar HTML. Buscarás un código, para que lo puedas hacer mas fácil puedes presionar CTRL y F

Como cambiar de estilo a mis Entradas Populares

Buscaremos esté código 

</b:skin>

y arriba colocaras el código que va después 


/*--- Start --- */
    .popular-posts ul {
    padding-left: 0px;
    counter-reset: popcount;
    }

    .popular-posts ul li:before {
    list-style-type: none;
    margin-right: 15px;
    padding: 0.3em 0.6em;
    counter-increment: popcount;
    content: counter(popcount);
    font-size: 16px;
    background: #292D30;
    color: #ffffff;
    position: relative;
    font-weight: bold;
    font-family: georgia;
    float: left;
    border: 2px solid #dddddd;
    box-shadow: 1px 2px 9px #666666; }

    .popular-posts ul li {
    border-bottom: 1px dashed #dddddd;
    }

    .popular-posts ul li:hover {
    border-bottom: 1px dashed #696969;
    }

    .popular-posts ul li a {
    text-decoration:none; color:#5A5F63;
    }


    .popular-posts ul li a:hover {
    text-decoration:none;
    }


Como cambiar de estilo a mis Entradas Populares

Cómo último paso sólo queda guardar plantilla y tendrás todo hecho para cambiar estilo de entradas populares de tu blog es un diseño muy elegante y fácil de implementar.

Si quieres recibir más Gadgets, Widgets, Trucos y Tutoriales para blogger directamente por correo electrónico suscríbete gratis a nuestro blog, visita nuestra página de facebook o añade nuestro feed Rss.
--> Leer más...

Valorar Entrada : 

Como insertar correctamente una meta descripción


La colocación correcta de meta descripciones es una herramienta indispensable en cara al SEO ya que una buena estructura de nuestro sitio aporta buena apariencia en los resultados y los buscadores como Google.

meta-descripcion

Las meta descripciones son mejores conocidas como la descripción que aparece en los resultados de un buscador, ayuda para que tu sitio pueda ser catalogado en la temática correcta. Además que una buena descripción nos ayuda a tener buenas posiciones en lo que escribimos, en lo personal suelo agregar la palabra clave principal en un inicio del párrafo.

Un ejemplo de una forma correcta de la colocación dela meta descripción de un blog es con una extensión menor a 170 caracteres, hacer uso de tu palabra clave (una vez está bien) y tener algunos sinónimos, pero ten en cuenta que la coherencia de las palabras sea correcta.


Como vez en la imagen, el primer párrafo está sobre marcado en negro y esa es la razón por la que una buena opción es agregar las palabras que mas definen a tu blog, Si tomamos en cuenta esto: si tenemos la palabra como widgets.com, un artículo que empieza con; los mejores widgets 2014 y una meta descripción con está palabra. Tendremos tres posibilidades de que google nos ponga en lugares mas favorables para nuestro sitio.

Como implementar correctamente una Meta descripción


Vamos al lío de una buena vez para poder hacer esto y tener mejores posiciones en google.

1.- Ve a tu cuenta de Blogger
2.- Ve a plantilla y colocate en HTML
3.-Busca <head> (puedes presionar CTRL+F)
4.-Inserta el código siguiente justo después de la palabra que buscaste

<meta content='Aqui va tu descripción, sólo integra una descripción corta de dos párrafos ' name='description'/>
    <meta content='Aqui van las palabras claves con las que trabajas, seguido de una palabra divde con una coma y espacio. Ejemplo: SEO, Hosting, Widgets.' name='keywords'/>
    <meta content='Tu nombre de autor' name='Author'/>
    <meta content='Tu correo de ayuda' name='Email'/>
    <meta content='document' name='resource-type'/>
    <meta content='all' name='audience'/>
    <meta content='general' name='rating'/>
    <meta content='all' name='robots'/>
    <meta content='index, follow' name='robots'/>
    <meta content='id' name='language'/>
    <meta content='Tu país, coloca nombre completo' name='geo.country'/>
    <meta content='global' name='distribution'/>
    <meta content='1 days' name='revisit-after'/>
    <meta content='Tu ciudad donde te encuentras' name='geo.placename'/>

Como vez todo el código lo he tratado de hacer intuitivo, así que no tendrás pretexto para no saber como insertar una meta descripción y cambiar las cosas que son necesarias y sólo tendrás que implementar el código en tu plantilla y guardar.

Espero que esté código te ayude y si tienes algunas dudas no dudes en comentarlas en está entrada de un servidor. Si quieres recibir más Gadgets, Widgets, Trucos y Tutoriales para blogger directamente por correo electrónico suscríbete gratis a nuestro blog, visita nuestra página de facebook o añade nuestro feed Rss.

--> Leer más...

Valorar Entrada :