クリボウの 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(http://3.bp.blogspot.com/-f6ByQfbwApQ/T4x_8p1FGpI/AAAAAAAAB2A/WJKf-ybmvQk/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:5

  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

Comments on Google+:

© 2005-2014 Kuribo. Powered by Blogger.