BLOG CATEGORY

Monthly Archives

長フチコンテンツ

ホームページ制作、SEO対策 サイバーアクセル・アドバイザーズTOP » ブログ » webコラム» FC2ブログカスタマイズ サイドバーにバナーを表示させる方法

このエントリーをはてなブックマークに追加

FC2ブログカスタマイズ サイドバーにバナーを表示させる方法

   投稿日: 2016/04/14    投稿者:webコラム

20160402-1.jpg

こんにちは!ライターのモモタロウです。

今回は、FC2ブログでサイドバーにバナーを貼り付ける方法をお伝えします。

リンク先バナーを見つける


まずは、サイドバーに貼り付けるリンクバナーを見つけます。



サイバーアクセル・アドバイザーズ1.jpg


今回は、この画像( ↑ )を貼り付けます。

選んだリンクバナー画像をFC2ブログにアップロードします。
アップロードしたらアップロード先のURLはコピーしておきます。

20150402-2.jpg

次に、FC2ブログ管理画面から、プラグインをクリックします。
(四角で囲んだ部分です)



20150402-3.jpg
ページが変わったら、プラグインの設定にあるPC用「公式プラグイン追加」をクリックします。



20150402-4.jpg

下の方に、拡張プラグイン「フリーエリア」があります。
その「追加」をクリックします。

フリーエリア.jpg

ページが変わったら、フリーエリアの編集の一番下に、
リンク先HTMLタグを貼り付けます。

HTMLタグの取得方法

HTMLタグは以下のサイトで取得するとよいでしょう。
BANNER KOUBOU.COM
http://www.bannerkoubou.com/html-tag/img/
タグ-1.jpg

HTML自動作成サイトでは、リンクURLにリンク先のURLを、バナーURLに先ほどアップロードした
バナー画像のURLをコピー&ペーストすれば、その下の方に自動でHTMLタグが表示されます。
(今回は上の画像内にあるHTMLタグを利用します)

バナーをサイドバーに貼り付ける

HTMLタグが取得できたら、
先ほどのFC2ブログ「フリーエリア」にコピー&ペーストです。


プレビューボタンを押すと・・・

20150402-5.jpg




サイドバーにバナーが貼り付けられました!
バナーをクリックするとリンク先のホームページに変わります。

まとめ 

いかがでしたか?
FC2ブログがビジネスブログに早変わりです。
インターネット内での相互連携が活発になれば、インターネットの世界は
ますます活性化することでしょう。
是非、試してみて下さいね!

カテゴリ:

TOPへ