【裏ワザ・アメブロにiframe(インラインフレーム)を貼りつける】&私が惚れたブログご紹介
皆さん、こんにちは!シマザキです。
アメブロスキンの仕様が9月から新しく変わりました。
従来のJavaScriptを使ったブログパーツがことごとく使えなくなり、
サービス提供者には、ちょっと大変な状況です。
今回は大幅な変更なので、すぐにご自分のメインブログで
変更しようとせず、サブブログのアカウントを1つか2つ作って、
そちらで試行錯誤していくのがよさそうです。
現在、詳しい方が様々なブログで新スキン対応記事を
発表しておられますが、
今、私が個人的に注目しているのが、こちらのブログです。
アメブロカスタマイズで自分らしい空間を作る技
http://ameblo.jp/wazameba/
・記事内容がとにかくわかりやすく、読者目線で書かれている
・目次が作られていて目的の記事を探し出しやすい
・自由に使えるオリジナルJavaScriptを提供して下さっている
・(アメンバー関係なく)いつでも誰でも見れて使える
という、ブロガーの鑑のような素晴らしい内容のブログです。
私はこの「わざめーば」さんの姿勢に完全にほれこんでしまい
即、読者登録しました。
ということで、私のイチオシ注目のブログですので、
今後もちょくちょく役立つ記事をリンク&紹介していくと思います。
-----------------------------------------------------
と、いうことで、早速このブログのこちらの記事を実践してみました。
アメブロの禁止タグを使う方法
http://ameblo.jp/wazameba/entry-10736090264.html
記事にiframeを埋め込む方法の紹介です。
iframeが使えると色々楽しいです。
たとえば、私のTLのツイッターの仲間内で盛り上がっている
「NAVERまとめ」や、Togetterなどのまとめサイトも、
iframeタグを使えば、リンク先に飛ばすことなく、
自分のアメブロ記事内に埋め込んで紹介することができます。
まず、マイページの「ブログを書く」のタブから
「サイドバーの設定」を開き、「フリープラグイン」の編集を
クリックして編集画面を開きます。
http://ameblo.jp/wazameba/entry-10736090264.html
こちらの記事を参照し、JAVAスクリプトをコピペします。
あとは貼り付けたい記事に、こちらの記事のとおりiframeを設置します。
↓このように貼り付けることができます↓
私の現在のブログにNAVERまとめを貼り付けると、
ちょっと横幅が足りなくてスクロールバーが出てしまいますが、
すごく面白いまとめなので、スクロールバーを右に動かして
>をクリックしながら閲覧してくださいね♪
皆さんもぜひ、お試しください。
本日も最後までお読みいただきまして、ありがとうございました。
シマザキ
アメブロスキンの仕様が9月から新しく変わりました。
従来のJavaScriptを使ったブログパーツがことごとく使えなくなり、
サービス提供者には、ちょっと大変な状況です。
今回は大幅な変更なので、すぐにご自分のメインブログで
変更しようとせず、サブブログのアカウントを1つか2つ作って、
そちらで試行錯誤していくのがよさそうです。
現在、詳しい方が様々なブログで新スキン対応記事を
発表しておられますが、
今、私が個人的に注目しているのが、こちらのブログです。
アメブロカスタマイズで自分らしい空間を作る技
http://ameblo.jp/wazameba/
・記事内容がとにかくわかりやすく、読者目線で書かれている
・目次が作られていて目的の記事を探し出しやすい
・自由に使えるオリジナルJavaScriptを提供して下さっている
・(アメンバー関係なく)いつでも誰でも見れて使える
という、ブロガーの鑑のような素晴らしい内容のブログです。
私はこの「わざめーば」さんの姿勢に完全にほれこんでしまい
即、読者登録しました。
ということで、私のイチオシ注目のブログですので、
今後もちょくちょく役立つ記事をリンク&紹介していくと思います。
-----------------------------------------------------
と、いうことで、早速このブログのこちらの記事を実践してみました。
アメブロの禁止タグを使う方法
http://ameblo.jp/wazameba/entry-10736090264.html
記事にiframeを埋め込む方法の紹介です。
iframeが使えると色々楽しいです。
たとえば、私のTLのツイッターの仲間内で盛り上がっている
「NAVERまとめ」や、Togetterなどのまとめサイトも、
iframeタグを使えば、リンク先に飛ばすことなく、
自分のアメブロ記事内に埋め込んで紹介することができます。
まず、マイページの「ブログを書く」のタブから
「サイドバーの設定」を開き、「フリープラグイン」の編集を
クリックして編集画面を開きます。
http://ameblo.jp/wazameba/entry-10736090264.html
こちらの記事を参照し、JAVAスクリプトをコピペします。
あとは貼り付けたい記事に、こちらの記事のとおりiframeを設置します。
↓このように貼り付けることができます↓
私の現在のブログにNAVERまとめを貼り付けると、
ちょっと横幅が足りなくてスクロールバーが出てしまいますが、
すごく面白いまとめなので、スクロールバーを右に動かして
>をクリックしながら閲覧してくださいね♪
皆さんもぜひ、お試しください。
本日も最後までお読みいただきまして、ありがとうございました。
シマザキ
アロエブラン モイスチャーソープ&ローション
PCの方はこちら↓
アロエブラン モイスチャーソープ&ローション
携帯の方はこちら↓