アメブロ

【アメブロ】CSSで記事に蛍光ペンのマーカーを入れる方法

 

レビュー :    ★★★★☆

Time    :  02分50秒

形式     :  講義

作成者  :  パーフェクトマスター アメブロカスタマイズ講座 さん





《 ここがオススメ 》


アメブロの記事の一部分を、蛍光ペンのマーカーを引いたように
表示する方法を分かりやすく解説した動画です。
動画の時間も、わずか2分50秒しかないので、閲覧しやすいです。




《 この動画の要約 or 詳細 》


アメブロの管理画面で、左上の「アメブロ」をクリックして、
左サイドメニューの「デザインの変更」をクリックします。


「適用中のデザイン」、「CSS編集用デザイン」の下の、
「CSSの編集」のリンクをクリックし、
「現在使用中のブログデザインCSS」という編集画面の
一番下にスクロールします。


「その他、拡張があれば記述」という部分の下に
改行を行なって、新しいCSSを追加していきます。


span.marker{
background:#ffff57;
}


※ 今回は、 ” #ffff57 ”  という背景色にしました。


入力したら、保存して記事を確認してみます。



記事に内容を記述するタグは、

< span class=”marker”> テスト記事 テスト記事 </apan>

・・というように記述します。





《 一言 》


こちらの設定方法は、難しくなく簡単ですし、
マーカーの色彩を取り入れることによって、ブログの読者に、
内容がより伝わりやすい記事となりますので、
ぜひ、この「記事にマーカーを引く方法」を取り入れてみたいですね。


アメブロへのYouTube(ユーチューブ)動画掲載方法

 

レビュー:★★★☆☆

Time : 02分08秒

形式  : 講義

作成者: けいぞう奥本 さん

 

《ここがオススメ》

初心者の方向けに、アメブロにYouTubeの動画を貼り付ける方法が
分かりやすく開設されている動画です。

 

《この動画の要約 or 詳細》

アメブロにYoutube の動画を貼り付けたい場合は、
掲載したい動画の「共有」ボタンをクリックして、
「共有」、「埋め込みコード」、「メール」という3種類の
リンクになっている、それぞれのタブが出てくるので、
真ん中の「埋め込みコード」をクリックします。

そこで、「埋め込みコード」を取得できます。
「もっと見る」というリンクをクリックすると、
下の方で、「動画のサイズ」を選択出来るようになります。

「埋め込みコード」をコピーして、
アメブロの画面の「ブログを書く」というボタンをクリックします。

「HTMLタグの編集や、Youtubeなどのコンテンツを貼り付けることができます。」
・・という入力欄に、「埋め込みコード」を貼り付けて、
「プレビュー」ボタンで、確認してみます。

「全員に公開」ボタンで、実際に更新されます。
そうすると、「記事の公開を完了しました。」という別ウィンドウが表示されます。

 

 

《一言》

アメブロなどのブログには、「Youtube 動画」を貼り付けると、見栄えも良くなり、
SEO上も、動画閲覧のため滞在時間を長くさせる効果があり、お勧めです。
掲載方法は、いたって簡単ですので、ぜひ実践してみましょう。