StumbleuponバッジをHTTPSサイトで使用するには？

Question

私はStumbleuponがCSSでHTTPSをサポートしていないようですが、私たちのサイトにStumbleuponバッジを追加しようとしています。ここに示したように、私は、その後のバッジコードを提供しています https://www.stumbleupon.com/dt/badges/create

：StumbleUponの発見ツールはここで見つける使用

私はバッジのいずれかを選択

<!-- Place this tag where you want the su badge to render --> 
<su:badge layout="2"></su:badge> 

<!-- Place this snippet wherever appropriate --> 
<script type="text/javascript"> 
    (function() { 
    var li = document.createElement('script'); li.type = 'text/javascript'; li.async = true; 
    li.src = ('https:' == document.location.protocol ? 'https:' : 'http:') + '//platform.stumbleupon.com/1/widgets.js'; 
    var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(li, s); 
    })(); 
</script> 

このコードをロードしようとすることバッジを非スタイルリストとして表示します。 JavaScriptファイルは、それがHTTPSのようにCSSを強制する機能を提供していない外部にあるとして http://cdn.stumble-upon.com/css/badges_su.css?v=20120613

：それはロードされたJavaScriptファイルを思わコードを研究から は、このファイルを呼び出すCSSの読み込み位置を呼び出します。

私たちはhttps：//にサイトを読み込むので、http：//から読み込まれたファイルは、混在コンテンツを許可しないブラウザでは自動的にブロックされます。

私はStumbleuponに連絡しており、明らかに問題を認識しており、解決する予定はありません。 （彼らはSSLをセットアップしたくないようです）

他に誰かがバッジの混在したコンテンツの問題に遭遇したことがありますか？ （プラグインではなくコード解決が望ましい）

Answer 1

HTTPSをサポートしているリンクショートナー（例：https://goo.gl/）を使用していましたが、バッジでテストしたことはありません。