こんにちは。
アメブロ簡単カスタマイズの松田です。
先週からパソコン版のブログにはちょっと目を惹くものを表示しています。
記事エリア上の読者登録ボタンの横に吹き出しの画像を表示しています。
以前ブラウザの右下にブログのトップへ戻るボタンを設置するカスタマイズをご紹介しましたが、こちらもフリースペースに貼り付けるだけの簡単なものです。
試しに作ってみたものなのでそれほど目立ってないような気がしますが、体裁の整ったブログにおいて、画像が重なっていたり傾いていたり、枠からはみ出して表示されていると自然と目がいきます。
どうでしょう、ふと吹き出しの画像が目に留まらないでしょうか。＾＾
ご商売をしている方のブログなら「今月のキャンペーン情報」などをこの吹き出し画像で作って詳細を書いた記事へリンクを貼れば、宣伝効果が上がります。
フリースペースに書くだけなので、期間限定が終了したときにもすぐ撤去できます。＾＾
どんな内容の画像を作るかですが、
■ ●月○日 ××セミナー開催！ 残り後３席！
■ ○月のキャンペーンは見逃せない！ オール20％オフ！
■ アメブロ読者限定！ アメブロを見たと言えば○○プレゼント
などなどいろんな業種でいろんな使い方ができます。
例としてフリースペースに書くソースを書いておきます。
ただし人によってCSSの設定が違うため、うまく表示できない方もいます。
***にはご自身のブログに表示させたい位置になるように数値を入れてください。
top:***px;は上から***px離す、left:***px;は左から***px離すという意味です。
ご不明な点はお問い合わせください。
アメブロ簡単カスタマイズの松田です。
先週からパソコン版のブログにはちょっと目を惹くものを表示しています。
記事エリア上の読者登録ボタンの横に吹き出しの画像を表示しています。
以前ブラウザの右下にブログのトップへ戻るボタンを設置するカスタマイズをご紹介しましたが、こちらもフリースペースに貼り付けるだけの簡単なものです。
試しに作ってみたものなのでそれほど目立ってないような気がしますが、体裁の整ったブログにおいて、画像が重なっていたり傾いていたり、枠からはみ出して表示されていると自然と目がいきます。
どうでしょう、ふと吹き出しの画像が目に留まらないでしょうか。＾＾
ご商売をしている方のブログなら「今月のキャンペーン情報」などをこの吹き出し画像で作って詳細を書いた記事へリンクを貼れば、宣伝効果が上がります。
フリースペースに書くだけなので、期間限定が終了したときにもすぐ撤去できます。＾＾
どんな内容の画像を作るかですが、
■ ●月○日 ××セミナー開催！ 残り後３席！
■ ○月のキャンペーンは見逃せない！ オール20％オフ！
■ アメブロ読者限定！ アメブロを見たと言えば○○プレゼント
などなどいろんな業種でいろんな使い方ができます。
例としてフリースペースに書くソースを書いておきます。
ただし人によってCSSの設定が違うため、うまく表示できない方もいます。
<div style="position:absolute;top:***px;left:***px;z-index:10;"><a href="リンク先のURLアドレス"><img src="画像のURLアドレス"></a></div>
***にはご自身のブログに表示させたい位置になるように数値を入れてください。
top:***px;は上から***px離す、left:***px;は左から***px離すという意味です。
ご不明な点はお問い合わせください。