Tutorial ayuda para tu blog
Descargar como PPSX, PDF0 recomendaciones269 vistas
Este documento proporciona instrucciones para dos tareas en un blog: 1) Ocultar las fechas de las entradas y reemplazarlas con una imagen fija; 2) Agregar botones sociales para compartir entradas en redes sociales como Facebook, Twitter y más. Explica dónde encontrar el código HTML relevante y qué código agregar o modificar para completar cada tarea.
![PONER MARCADORES SOCIALES PARA COMPARTIR Esto de los marcadores sociales (o bookmarks) mas que una moda son una herramienta muy buena de difusión, pues permite que otros promocionen y compartan lo que tú públicas.Vamos entonces a ver cómo poner marcadores sociales en el blog con un efecto pushbutton, es decir, que al pasar el mouse dé el efecto de un botón que se hunde.Entra a Diseño > Edición de HTML y con los artilugios expandidos pega antes de ]]></b:skin> lo siguiente:pushbutton a:hover{position: relative;top: 1px; left: 1px;outline:none;}.bookmarktable{background-color:#000911;border:1px hidden gray;padding:10px;}.bookmarktd{font-size: 1em;text-align: center;vertical-align: middle;color: #CCCCCC;}.bookmarkimg{vertical-align: middle;}Quizás te preguntes como encontrar el código para encontrarlo fácil y rápido hace esto pulsa la tecla CONTRO del teclado y sin soltar apreta la tecla F y el cuadro que se abre el dice encontrar pega el código ]]></b:skin> y automáticamente te aparecerá dicho código sombreado los mismos pasos debes seguir para encontrar cualquier código Ahora busca esta línea: <p class='post-footer-line post-footer-line-3'/> O esta:<divclass='post-footer-line post-footer-line-3'/> Y justo debajo de ella pega el siguiente texto:](https://image.slidesharecdn.com/tutorialayudaparatublog-110904000234-phpapp02/85/Tutorial-ayuda-para-tu-blog-2-320.jpg)
Tutorial ayuda para tu blog
- 1. TUTORIAL AYUDA PARA TU BLOGQuitar la fecha de las entradas y poner una imagen en su lugarHoy les voy a enseñar ocultar las fechas de las entradas y poner una imagen en su lugar puedes ver un ejemplo en mi blog haciendo clic en el siguiente enlace: http://losprocesos-productivos.blogspot.com/Y por si estás interesad@ en hacerlo aquí está la solución.Buscas este pedacito de código: <data:adStart/><b:loop values='data:posts' var='post'><b:if cond='data:post.dateHeader'><h2 class='dateheader'> <data:post.dateHeader/></h2>Eliminas lo que está en azul y en su lugar añades esto: <imgsrc='la-dirección-de-la-imagen'/> Haces vista previa y si todo va bien ya verás que la fecha que encabeza las entradas es sustituida por la imagen que hayas elegido. Solo has de tener en cuenta que la imagen va a ser siempre la misma. En donde dice la dirección de la imagen debes poner la http que es el enlace de tu imagen. Les dejo una página que tiene algunas imágenes que pueden utilizarlos. http://www.milesdebanners.com/objetos/gif_animados_maps01.htm
- 2. PONER MARCADORES SOCIALES PARA COMPARTIR Esto de los marcadores sociales (o bookmarks) mas que una moda son una herramienta muy buena de difusión, pues permite que otros promocionen y compartan lo que tú públicas.Vamos entonces a ver cómo poner marcadores sociales en el blog con un efecto pushbutton, es decir, que al pasar el mouse dé el efecto de un botón que se hunde.Entra a Diseño > Edición de HTML y con los artilugios expandidos pega antes de ]]></b:skin> lo siguiente:pushbutton a:hover{position: relative;top: 1px; left: 1px;outline:none;}.bookmarktable{background-color:#000911;border:1px hidden gray;padding:10px;}.bookmarktd{font-size: 1em;text-align: center;vertical-align: middle;color: #CCCCCC;}.bookmarkimg{vertical-align: middle;}Quizás te preguntes como encontrar el código para encontrarlo fácil y rápido hace esto pulsa la tecla CONTRO del teclado y sin soltar apreta la tecla F y el cuadro que se abre el dice encontrar pega el código ]]></b:skin> y automáticamente te aparecerá dicho código sombreado los mismos pasos debes seguir para encontrar cualquier código Ahora busca esta línea: <p class='post-footer-line post-footer-line-3'/> O esta:<divclass='post-footer-line post-footer-line-3'/> Y justo debajo de ella pega el siguiente texto:
- 3. <!-- Inicio de Bookmarks --><p align='left' class='post-footer'><tdstyle='vertical-align:middle' valign='middle' width='15%'><div>Compártelo:</div></td><spanclass='pushbutton'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><imgsrc='http://img188.imageshack.us/img188/5378/delicioushx9.gif' style='border:0px; padding:2px' valign='bottom'/></a></span><spanclass='pushbutton'><a expr:href='"http://bitacoras.com/anotaciones/" + data:post.url'><imgsrc='http://img10.imageshack.us/img10/9247/bitacoras.png' style='border:0px; padding:2px' valign='bottom'/></a></span><spanclass='pushbutton'><a expr:href='data:blog.homepageUrl + "feeds/posts/default"' rel='nofollow' target='_blank'><imgsrc='http://img188.imageshack.us/img188/9284/rssf.png' style='border:0px; padding:2px' valign='bottom'/></a></span><spanclass='pushbutton'><a expr:href='"http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><imgsrc='http://img46.imageshack.us/img46/5803/digggn.gif' style='border:0px; padding:2px' valign='bottom'/></a></span><spanclass='pushbutton'><a expr:href='"http://www.google.com/bookmarks/mark?op=edit&bkmk=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><imgsrc='http://img34.imageshack.us/img34/2607/googlez.png' style='border:0px; padding:2px' valign='bottom'/></a></span><spanclass='pushbutton'><a expr:href='"http://myweb2.search.yahoo.com/myresults/bookmarklet?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><imgsrc='http://img207.imageshack.us/img207/6710/yahooweb.gif' style='border:0px; padding:2px' valign='bottom'/></a></span><spanclass='pushbutton'><a expr:href='"http://www.technorati.com/faves?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><imgsrc='http://img231.imageshack.us/img231/4666/technorati.gif' style='border:0px; padding:2px' valign='bottom'/></a></span><spanclass='pushbutton'><a expr:href='"http://meneame.net/submit.php?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><imgsrc='http://img207.imageshack.us/img207/3607/meneame.png' style='border:0px; padding:2px' valign='bottom'/></a></span><spanclass='pushbutton'><a expr:href='"http://tec.fresqui.com/post?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><imgsrc='http://img36.imageshack.us/img36/4478/fresquiam.png' style='border:0px; padding:2px' valign='bottom'/></a></span><spanclass='pushbutton'><a expr:href='"http://enchilame.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><imgsrc='http://img41.imageshack.us/img41/517/enchilame.png' style='border:0px; padding:2px' valign='bottom'/></a></span><spanclass='pushbutton'><a expr:href='"http://twitter.com/home/?status=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><imgsrc='http://img60.imageshack.us/img60/2700/twitterq.png' style='border:0px; padding:2px' valign='bottom'/></a></span><spanclass='pushbutton'><a expr:href='"https://favorites.live.com/quickadd.aspx?marklet=1&mkt=en-us&url=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><imgsrc='http://img26.imageshack.us/img26/2134/liverww.png' style='border:0px; padding:2px' valign='bottom'/></a></span><spanclass='pushbutton'><a expr:href='"http://myspace.com/Modules/PostTo/Pages/?u=" + data:post.url + "&t=" + data:post.title' rel='nofollow' target='_blank'><imgsrc='http://img8.imageshack.us/img8/8239/myspacexhm.png' style='border:0px; padding:2px' valign='bottom'/></a></span><spanclass='pushbutton'><a expr:href='"http://facebook.com/share.php?u=" + data:post.url + "&title=" + data:post.title' rel='nofollow' target='_blank'><imgsrc='http://img170.imageshack.us/img170/3513/facebooko.png' style='border:0px; padding:2px' valign='bottom'/></a></span></p><!-- fin Bookmarks --> Dale Vista Previa, si ves que todo está bien guarda los cambios.