jueves, 23 de septiembre de 2010

Agregar a favoritos o marcadores

1:) Con el siguiente código agregaremos el blog a favoritos (IE) o marcadores (firefox).

Ir a Diseño, Elementos de la página y añadir un gadget HTML/Javascript.

Poner el siguiente código:

<div style="text-align: center;">
<a href="javascript:agregarmarcadores();" title="Agregar a Favoritos/Marcadores">Agregar ¿Cómo se hace...? a: <img border="0" alt="Agregar a Favoritos/Marcadores" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgSX3cX9ZcpGGJ9jLsY7wQ2121CG1rYUBI_ajN-d9PhaFksVZ6ppth5Ssosj02focor2f9tOBf_dhBktF643aHPoIeODbXgXbYvIrj4P0IkxeiLh5MpVL1r8UKp9DT9sTnouG3rxpqT_dDZ/s1600/FireFoxIE.png" title="Agregar a Favoritos/Marcadores" /></a></div>
<script type="text/javascript">
//<![CDATA[
function agregarmarcadores() {
if (window.sidebar&&window.sidebar.addPanel)
window.sidebar.addPanel("TEXTO O TITULO","http://TU URL.blogspot.com","");
else
window.external.AddFavorite("http://TU URL.blogspot.com","TEXTO O TITULO")
}
//]]>
</script>

Cambios a realizar:

center - Por left o right.
Agregar ¿Cómo se hace...? a: - Texto del link.
FireFoxIE.png - Imagen del link.
TEXTO O TITULO - Texto que se va a mostrar en el panel.
http://TU URL.blogspot.com - Link de tu blog.

Imagen del ejemplo.

2:) Con el siguiente código agregaremos una entrada a favoritos (IE) o marcadores (firefox).

Ir a Diseño, Edición de HTML, Expandir plantillas de artilugios y justo arriba de </head>.

Poner el siguiente código:

<script type='text/javascript'>
//<![CDATA[
function AddToFavorites()
{
var title = document.title; var url = location.href;
if (window.sidebar&amp;&amp;window.sidebar.addPanel) // Firefox
window.sidebar.addPanel(title,url,&quot;&quot;);
else if(window.opera &amp;&amp; window.print) // Opera
{
var elem = document.createElement(&#39;a&#39;);
elem.setAttribute(&#39;href&#39;,url);
elem.setAttribute(&#39;title&#39;,title);
elem.setAttribute(&#39;rel&#39;,&#39;sidebar&#39;);
elem.click();
}
else
window.external.AddFavorite(url, title) // IE
}
//]]>
</script>

Ahora agregaremos el link o una imagen en la entrada.

El ejemplo que voy a poner se mostrara debajo de la entrada, y solo se verá cuando entren en ella.

Ustedes van a tener que colocarlo en donde mejor les quede, según el diseño de su blog.

Buscar <div class='post-footer-line post-footer-line-1'/>

Y justo abajo poner el siguiente código:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<a href="javascript:AddToFavorites();" title="Agregar entrada a Favoritos/Marcadores" alt="Agregar entrada a Favoritos/Marcadores">TEXTO O IMAGEN</a>
</b:if>
Personalizar donde dice: TEXTO O IMAGEN

Imagen del ejemplo.

En mí blog lo coloque debajo del título.

Arriba de:

<div class='post-header-line-1'/>

<div class='post-body entry-content'>

No hay comentarios:

Publicar un comentario