こんにちは。
『やさしいブログの作り方』の松田です。
サイドバーのフリースペースやフリープラグインにはバナー画像やブログパーツなどを貼りつけることができます。
最近はフェイスブックのバナーを貼っている方が多いですね。^^
ただ、画像の幅によっては、普通に貼るだけだと体裁が悪くなることがあります。
その場合、中央寄せ(センタリング)すると見た目が良くなります。
例えば以下の記述は私のフェイスブックのバナーのタグです。
これをそのままフリースペースに貼りつけると左寄せの状態でバナーが貼りつきます。
これをセンタリングするには、
のようにセンタリングしたい内容の記述の頭に<div align="center">、最後に</div>を追記します。
ちょっとしたことで、サイドバーがすっきり見やすくなりますので、ガタガタが気になる場合はぜひお試しください。^^
ちなみに、記事内で例として出したフェイスブックのバナーの貼り方はこちらでご紹介しています。
最後までお読みいただきありがとうございました。
『やさしいブログの作り方』の松田です。
サイドバーのフリースペースやフリープラグインにはバナー画像やブログパーツなどを貼りつけることができます。
最近はフェイスブックのバナーを貼っている方が多いですね。^^
ただ、画像の幅によっては、普通に貼るだけだと体裁が悪くなることがあります。
その場合、中央寄せ(センタリング)すると見た目が良くなります。
例えば以下の記述は私のフェイスブックのバナーのタグです。
<!-- Facebook Badge START --><a href="https://www.facebook.com/takehiro.matsuda.5" title="Takehiro Matsuda" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" target="_TOP">Takehiro Matsuda</a><br /><a href="https://www.facebook.com/takehiro.matsuda.5" title="Takehiro Matsuda" target="_TOP"><img class="img" src="https://badge.facebook.com/badge/100003246065158.804.1172540635.png" style="border: 0px;" alt="" /></a><br /><a href="https://www.facebook.com/badges/" title="自分だけのバナーを作成しましょう。" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" target="_TOP">バナーを作成</a><!-- Facebook Badge END -->
これをそのままフリースペースに貼りつけると左寄せの状態でバナーが貼りつきます。
これをセンタリングするには、
<div align="center"><!-- Facebook Badge START --><a href="https://www.facebook.com/takehiro.matsuda.5" title="Takehiro Matsuda" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" target="_TOP">Takehiro Matsuda</a><br /><a href="https://www.facebook.com/takehiro.matsuda.5" title="Takehiro Matsuda" target="_TOP"><img class="img" src="https://badge.facebook.com/badge/100003246065158.804.1172540635.png" style="border: 0px;" alt="" /></a><br /><a href="https://www.facebook.com/badges/" title="自分だけのバナーを作成しましょう。" style="font-family: "lucida grande",tahoma,verdana,arial,sans-serif; font-size: 11px; font-variant: normal; font-style: normal; font-weight: normal; color: #3B5998; text-decoration: none;" target="_TOP">バナーを作成</a><!-- Facebook Badge END --></div>
のようにセンタリングしたい内容の記述の頭に<div align="center">、最後に</div>を追記します。
ちょっとしたことで、サイドバーがすっきり見やすくなりますので、ガタガタが気になる場合はぜひお試しください。^^
ちなみに、記事内で例として出したフェイスブックのバナーの貼り方はこちらでご紹介しています。
最後までお読みいただきありがとうございました。
4つの無料メール講座配信中
これからブログを頑張っていきたい! まずは基本から。
やさしいブログづくりのための、やさしいメール講座(全10回)
「来てよかったです!」と言われるイベントにするために。
少人数イベント実施のための5つのステップ+αが学べる無料メール講座(全10回)
メルマガ、やってみたいけどどうすれば?という方へ
初めてでも安心して始められる、ステップメールの作り方メール講座(全10回)
パソコンワーク、もっと時短できますよ。
ブロガーさんのための、パソコンワーク時短術10の技メール講座
やさしいブログづくりのための、やさしいメール講座(全10回)
「来てよかったです!」と言われるイベントにするために。
少人数イベント実施のための5つのステップ+αが学べる無料メール講座(全10回)
メルマガ、やってみたいけどどうすれば?という方へ
初めてでも安心して始められる、ステップメールの作り方メール講座(全10回)
パソコンワーク、もっと時短できますよ。
ブロガーさんのための、パソコンワーク時短術10の技メール講座
2016年1月11日、出版しました!
ブログでビジネスを軌道に乗せるための行動術
ブログを続けていてよかった、そんな気持ちを一人でも多くの人と共有したいと思っています。^^