BLOG CATEGORY

Monthly Archives

長フチコンテンツ

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

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

アメブロカスタマイズ サイドバーにバナーを表示させるには

   投稿日: 2014/06/20    投稿者:webコラム

s1.jpg

    

    

みなさん、こんにちは!

自分のブログで、他のウェブサイトを紹介したいことってありますよね。

今回は、サイドバーにバナーを貼り付ける方法をご紹介します!

 

「バナー」とは、ウェブページ上で他のウェブサイトを紹介する役割を持つ画像(アイコンの一種)のことで、

主に広告・宣伝用に作られ、ウェブサイトへのハイパーリンク用にも利用されます。

画像にはリンクを張り、クリックするとそのバナーが紹介するサイトを表示するようになっています。

とっても便利ですよね!

    

    

バナーを用意する

    

    

自分でバナーが作れる人は自分で作って、サイドバーに貼り付けます。

自分では作れない、使いたいバナーがある場合は、そのバナーを頂いて(許可されているもののみ)、サイドバーに貼り付けましょう。

こんな感じの画像です↓。サイズは、横幅が180pxもしくは300pxで。

    

    

s1_1.jpg

    

    

バナー(画像)をアメブロ記事の「画像をアップロードする」でアップロード!

    

    

まずは記事編集画面の「画像」ボタンをクリック。

    

s2.jpg

    

    

①「ファイルを選択」ボタンをクリックし、表示させたいバナー(画像)を選択します。

②「アップロード」ボタンをクリックし、バナー(画像)がアップロードされたら、

③「記事に追加」ボタンをクリック。

    

    

s3.jpg

タイトルを「フリースペースのバナー」として記事を書きます。

あとで下書き保存するために、タイトルを入れておきます。「あああ」でもなんでも適当でOKです。

     

     

リンク先を設定

    

飛ばしたいURLをコピーして、href="以降のhttpの「h」から、"><img手前のpngの「g」の部分に貼り付けます。

     

s4.jpg

     

     

「コピーする」の赤枠内全てをコピーして、「フリースペース編集」ボタンをクリック。

     

     

s5.jpg

     

     

コピーした内容を貼り付けたら、最後に、「保存」ボタンをクリックして完成です!!

サイドバーの配置設定で配置しておくことを忘れないようにして下さいね!!

     

     

s6.jpg

     

     

完成したブログの画面はこんな感じです↓

     

     

s1.jpg

     

     

まとめ

ワンクリックで、自分のFacebookに飛べるようにしたい時、知り合いのブログを紹介したいとき、

お店の広告を載せたいとき、商品の宣伝をしたいとき、とっても便利な機能です。

ぜひ試してみてくださいね!!

カテゴリ:

TOPへ