Si tu blog cuenta con muchas entradas este  te vendrá bien  poner un indice ya que facilitara que tus usuarios puedan ver todas las entradas que se encuentran clasificadas en distintas categorías permitiendo que el usuario del blog acceda más rápido a las  categoría que más le interesa con un solo click desplegar todas sus entradas. Unas de las mejoras que tienes este script  es que esta desarrollado  estilo CSS 3 lo que hace  que tenga una apariencia mas profesional, además, ya no es necesitas editar la fecha  del post  como en el caso de los script anterior. Los títulos se ordenan automáticamente, las 10 últimas entradas llevan el texto  Nuevo!! en color rojo.

<link href="http://dl.dropbox.com/u/3373498/PazosBlogger/acc-toc.2.css" media="screen" rel="stylesheet" type="text/css"></link>

<script src="http://dl.dropbox.com/u/3373498/PazosBlogger/daftarisiv2-pack.2.js">

</script>

<script src="http://www.url/de/tu/blog/blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc">

</script>

<script type="text/javascript">

var accToc=true;

</script>

<script src="http://dl.dropbox.com/u/3373498/PazosBlogger/accordion-pack.2.js" type="text/javascript">

</script>

<link href="http://abu-farhan.com/script/acctoc/acc-toc.css" media="screen" rel="stylesheet" type="text/css"></link>

<script src="http://abu-farhan.com/script/acctoc/daftarisiv2-pack.js"></script>

<script src="http://www.url/de/tu/blog.blogspot.com/feeds/posts/summary?max-results=1000&amp;alt=json-in-script&amp;callback=loadtoc"></script>

<script type="text/javascript">

var accToc=true;

</script>

<script src="http://abu-farhan.com/script/acctoc/accordion-pack.js" type="text/javascript"></script>

<object height="360" width="600"><param name="movie" value="http://wwwstatic.megavideo.com/mv_player.swf?image= URL DE LA IMAGEN &amp;v= ID VÍDEO"><param name="allowFullScreen" value="true"><embed src="http://wwwstatic.megavideo.com/mv_player.swf?image= URL DE LA IMAGEN &amp;v= ID VÍDEO " type="application/x-shockwave-flash" allowfullscreen="true" height="360" width="600"></object>

• height= sirve para ajustar la altura del reproductor hay ponemos la altura que queramos entre las comillas.
• width= Sirve para ajustar en ancho de nuestro reproductor.
• Donde pone URL DE LA IMAGEN ponemos la url de nuestra imagen. Procurar que la imagen que escojáis tenga las mismas dimenciones que las del reproductor de megavideo.
• Donde pone ID VÍDEO ponéis  la url de megavideo pero solo la parte que aparece despues de la "v=" ,Por ejemplo si la url de megavideo es así: http://http://www.megavideo.com/?v=1RWFRN5M solo copiamos la siguienete parte de la url: 1RWFRN5M.

1.  lo primero es saber la id de nuestro blog si queremos saverla lo unico que tenemos que hacer es ir  blogger diseño y en el cuadro de la url del navegador nos aparecerá la id de nuestro blog. 
2. Ahora dentro de blogger iremos a Diseño –> Edición de HTML y aprieta expandir plantillas de artilugios. 
3. Busca la siguiente linea de comandos:

• y justo a continuacion pegamos el siguienete codigo: 

 <span><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=XXXXXXXXXXXXXXXXXXX&amp;postID=&quot; + data:post.id + &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; + data:comment.anchorName + &quot;%22%3E&quot; + data:comment.author + &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=450,height=450&quot;); return false;'><img alt='' border='0' src=' AQUI LA URL DEL  BOTÓN '/></a></span>

•  Donde pone "XXXXXXXXXXXXXXXXXXX" lo cabiamos por la id de nuestro blog.
• Y donde pone( AQUÍ LA URL DEL  BOTÓN) ponemos la url de la imagen nuestro botón que queramos que aparecerá.

1. Escribe el texto de tu logo en en Text.
2. Para cambiar el tamaño del logo lo seleccionas en Size 
3. Escoge un color en Color 
4. Cambia el tamaño o el estilo de la letra del logo en Choose font 
5. Cambia el estilo de tu logo en Choose style

