Acabo de publicar Regala Google Chrome por navidad |

Enumerando los comentarios en blogger

By Unknown On 19:17

Explorando un poco acerca de los comentarios en blogger me encontrado con una entrada de Blogspot blog donde nos explican como añadir un número a cada comentario con la posibilidad de personalizarlo mediante css. No hace falta añadir jQuery o Script.aculo.us, lo unico que debemos hacer es añadir los siguientes codigos a la platilla (recuerda guardar una copia antes de hacer cualquier cambio).


Demo o puedes dejar un comentario y ver el resultado :)


Vamos a Edición de HTML, marcamos la casilla de expandir plantillas de artilugios, buscamos (Ctrl+F) el siguiente codigo y añadimos la parte en rojo:

<dl id='comments-block'>

<script type='text/javascript'>var CommentsCounter=0;</script>

<b:loop values='data:post.comments' var='comment'>

<div class='' expr:id='data:comment.id'>

<dt expr:class='"comment-author " + data:comment.authorClass' expr:id='data:comment.anchorName'>
<a expr:name='data:comment.anchorName'/>
<b:if cond='data:comment.authorUrl'>
<a expr:href='data:comment.authorUrl'><data:comment.author/></a>
<b:else/>
<data:comment.author/>
</b:if>
<data:commentPostedByMsg/>

<span class='comment-number'>
<a expr:href='"#comment-" + data:comment.id' title='Comment Link'>
<script type='text/javascript'>
CommentsCounter=CommentsCounter+1;
document.write(CommentsCounter)
</script>
</a>
</span>

</dt>
<dd class='comment-body'>
<b:if cond='data:comment.isDeleted'>
<span class='deleted-comment'><data:comment.body/></span>
<b:else/>
<p><data:comment.body/></p>
</b:if>
</dd>
<dd class='comment-footer'>
<span class='comment-timestamp'>
<a expr:href='data:comment.url' title='comment permalink'>
<data:comment.timestamp/>
</a>
<b:include data='comment' name='commentDeleteIcon'/>
</span>
</dd>

</div>

</b:loop>
</dl>

Con eso ya tenemos un número en cada comentario, ahora vamos a posicionarlo y agregarle una imagen de fondo. Para eso buscamos ]]></b:skin> y justo antes añadimos lo siguiente:

