BUN HACK

MENU

2分で完了!画像付きバナーをはてなブログに設置する方法

f:id:bunntinnmalu:20180114224803p:plain

スポンサードリンク
   

画像付きバナーを設置する方法

その①:記事に写真を貼ります

f:id:bunntinnmalu:20180114224952p:plain

次に、「HTML編集」画面へ切り替えます。

f:id:bunntinnmalu:20180114225128p:plain

そしたら、文の始めと文の終わりに以下のコードを張り付けます。

文の始め

<a class="http-image" href="リンク先のURL">

文の終わり

<p> </p></a>

張り付けたら、全てをコピーしてください。次に、「ダッシュボード」から「デザイン」を開いてください。すると、こんな画面が出てくるので、青丸で囲まれた部分をクリックして画面を切り替えてください。

f:id:bunntinnmalu:20180112163257p:plain

そして、「サイドバー」から「モジュールを追加」をクリックします。

f:id:bunntinnmalu:20180114230100p:plain

最後に、「HTML」を選択して、先ほどコピーしたHTMLを張り付けて、「適用」をクリックすると、下の写真のような画像付きバナーが完成します。

f:id:bunntinnmalu:20180114230239p:plain

完成図

f:id:bunntinnmalu:20180114230532p:plain

最後に

最後までお読みいただきありがとうございました。そしてお疲れ様でした。皆さんは無事に、画像付きバナーを作ることが出来たでしょうか?これさえあれば、ブログの説明からプロフィールまで、目につく場所に置くことが出来ます(^^)/

スポンサードリンク