Medium

| コメント(0) | トラックバック(0)

自分のブログサイトに Medium をサイドバー・ガジェットとして使う。
medium の自サイトを開き、右上の <> (Embed profile) アイコンをクリック

me1.PNG

Embed this Profile のページに入る、Learn more. をクリックして概略を把握する

me2.PNG

<script async src="https://static.medium.com/embed.js"></script>
<a class="m-profile" href="https://medium.com/@redonc">aller</a>

これを貼り付ければ OK なのだが、https://static.medium.com/embed.jsから、220 を検索

var z = {o:"profile", n:"collection", q:"story"};
y.prototype.j = function(a) {
  var b = a.data && a.data.split("::");
  b && "m" == b[0] && b[1] == this.i && a.origin == this.k && (a = "display: block;max-width: 100%;min-width: 220px;padding: 0;position: static;visibility: visible;", "false" !== this.g.getAttribute("data-border") && (a += "border-top-left-radius: 5px;border-top-right-radius: 5px;border-bottom-right-radius: 5px;border-bottom-left-radius: 5px;border-color: #eee #ddd #bbb;border-width: 1px;border-style: solid;box-shadow: rgba(0, 0, 0, 0.15) 0px 1px 3px;"), this.h.setAttribute("style", a), this.h.setAttribute("height", 
  b[2]));
};

自分サイトのサイドバー・ガジェットは 190px なので 150行の min-width: 220px; を 190px に修正
修正したファイルをサイト・サーバにアップ Movable Type の管理画面で、新規ウィジェット Medium を作る

<mt:IfArchiveTypeEnabled archive_type="Page">
    <h3 class="widget-header">Medium</h3>
    <div class="widget-medium">
	   <script async src="http://midforce.net/path/embed.js">
	   </script><a class="m-profile" href="https://medium.com/@redonc">aller</a>
    </div>
</mt:IfArchiveTypeEnabled>

これで OK

トラックバック(0)

トラックバックURL: http://midforce.net/mt/mt-tb.cgi/666

コメントする

ALLER's Website

Secondary Site

BBS

月別 アーカイブ

OpenID対応しています OpenIDについて
Powered by Movable Type 6.3.2

Hatena

アイテム

  • float.PNG
  • g+b.PNG
  • mt.PNG
  • atok2.PNG
  • atok1.PNG
  • me2.PNG
  • me1.PNG
  • imgburn1.jpg
  • fb-Gplu.PNG
  • creative.PNG