humangas's blog

自分用のメモなので雑です。

はてなブログ(Markdownモード)に、SlideShareとSpeakerDeckのスライド貼り付ける方法

はてなブログにSlideShareとかSpeaker Deckのスライドの貼り方のまとめ。
※ 以下の自分の環境でしか試してません。

前提条件

  • はてなブログ
  • Markdownモード

Speaker Deckのスライドの貼り方

すげぇ簡単。というか何も意識しない。
右下 share(twitterのマーク)>Embed>表示されるテキストをコピーして貼付けるだけ

<script async class="speakerdeck-embed" data-id="50021f75cf1db900020005e7" data-ratio="1.33333333333333" src="//speakerdeck.com/assets/embed.js"></script>

f:id:Humangas:20140205191933p:plain

こんな感じで

SlideShareのスライドの貼り方

これもすげぇ簡単。スライドが表示されているURL+:embedを記載するだけ。

[http://www.slideshare.net/humangas_/5awsos:embed]

f:id:Humangas:20140205191925p:plain

こんな感じで

SlideShareのiframeタグコピーでもイケます。

表示のされ方は、上記と全く同じなので貼り方だけ。

<iframe src="http://www.slideshare.net/slideshow/embed_code/30779845" width="427" height="356" frameborder="0" marginwidth="0" marginheight="0" scrolling="no" style="border:1px solid #CCC; border-width:1px 1px 0; margin-bottom:5px; max-width: 100%;" allowfullscreen> </iframe> <div style="margin-bottom:5px"> <strong> <a href="https://www.slideshare.net/humangas_/5awsos" title="爆速5分-AWSインスタンス起動からOSログインまで" target="_blank">爆速5分-AWSインスタンス起動からOSログインまで</a> </strong> from <strong><a href="http://www.slideshare.net/humangas_" target="_blank">Humangas </a></strong> </div>

f:id:Humangas:20140205192635p:plain

Twitterのツイートなどの貼り方

はてなブログ開発ブログに、他も含めて書いてあった。

広告を非表示にする