Just enter your text and click to choose your style and font. 16pt 24pt 32pt 40pt 48pt 56pt 64pt 72pt      These headings are created with Xara 3D Maker. To find out more about Xara 3D Maker or add this free heading maker to your site follow these links

• star.png,
• star-half.png,
• user.png,
• user-half.png, 
• gray.png

<div class='js-kit-rating' userColor='Violet' starColor='Golden' ImageSize='16x24' ImageUrl='http://aqui la url de vuestro archivo de imagenes/' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
</div>

• ImageSize='16x24' : determina el tamaño de las estrellas de calificación.

• ImageUrl :Aquí es donde va la url  de nuestro archivo de imagenes para la calificacion.

• "userColor" : cambia el color del la calificación del usario. 

• "starColor" : affecta el color de la calificación de la comunidad.

<div class='js-kit-rating' userColor='Violet' starColor='Golden' expr:path='data:post.url' expr:permalink='data:post.url' expr:title='data:post.title'>
</div>

                        starColor="Ruby"                userColor="Ruby"  

                        starColor="Red"                  userColor="Red"              

                        starColor="Golden"             userColor="Golden"       

                        starColor="Green"              userColor="Green"

                        starColor="Emerald"          userColor="Emerald"

                        starColor="Blue"                userColor="Blue"

                        starColor="Indigo"             userColor="Indigo"

                        starColor="Violet"              starColor="Ruby"

• Bueno lo primero que tienes que hacer es lo siguiente:

•  Y una vez que ya estas hay buscas </head> y pegas justo antes este codigo:

<script type='text/JavaScript'>
     function verocultar(cual) {
          var c=cual.nextSibling;
          if(c.style.display=='none') {
               c.style.display='block';
          } else {
               c.style.display='none';
          }
          return false;
     }

• una vez que hemos puesto este código solo tenemos que poner el siguiente código donde queramos contraer y expandir elemento en cualquier parte de nuestro blog.

<a onclick="return verocultar(this);" href="javascript:void(0);">Enlace</a><div style="display: none; text-align: left; ">

--------------------aqui el texto,video...etc que queramos ocultar--------------------------
</div>

• si queremos poner una imagen para mostrar y ocultar el texto solo tenemos que poner este código donde pone "enlace" en el codigo anterior.

<img  src='AQUÍ LA URL DE NUESTRA IMAGEN' />

VideodarasGamen V2.0 es un buscador de Películas Online,SeriesOnline,Templates de Blogger,Tutorialales para blogs y de Informatica

VideodarasGamen V2.0 es un buscador de Películas Online,SeriesOnline,Templates de Blogger,Tutorialales para blogs y de Informatica

1. tenéis que elegir la imagen que queréis ponerlle como logotipo a vuestro blog, si queréis también podéis ir a esta  pagina y crearos uno vosotros mismos :  http://www.chami.com/html-kit/services/favicon/


2. a continuación pegáis el siguiente código en la plantilla justo despues de esto: </head>

<link href='http://aqui la url de tu imagen' rel='icon' type='image/gif'>
<link href='http://aqui la url de la imagen' rel='shortcut icon' type='image/GIF'>
</link>
</link>

1. tenéis que ir al código de la plantilla y expandir los artilugios.

Home → Diseño → Edición de HTML → Expandir plantillas de artilugios


2. elegir el lugar en que queráis que aparezca, si queréis que aparezca al pie de cada entrada buscais el siguiente codigo en la plantilla:

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

Y a continuación pegamos el siguiente codigo:

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<iframe allowTransparency='true' frameborder='0' scrolling='no' expr:src='"http://www.facebook.com/plugins/like.php? expr:href=" + data:post.url + "&amp;send=true&amp;layout=button_count&amp;width=400&amp;show_faces=true&amp;action=like&amp;colorscheme=light&amp;font=verdana&amp;height=0"' style='border:none; overflow:hidden; width:125px; height:25px;'/>
</b:if>

y el resultado sera algo como esto:

<script style="text/javascript" src="http://dl.getdropbox.com/u/647003/CiudadBlogger/Scripts/tableindex.js"></script>

<script src="http://www.tublog.blogspot.com/feeds/posts/default?max-results=9999&alt=json-in-script&callback=loadtoc"></script>