>--> Blogger のスレッド式コメント欄で、各コメントに番号をつける方法 | クリボウの Blogger Tips

クリボウの Blogger Tips

Google Blogger の使い方、カスタマイズ方法、各種ツールなど、
Blogger 関連の役立つ情報を紹介しています。

> | > Blogger のスレッド式コメント欄で、各コメントに番号をつける方法

Blogger のスレッド式コメント欄で、各コメントに番号をつける方法



以前、Blogger の埋め込み式コメント欄でコメントをスレッド表示にできるようになった件について、記事にしました。

今日は、そのスレッド式のコメント欄のコメントに番号を振る方法です。コメントスレッドのもとになるコメントには「1」「2」「3」という吹き出しがつき、それらのコメントへの返信は、「1.a」「1.b」「2.a」のように、アルファベットが付加されます。

参考にしたのはこちらのページ。


導入方法

その1 Blogger 管理画面「レイアウト」から「ガジェットを追加」リンクをクリック、「HTML / JavaScript ガジェット」を選択して、以下のコードを貼り付けます。

その2 面倒だという人は、下の「Add to Blogger」ボタンを押して、スクリプトを導入したいブログを選択したのち「ウィジェットを追加」ボタンを押すだけでもOKです。「その1」と同じことを自動でしてくれます。

<style type="text/css">
.comment-thread ol {
counter-reset: countcomments;
}
.comment-thread li:before {
content: counter(countcomments,decimal);
counter-increment: countcomments;
float: right;
font-size: 22px;
color: #555555;
padding-left:10px;
padding-top:3px;
background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi6_Vhbaek5hfW1FKz_bTDQO4rl76Jtofvi0_hEuYejdE24VAxkr8Xh7i744tPn87CLDvx18YNZkuqjdVmr4JjZwlvJVKJmU-BKXSKrrHCt7JYiJTHC1SZuVzkIpN7VoRNl44UtQQ/s1600/comment+bubble2.png) no-repeat;
margin-top:7px;
margin-left:10px;
width: 50px; /*image-width size*/
height: 48px; /*image-height size*/
}
.comment-thread ol ol {
counter-reset: contrebasse;
}
.comment-thread li li:before {
content: counter(countcomments,decimal) "." counter(contrebasse,lower-latin);
counter-increment: contrebasse;
float: right;
font-size: 18px;
color: #666666;
}
</style>

コメントのたくさんつくブログでは、各コメントに言及するのに「3 にあるように…」とか「5.c のコメントで…」という風にコメントを指定することができるので、便利かもしれませんね。


スポンサードリンク:
お願い:
「この記事役に立った!」と思ったら、ぜひフィード登録をお願いします。 

Comments:14

  1. いつもありがとうございます。

    Disqusとの併用は出来ないのでしょうか...
    どうぞ、よろしくお願いいたします。

    ReplyDelete
  2. It looks like adidas Originals has a few plans in the works for a mid top Ultra Boost. yeezy boost 950 First we gave you a preview of the adidas Ultra Boost Mid not long ago and now another pair has leaked, the adidas Ultra Boost ATR Mid Street.While there is a good Yeezy Boost 350 V2 amount of changes shown, you can also see the original adidas Ultra Boost within it. Featuring a moulded Three Stripes across the side, extended collar and Primeknit overlays. The usual Boost midsole Adidas Outlet returns while a rugged outsole is placed for Fall and Winter.At the time of writing, the adidas Ultra Boost ATR Mid Street doesn’t have a release date or retail price. However you NMD Human Race Yellow can check out a larger image by scrolling below. Once new information and photos become available, we will make sure to update you. For now, hit the comments section and give us Adidas NMD your thoughts on this new Ultra Boost.
    One of the most sought after adidas Ultra Boost releases is when they come in a Triple Black theme. Today we have a look at adidas outlet the adidas Ultra Boost 3.0 ‘Triple Black’ that is expected to debut during 2017.Dubbed Triple Black due to it’s all Black takeover. This adidas Ultra Boost uses the latest edition of Primeknit Yeezy Boost 350 Pirate Black known as 3.0 which features a new design and is a bit thicker. Black is also used across the cage as well as the heel counter. Finishing this pair off is a Yeezy Boost 350 V2

    ReplyDelete
  3. http://jumperads.com.over-blog.com/2016/12/transfere-mecca
    http://jumperads.com.over-blog.com/2016/12/transfere-medina
    http://jumperads.com.over-blog.com/2016/12/cleaning-tanks-jeddah
    http://jumperads.com.over-blog.com/2016/12/transfere-dammam
    http://jumperads.com.over-blog.com/2016/12/jumperads.com.html

    ReplyDelete
  4. Promo Terbaik dengan Dealer Poker Online Vologda Region Capital Situs www.rusiapoker.org Melalui BPD Sumbar Indonesia Kode Bank 118.

    ReplyDelete
  5. ********************************************************************************************************
    Hi friends ! I'm Eillen Sharma. I like to have bed relationship with different persons rather than with a single man for the whole of life. Not only is this my notion , but also is this fact that the secret organs are made for enjoyment. Please follow me on the links given bellow.

    Bhubaneswar call girls
    Gurgaon call girls
    Gurgaon call girls

    Jaipur call girls
    Jaipur call girls
    Jaipur call girls

    Jaipur call girls
    Mumbai call girls
    Bangalore call girls

    If you are interested in me and my ideology ,then you are invited to my bed. Just go ahead !

    ReplyDelete
  6. Hi friends ! I'm Eillen Sharma. I like to have bed relationship with different persons rather than with a single man for the whole of life. Not only is this my notion , but also is this fact that the secret organs are made for enjoyment. Please follow me on the links given bellow.

    Mumbai escorts
    Puri escorts
    Cuttack escorts

    Bhubaneswar escorts
    Gurgaon escorts
    Gurgaon escorts

    Jaipur escorts
    Jaipur escorts
    Jaipur escorts

    If you are interested in me and my ideology ,then you are invited to my bed. Just go ahead !

    ReplyDelete
  7. โอกาสทำเงินออนไลน์ จากค่ายเกมดังสู่การทำเงินออนไลน์ เกมสล็อตโจ๊กเกอร์ออนไลน์ เตรียมพบกับสล็อตวิดีโอที่ทำเงินได้ง่ายๆ Forest Treasure ที่หาเงินได้หลายครั้ง http://www.jokerslot.ninja/

    ReplyDelete
  8. ทดลองเล่นสล็อต คลิกที่นี้ New way PG168 slot game We have brought and selected famous brand games from all over the world and famous brand camps from all over the world have arrived and we have brought Momma come Try Slots Machine and let us play the complete game together today. You can choose to play satisfactorily and enjoy new types of games from our camp to your satisfaction.

    ReplyDelete
  9. visit this web-site next page visit this website check out the post right here her comment is here look at this now

    ReplyDelete
  10. see this page find out this here click to read more Dolabuy Louis Vuitton check this site out go to my blog

    ReplyDelete
  11. Excellent post it is very helpful and knowledgeable content good work keep it up.
    electric masturbator cup
    masturbator cup

    ReplyDelete

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.