« ブログの投稿用APIについて | メイン | プレーンテキストモードについて(HTMLタグで記事を書く) »

サイドバーにバナーを設置する方法

サイドバーにバナーを設置する方法をご紹介します。ここでは、例として、釣りぶネットblogのバナー設置方法をご紹介しています。

.まずはバナーの画像と、リンク先サイトのURLを用意します     

   http://blog.eonet.jp/community/tsuribunet/

.画像をアップロードします 

  ・[コントロールパネル]>[ファイル]でファイルマネージャのページに入ります。

  ・「ファイルをアップロード」の箇所の「ファイルを選択」を押して、バナーの画像を選択し、アップロードします。
  ・ファイル一覧に該当の画像がアップロードされたことを確認します。画像をクリックして、URLを確認しておきます。
  http://○○○.blog.eonet.jp/130banner_tsuribunetとなります。
  (○○○の部分はご自分のブログのURL、後ろの部分が画像のファイル名となります。)

.タイプリストを使います 

  ・[タイプリスト]をクリックして、「新規タイプリスト作成」をクリックします。

       

  ・「リストの種類」は「メモ」を、「リストの名前」はお好きなものを入力してください。(ブログのサイドバーに表示されます)

       
  ・リストが作成できたら、バナーの貼り付けです。

  「ラベル」欄は任意で入力してください。バナーの上に表示される文字です。
       
  「備考」欄に以下のタグを入力します。

  <a href="http://blog.eonet.jp/community/tsuribunet/"><img border="0" src= http://○○○.blog.eonet.jp/130banner_tsuribunet.gif width="130" height="50"></a>

  釣りぶネットのバナーの場合、黄緑の部分に釣りぶネットblogのURLを、オレンジの部分に先ほどアップロードした画像のURLを入力します。

     
  ・[保存]を押します。

.ブログに表示させます 
  ・[ブログ]>[デザイン]>[表示項目を選択]をクリックします。       

   
  ・[タイプリスト]の欄で、先ほど作成したタイプリストにチェックを入れます。

   

  ・[変更を保存]を押します。

これでブログのサイドバーにバナーが設置できました。
仕上げとして、必要に応じて、位置を変更してください。

.並べ方を変更します 
  ・[ブログ]>[デザイン]>[並べ方を変更]を選択します。
  ・サイドバーの項目が並んでいますので、ドラッグアンドドロップで、お好きな順番に並べ替えてください。
  ・[変更を保存]を押します。

以上で釣りぶネットblogのバナーが貼れました!  

     

※バナーによっては、[メモ]で入力するタグがあらかじめ用意されている場合もあるので、コピーして貼り付けてください。

※タグが用意されていない場合でも、こちらに載っているタグをコピーして、「リンク先のURL」「大きさ(widthとheight)」「画像のURL」を変更することで応用できます。