アメブロは始めたばかりで、ほとんどカスタマイズをしていない。
そこで、ちょっと左のサイドバーに自分のＨＰのバナーでも貼ってみる事にした。
ちなみに、ブラウザで左上はファーストビューの中でもゴールデンエリアなので、一番見せたいものを置くのが良い。告知バナーとか。
とりあえず、【before】
ざっくりやった事は、下記の４ステップ。
１．画像を作る。
２．画像を設置する。
３．画像の保存場所を取得する。
４．サイドバーに画像とリンクを設置する。
具体的には、
１．画像のサイズは200×75で作ってみた。
２．ホームページにリンク用バナーを置く。とりあえず、aboutという紹介ページの一番下に設置。リンクの際にはお使いください。とかまだ入れていない。。
３．画像にカーソルを合わせて右クリック。「画像アドレスをコピー」で保存場所のURL情報を取得する。
ホームページは,jimdoで作っているので、画像URLがやたらと長い。。
４．ここでアメブロでの作業に入る。
設定・管理 － サイドバーの設定 － フリースペース編集に進んで、htmlの記述をする。
記述内容は、こんな感じ。
<A Href="リンク先のURL" Title="説明文"Target="_blank"><img src="画像のファイル名（保存場所）"></a>
※説明文は、画像にマウスを合わせると表示される文言。
記述が終わったら、保存。
最後に、配置設定で「使用する機能」にフリースペースを設定。
「フリースペースの配置設定はこちら」というところから行ける。
という事で、【after】
カスタマイズはオリジナリティが出せる。暇を見つけてちょこちょこやるか。。。
話はハンドメイドになるが、Ｌｔａｇｓではカスタムバリエーションは１２，９６０パターンもあるカスタムキーホルダーもやってます。
これが当たるかもしれないプレゼント企画もやってます。詳しくこちら。
余談；
アメブロ内に投稿した画像をバナーとして扱おうとしたが、なぜかサイズが正しく表示されなかったので、断念。
原因は不明。。。
今日はサッカーを観て疲れたので、寝よう。。