コメント数、Facebookのカウント数などのソーシャルメディアの人気統計情報を使って左側のサイドバーを作成するにはどうすればよいですか？

Question

昨年、多くのサイトで共有/人気の統計情報をウィンドウをスクロールしても画面に表示されている左側のサイドバーに移動したことに気付きました。この種の機能を持つページのURLは次のとおりです。http://news.cnet.com/8301-31921_3-57371426-281/anti-sopa-forces-have-isp-snooping-bill-in-their-crosshairs

この種のサイドバーを作成するにはどうすればよいですか？

Answer 1

簡単な方法は絶対にそれを配置し、

Answer 2

は、あなたのHTMLページにこれを試して、他のすべての上に表示されるように、Zインデックスを設定するためにCSSを使用することです

<style> 
.side-sharebar { 
    display: block; 
    left: 482px; 
    position: fixed; 
    top: 20px; 
    -moz-border-bottom-colors: none; 
    -moz-border-image: none; 
    -moz-border-left-colors: none; 
    -moz-border-right-colors: none; 
    -moz-border-top-colors: none; 
    background-color: #EEEEEE; 
    border-color: #CCCCCC transparent #CCCCCC#CCCCCC; 
    border-radius: 3px 0 0 3px; 
    border-style: solid; 
    border-width: 1px; 
    box-shadow: -6px 0 6px -6px rgba(0, 0, 0, 0.25) inset, 0 1px 0 #FFFFFF inset; 
    left: auto !important; 
    margin-left: -98px; 
    margin-top: 2px; 
    position: absolute; 
    top: 0; 
    width: 76px; 
} 

.side-sharebar ul li { 
    border-bottom: 1px solid #CCCCCC; 
    box-shadow: 0 1px 0 #FFFFFF; 
    padding: 10px 2px 10px 0; 
    position: relative; 
    text-align: center; 
} 

.side-sharebar ul { 
    list-style: none outside none; 
} 
</style> 
.... 
<div class="side-sharebar"><ul><li>one</li><li>two</li></ul></div>