Seesaa(シーサー)ブログにバナーを貼る方法

Seesaaブログのサイドバーにバナーを貼る方法

シーサーの無料ブログのサイドバー(PC)にバナーを貼る方法を紹介します。バナーの貼り方は、2011年1月に記事を書いた時点でのやり方です。最新の情報はご自分でお確かめください。私の環境は「MacOS/FireFox」ですので、みなさんの環境に置き換えて読んでください。

スポンサードリンク

貼りたいバナーを自分のパソコンに保存する

このページでは『おはなしだいすき』のバナーを例にとってSeesaa(シーサー)ブログにバナーを貼りつける方法をご紹介します。まず、貼りたいバナーをダウンロードします。たとえば『おはなしだいすき』のホームページを開いて・・・


ページの下のほうにあるバナーをみつけてください。そして好きなバナーの上で、右クリックして名前をつけて画像を保存します。


どこに保存したか「保存する場所」を覚えておいてくださいね。


スポンサードリンク


Seesaa(シーサー)ブログの編集(文字列の編集)

次にSeesaaブログのマイ・ブログを開きます。開いたページが、記事を書くページになっていない場合は『記事を書く』を探してクリックしてみてください。↓ これは記事を書くページです。


記事を書くための四角い枠の下に、「+ファイル」とあります。


その「+」をクリックすると、「参照」のボタンが出てきます。(「参照」ではなくて「選択」の場合もあります)


「参照(または選択)」のボタンをクリックして、さっき保存したバナーを探して開いてください。そして「アップロード」のボタンをクリックすると小さなバナーの画像が出てきます。


この小さな画像をクリック。すると、記事を書く枠の中に

<a href=”http://ABC.up.seesaa.net/image/ohanashi149_7502.gif” target=”_blank”><img src=”http://ABC.up.seesaa.net/image/ohanashi149_7502-thumbnail2.gif” border=”0″ alt=”ohanashi149_7502.gif” width=”149″ height=”75″ /></a>

という文字列が出てきます。


※ABCというのは「例」です。みなさんのブログでは違う文字列になっています。そうしたら、最初の行の

<a href=”http://ABC.up.seesaa.net/image/ohanashi149_7502.gif”

の「http://〜」を、おはなしだいすきのURL

「http://ohanashi-daisuki.com/」 に変えてください。

↓ つまり、こうなります。

<a href=”http://ohanashi-daisuki.com/”

そうやってできた文字列、

<a href=”http://ohanashi-daisuki.com/” target=”_blank”><img src=”http://ABC.up.seesaa.net/image/ohanashi149_7502-thumbnail2.gif” border=”0″ alt=”ohanashi149_7502.gif” width=”149″ height=”75″ /></a>

の、全部をコピーしてください。
※このページの文字列をコピーするのではなく、みなさんのブログの文字列をコピーしてくださいね。

スポンサードリンク


『コンテンツ』にバナーを追加する

開いているSeesaaの記事を書くページの上の方にメニューが並んでいます。そのメニューの中から『コンテンツ』を選んでクリック。

※『コンテンツ』がなかったら、『デザイン』をクリックしてください。それから『コンテンツ』を選んでクリック。


そして『自由形式』の青っぽい帯の部分をつかむようにして、右のメニューにドラッグ(追加)します。


追加できたら『自由形式』の文字の上をクリックします。文字の上をクリックすると、『自由形式』の編集のページが開きます。

『自由形式』の編集

枠の中に、さっきコピーした文字列を「貼り付け」してタイトルに「おはなしだいすき」と入力し、「保存」のボタンをクリックしてください。

※枠が見えないときは、shiftキーを押してみてくださいそして、【 このウィンドウを閉じる 】をクリック。


そうすると『コンテンツ』のページに戻ります。コンテンツのページには『おはなしだいすき』という項目ができています。次に、真ん中より少し下の方にある『設定を反映する』をクリック。

バナーの確認

では、ブログに、バナーが貼れているか確認しましょう。

※ブログを表示させてから「最新の情報に更新」「再読込み」などのボタンを押してください。みなさんのブログとは、ようすがちがうかもしれません。


最後に、クリックしてみて、『おはなしだいすき』のホームページに飛んでいくか確認してみてください☆以上で終わりです☆

書籍&Kindle本

山元加津子の本

ひろめてください

白雪姫プロジェクト

おはなしだいすき


おすすめ

↑ PAGE TOP