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> 

이 코드의로드를 시도하고 그것을 배지를 스타일이없는 목록으로 표시합니다. 자바 스크립트 파일이 HTTPS와 CSS를 강제 할 수있는 기능을 제공하지 않는 외부로 http://cdn.stumble-upon.com/css/badges_su.css?v=20120613

: 그것은로드 된 자바 스크립트 파일을 보인다 코드 연구에서 이 파일을 호출하는 CSS 로딩 위치를 호출합니다.

Google은 https : //에 사이트를로드하므로 http : //에서로드 된 모든 파일은 혼합 된 콘텐츠를 허용하지 않는 브라우저에서 자동으로 차단됩니다.

나는 Stumbleupon에 연락했는데 분명히이 문제를 알고 있고 해결할 계획이 없다. (그들은 SSL을 설정하고 싶지 않습니다.)

누군가 배지와 함께이 혼합 된 콘텐츠 문제가 발생 했습니까? 그렇다면 누구든지 해결 방법을 찾았습니까? (선호 코드는 플러그인이 아닙니다.)

Answer 1

예를 들어 https://goo.gl/과 같이 HTTPS를 지원하는 링크 단축키를 사용하고 있었지만 배지와 함께 테스트 한 적이 없습니다.