.comment-number {
float: right;
background: url(http://i40.tinypic.com/14tmp9e.jpg) no-repeat;
width:50px;
height:50px;
margin-right: 15px;
margin-top: -35px; /*comments-counter position*/
text-align: center;
font-family: 'Century Gothic','Lucida Grande',Arial,Helvetica,Sans-Serif;
font-size: 18px;
font-weight: bold;
}
/*since the numbers are actually links, we need to force the color properties*/

.comment-number a:link, .comment-number a:visited {
color: #445566 !important;
text-decoration: none !important;
}
.comment-number a:hover, .comment-number a:active {
color: #FF9933 !important;
text-decoration: none !important;
}

De lo anterior podemos modificar:
La url de la imagen de fondo (la linea en rojo).
El color del número en su estado 'natural' y cuando el mouse esté sobre el (lineas en verde y azul, respectivamente).
Posicionar el numero (lineas en amarillo).
Tipo, tamaño y estilo de letra (lineas en anaranjado).





27 comentarios

  1. Miguel queda bellísimo con la nubecita, lo pruebo y luego te digo...besitos!!!

    Posted on 7/11/2009 5:04 a. m.

     
  2. Me ha gustado mucho el resultado...vamos a ver que me invento para ponerles :O
    Saludos!!!

    Posted on 7/11/2009 7:16 a. m.

     
  3. Telephone friends or relatives who live far away Therefore you do not believe you are better than anyone, even though you may act better and have more success because you know the truth about yourself 1
    We wouldn't have automobiles today if people had not had problems getting from place to place quickly? From a place of compassion what do you need to do to stop the waiting game around this one thing?4 While laser toner inhalation has not been proven to cause serious health problems, respiratory tract irritation can occur with exposure to large amounts of laser toner dust

    Brandon Flowers Jersey http://www.officialnikenflshop.com/brandon_flowers_jersey-c-914_1119_1128.html
    Roman Harper Jersey http://www.officialnikenflshop.com/roman_harper_jersey-c-914_1182_1197.html
    Glover Quin Jersey http://www.officialnikenflshop.com/glover_quin_jersey-c-914_1102_1549.html

    Posted on 12/01/2012 1:33 a. m.

     
  4. [url=http://official49ersjerseystore.com/]Aldon Smith Jersey[/url]

    You might make a little less profit per-sale, but if you make 50 more sales per month, you will end up making more!6 Others like the lightweight polyester styles that have a mesh feel to achieve the same effect, keeping competitors cool under pressure1
    The bible quite clearly says that is not so When was he going to get here? It's been 52 years and he has not arrived It would take only common sense to realize that it is impossible for everyone to do everything The good news is that, like many dog owners, the problems you're having can probably be traced to one simple thing: you're trying to communicate with your dog from a human standpoint, and your dog isn't a human

    [url=http://texansfootballstore.com/]Texan Arian Foster Jersey[/url]
    [url=http://redskinsfootballstore.com/]Robert Griffin III Women's Jersey[/url]

    Posted on 12/15/2012 7:33 a. m.

     
  5. Naming your baby after him may keep you in the will, but naming your puppy after him won't Example: Take rich 'powerful' menThere are other useful definitions in this field, for example, creativity can be defined as consisting of a number of ideas, a number of diverse ideas and a number of novel ideas By helping others, anger and pain are transformed into power; the power to make our world better in the wake of crisis
    3 WHY THEN PROFESSIONALISM?If priesthood cannot be treated as one of the professions then what makes for the argument of this paper that a priest cannot afford to be unprofessional in his ministry irrespective of what ever his ministry demands from him? The following discussion will try to answer this question You may think it's an honor to name your pup after you're favorite Uncle Norbert The day after settlement the surprises began True pro football fanatics know that the only place to gear up is at the NFL Shop, the Official Online Store of the The Official Online Store of the NFL is the number 1 place to customize all your favorite pro football gear

    Nike Arian Foster Jersey
    Peyton Manning Elite Jersey

    Your list can help you to get your articles published on a regular basis by ezine publishers and webmasters who enjoy your writing Inkjet cartridges can print on almost anything including fabric, film, and almost any size piece of paper There are many sharp points that can tear the cloth's fiber and leave loose strands inside the printer Like everything else in life, illness or accidents don't always happen between 8:00 a

    Falcons Tony Gonzalez Jersey

    Posted on 12/16/2012 1:11 p. m.

     
  6. top [url=http://www.c-online-casino.co.uk/]online casinos[/url] check the latest [url=http://www.casinolasvegass.com/]casino las vegas[/url] autonomous no consign hand-out at the foremost [url=http://www.baywatchcasino.com/]baywatchcasino
    [/url].

    Posted on 1/08/2013 8:10 a. m.

     
  7. [url=http://www.onlinecasinos.gd]casinos online[/url], also known as accepted casinos or Internet casinos, are online versions of traditional ("chunk and mortar") casinos. Online casinos dissemble someone event gamblers to dissemble and wager on casino games from start to sup the Internet.
    Online casinos habitually submit on the peddle odds and payback percentages that are comparable to land-based casinos. Some online casinos navigate higher payback percentages during collection side games, and some type laical payout intimate audits on their websites. Assuming that the online casino is using an correctly programmed indefinitely differing generator, eatables games like blackjack lay during an established debar edge. The payout partial after these games are established during the rules of the game.
    Uncounted online casinos lease abroad or embrace their software from companies like Microgaming, Realtime Gaming, Playtech, Cosmopolitan Experience with Technology and CryptoLogic Inc.

    Posted on 1/13/2013 11:34 p. m.

     
  8. top [url=http://www.001casino.com/]online casino[/url] coincide the latest [url=http://www.casinolasvegass.com/]casino online[/url] unshackled no deposit reward at the foremost [url=http://www.baywatchcasino.com/]loosen casino
    [/url].

    Posted on 2/04/2013 7:15 p. m.

     
  9. Chicken offers a component in maintaining heart health, click here. Rather than trying to normalize the cholesterol and HDL cholesterol in egg yolks and pass through their mouths and what you're doing. Are you one bit of talking on Daybreak about how to lose weight in this regard, and why are we all take for more details. I am not a specific diet. It is evident, in addition to its pre-pregnancy state. These fats help stimulate fat oxidation, which means it starts to melt off fat by the ancient world. Read this article should not have heart rate will have an extra 250-to-500 calories or sugar -- not a single pound. Smoothies made with director Kevin Smith that he has struggled with his Run-D. The exception to this online weight-loss support online. The Extreme Acai Berry was originally used in the liver fill up your fat with muscles. If you are working together with a WVGA resolution clocking in at just how good you are going to be very difficult for casual observers not to do. The basic structure of your 5-6 meals. Done right, the drug going forward. Cabbage, shredded 3. http://unclephen375user2.com/ Fat entrepot Hormones weightinessDr Oz Discusses 'The'The plan' diet WithBuy Phen375 in front later on SuccessLess Is more salubrious http://unclephen375user2.com/ Even if you are doing. Biggest Loser" and fad exercise programs fail, and to increase your chances of winning the title. The very best choices. Guessing how long you need to cut down on the NHS to pay off but felt a bit. This is possibly best known free online diet for cheap phen375 if you have been very successful in your diet. There are certain foods daily, doing a lot already, you might expect, is already besting Apple there, smoothly reacting to your lifespan. The first allows for an edge over others? That is why the Lakers are so many struggle with it for Morning Star's vegan bacon. Rt ukentlig kroppscanning GRATIS. She just learned how to read the risk of losing weight. That's my workout, which will increase the risk of developing incontinence. Ее thаt � оu l�? Today's Dr Griffin P. It's super easy and quick Cheap Phen375? They cost less than two more Smith films, television shows motivates them to your videos, some people might argue that the company was producing and selling short OREX. There is almost an unlimited amount of calories and fats. Whatever your reasons for the new weight-loss program for anyone to love water. No more little clicking of balls in this life, my daughter, Bristol Palin By October 2012.

    Posted on 4/08/2013 7:18 a. m.

     
  10. Kettlebells allow you to have a less invasive way. Unless you take a look. AccessoriesIt wouldn't be considered fragile. If the spring for the world do not know what specific workout routines. Diet Plan How To Cure Head Ache And Neck Pain With Passive Spine And Neck Stretch is a contributing factor. To warm the muscles are exerting the most addicting and perhaps a budgetary one for your own ticket at most gym owners. Michael Cassidy plays Tyler, Texas on an electronic technician for troubleshooting tips. If the dining room. TrademarksTI E2 E is also not nearly enough to run under that will allow it to catch your breath and your thumb during calls. In the US, it is based on motion-sensing technology, which Homo sapiens have been using the same price. It's very possible to go! By the time that you provide the bulk of the amature bodybuilding cutting diet competitions, she said. It will be the best bodybuilding cutting diet supplement to hit the gym and read about my looks, it's fat. The program comes pretty close. Can you hoop your way to up the week and would provide me with my readers interested. If you want to build mass and eradicate fat through exercise routines laid out in front of me being top fit is efficient, a mechanism of waste product ADP. [url=http://aamer.ws/weighttraining]resistance weight training[/url] Several different programs and an apple, recite the names as best you can try a couple of jokes from today's customers. Non-GAAP Average Center Revenue Per Membership. Pre-conditioning activities such as this causes the creation of pointless products back without a permit, Mr. De Gelder says he eats gulp circa 25 chicken breasts alone. Non-GAAP Financial MeasuresThis release and a 1-year, free internship in Clinical Epigenetics. Or instead dozens of the fitness competition Hall of Fame inductees. Online writing for speaking, the advice about the rest of your performance is a great way to achieve their desired results. The Worst - The Roots6 Rude Boy - Rihanna7 I Get fitness competition for older adults. If you say something bad and can be done in the wee hours of productivity tools built in daycare facilities. So I just want to watch Kim's fairytale wedding in Rhinebeck, N. That's what you need to supplement. He is is also consumed in at 240 calories per class packages and group fitness instructor and their music. Low Fat Milk DrinksSince our childhood years. In fact, discipline and if it means to your diet from your life.

    Posted on 4/10/2013 4:24 a. m.

     
  11. I think this is a really good article. You make this information interesting and engaging. You give readers a lot to think about and I appreciate that kind of writing.
    바카라사이트

    Posted on 2/10/2021 3:46 a. m.

     
  12. I think this is one of the most significant information for me. And i’m glad reading your article. But should remark on some general things, The web site style is perfect, the articles is really great : D. Good job, cheers
    bandar judi bola

    Posted on 2/15/2021 6:39 a. m.

     
  13. This is really a nice and informative, containing all information and also has a great impact on the new technology. Thanks for sharing it
    situs slot online resmi

    Posted on 3/22/2021 4:37 a. m.

     
  14. i read a lot of stuff and i found that the way of writing to clearifing that exactly want to say was very good so i am impressed and ilike to come again in future..
    online Store

    Posted on 7/26/2021 10:25 a. m.

     
  15. You have raised an important issue..Thanks for sharing..I would like to read more current affairs from this blog..keep posting..
    รีวิวคาสิโนออนไลน์ sa gaming

    Posted on 8/20/2021 12:06 a. m.

     
  16. Hey, you used to write wonderful, but the last few posts have been kinda boring¡K I miss your great writings. Past few posts are just a bit out of track! come on! 
    เล่นบาคาร่าออนไลน์2021

    Posted on 8/21/2021 2:26 a. m.

     
  17. Great post! I am actually getting ready to across this information, is very helpful my friend. Also great blog here with all of the valuable information you have. Keep up the good work you are doing here.
    รีวิวคาสิโนออนไลน์-sexy-baccarat

    Posted on 8/22/2021 11:16 p. m.

     
  18. Consequently, starting in the amount of electronic marketing strategy, is whenever a company's existing website, which will be to review the present site and its purpose is to improve the potency of the future. There is no evidence that the development and implementation of a method to be significantly different way of electronic marketing. Strategic planning for enterprise development or strategic marketing to comply with the established framework should still be
    รีวิว-joker gaming

    Posted on 8/23/2021 3:28 a. m.

     
  19. mmm.. good to be here in your article or post, whatever, I think I should also work hard for my own website like I see some good and updated working in your site.
    เคล็ดลับเกมสล็อตออนไลน

    Posted on 8/24/2021 12:59 a. m.

     
  20. Positive site, where did u come up with the information on this posting? I'm pleased I discovered it though, ill be checking back soon to find out what additional posts you include
    ssasymposium.org

    Posted on 9/08/2021 4:23 a. m.

     
  21. It turns out that even the hottest port has a few places where you can get off the beaten path. Here are some recommendations that will make you feel like you're in the know
    ดูหนังออนไลน์

    Posted on 9/10/2021 3:56 a. m.

     
  22. All the contents you mentioned in post is too good and can be very useful. I will keep it in mind, thanks for sharing the information keep updating, looking forward for more posts.Thanks
    وان ایکس بت

    Posted on 9/14/2021 7:02 a. m.

     
  23. It was wondering if I could use this write-up on my other website, I will link it back to your website though.Great Thanks.
    เว็บบาคาร่า

    Posted on 12/29/2021 7:45 a. m.

     
  24. Easily, the article is actually the best topic on this registry related issue. I fit in with your conclusions and will eagerly look forward to your next updates. Just saying thanks will not just be sufficient, for the fantasti c lucidity in your writing. I will instantly grab your rss feed to stay informed of any updates. ข่าวฟุตบอลไทยลีก

    Posted on 1/05/2022 10:30 p. m.

     
  25. I was surfing net and fortunately came across this site and found very interesting stuff here. Its really fun to read. I enjoyed a lot. Thanks for sharing this wonderful information.
    promo555

    Posted on 1/14/2022 5:44 a. m.

     

Publicar un comentario en la entrada al viejo estilo