「メオマサさんのブログに出てくるプロフィールってどうやって作ってんの?」
こう尋ねられることがあります。
これだと店舗案内などにも応用出来て、商売っ気の薄い記事の時でもさりげなく見てもらえるので、ボクも最近はこれで落ち着いています。一部では大変好意的に見て頂いて、ありがとうございます↓
『 この囲みの使い方、プロフィールへの誘導は素敵だと思います^^ 』
といっても元々ボクもパソコンに疎い人間なので、やり方は全然スマートじゃないんです。だからもっとスマートなやり方があると思いますので、そう思って聞いて下さい。
まずプロフィールのタグ情報はどうなっているかというとこんな感じ。
<div style="border:1px solid #3b5998; margin:5px; padding:0;border-radius:5px; box-shadow:#cccccc 2px 3px 3px;"> <p style="margin:0; padding:3px 12px; background:#3b5998; color:#ffffff;">
<strong>この記事を書いた人:メオマサユキ</strong>
</p>
<div style="padding:12px;">
<a href=
"http://stat.blogskin.ameba.jp/blogskin_images/20160413/12/85/y2/p/o01050098atom-denki-meomasa1460516872309.png">
<img alt="meomasa" style="clear:both;float:left;" border="0" src="http://stat.blogskin.ameba.jp/blogskin_images/20160413/12/85/y2/p/o01050098atom-denki-meomasa1460516872309.png">
</a>
地域電器店専門の販促・経営アドバイザー。
1972年大阪生まれ。大学卒業後、会計事務所に約12年勤務。2009年より町の電器屋さん「アトム電器」を展開する㈱アトムチェーン本部に勤務。 2012年より始めたご加盟の電器店さんとの個別経営面談会もおかげさまで200件を越えました♪
(<a target="_blank" href="http://profile.ameba.jp/atom-denki-meomasa/">プロフィール</a>)
</div></div>
ハイ。目がチカチカします(笑)。ボクもさっぱり分かりません。
なのでこれをコピー&ペーストして使って、下記の部分だけ手直しして使ってください。(※これは編集しやすいように改行を増やしてますので、作ったら行を減らして微調整してください)
タイトル領域と紹介文。これは見たままですよね。自分や自店の情報に置き換えて、文章を作ってみてください。
プロフィール画像はあった方が良いので、あらかじめ小さな画像データを作ってその情報を使います。上がリンク情報、下が画像情報ですが、使うアドレスは同じです。他のタグが崩れないように慎重に貼り付けて行きます。(ちなみにこのブログは99px×99pxで作っています)
一番下のプロフィールへのリンクは別に無くても良いですが、ホームページなどを作成していれば、そちらにリンクを貼るのもアリでしょう。あとは行間を整えれば完成。
イメージ通り出来たら、テキストファイルなどに保存しておけば、毎回コピペ出来ます。(ボクはメールの「下書き」に保存しています)
ブログでもニュースレターでも見てくれた最後の案内ってバカに出来ないですよね。
ちょっと話が長くなったので、明日続きでスマホやタブレットでブログを作る場合について紹介します。(アメブロ限定の話ですいません)
それでは今日も良い1日を☆
この記事を書いた人:メオマサユキ