自分でできるアメブロカスタマイズ　～初心者にもできるお店ブログの作り方～ http://ameblo.jp/ameblochange/ 初心者にもできるアメブロのカスタマイズについて解説。ヘッダーの作り方、メニューバーの設置など満載のマニュアルもあります! ja 画像にリンクをはる方法 内藤です

「画像にリンクははれないんですか？」

というご質問をよくいただきます。

もちろん可能ですので、やり方を説明しますね。

アメブロの場合、画像を挿入すると、オリジナルサイズの画像URLがリンクされます。

画像を挿入した場合、クリックできてオリジナル画像のページに飛びます。
こんな感じです。

画像クリックの例。赤城山の形をしたビールグラスです。
昔の写真です。　さすがに病院ではビールがでません（笑）

HTMLを見てみるとこんな感じになっています
<a href="クリックした際開く画像URL"><img src="表示されている画像URL"></a>

アメブロでは、このように画像だけでなく、オリジナル画像のリンクもつくのです。

実際に表示されている画像は
<img src="表示されている画像URL">
この部分だけです。

その前後にある
<a href="クリックした際開く画像URL"> </a>
がリンクを表しています。

これをうまく利用して、オリジナル画像のURLから、希望するリンク先のURLにすれば良いのです。

<a href="希望するリンク先URL"><img src="表示されている画像URL"></a>

例えばこんな感じです
画像クリックの例。赤城山の形をしたビールグラスです。
クリックすると、先ほどとは違いオリジナル画像ではなく、他のページが開きます。

今回は例で画像とリンク先は関係ありませんでしたが、関係のあるものに設定するようにしてみてください

設定したHTMLをコピーすれば、サイドバーのフリースペースにも貼り付けられます。

]]> http://ameblo.jp/ameblochange/entry-11162779157.html Sun, 12 Feb 2012 19:03:17 +0900 年間かかるサーバー代とドメイン代 内藤です。

ホームページ導入サポートで、事前に良くいただくご質問があります。

●サーバーやドメイン代はいくらかかりますか？

サーバーやドメインの種類によっても異なりますが、お手軽なものを紹介します。

【さくらインターネット　スタンダードプラン】
さくらインターネット
◆サーバー
月額：500円
初期費用：1000円
年一括支払い場合：5000円

◆ドメイン　.comの場合
年間1800円

トータル約7000円～9000円ですね。


【ロリポップ　ロリポプラン】
ロリポップ
◆サーバー
月額：315円
初期費用：1575円
年間契約の場合：4725円

◆ドメイン（ムームードメイン　系列サービス）　.comの場合
年間：950円

年6000円弱になります。

（※ホームページ導入サポートでは、この2つのサーバーでの設定解説もしています。サーバーの借り方、ドメインの取り方なども含めて。）

ホームページを設置できるだけでなく、メールアドレスも作ることが出来ます。
今回は2つだけでしたが他にもサーバーは沢山あります。

実は、アメブロの広告をはずすよりも安かったりします＾＾；


参考にしてみてくださいね。

]]> http://ameblo.jp/ameblochange/entry-11161511150.html Sat, 11 Feb 2012 20:30:55 +0900 <![CDATA[PR: 暖かい季節は二人で過ごしたい…]]> http://rss.rssad.jp/rss/ad/c7QYD7NVhdUw/dtD1iyDhNqVU?type=2&ent=bd07a0bc421d77276167c0f0af87559b 今から始めて独り身脱出！！あなたの理想のお相手を探しませんか？【結婚力診断】 ]]> Sat, 11 Feb 2012 20:30:55 +0900 検索は、検索サイトだけではない 内藤です。

早いもので、入院生活1週間になります。
術後体調を崩しましたが、徐々に回復しています。
かなりしんどかったです＾＾；


さて、情報があふれているインターネットから、欲しい情報を見つけたい時に使うのは『検索』ですよね。

この検索、使えるのはGoogleやYahooだけではありません。

例えば、このブログの左サイドバーにある検索窓。



ここにキーワードを入れエンターキーを押すと、このブログ内の検索になります。

『ヘッダー　挿入』　と入れると、このブログ内で、『ヘッダー』と『挿入』という言葉が使われている記事を探してくれます。

一記事ずつたどって探すより、はるかに効率が良くなりますよね。

僕のカスタマイズマニュアルでも、『Ctl+F』で検索窓を開いて、キーワードやCSSコードを入れて検索すれば、お目当ての箇所をすぐに見つけることができます。

かなりの時間短縮になります。

みんな知ってるけど、意外と使っていない機能ですので活用してみてくださいね

]]> http://ameblo.jp/ameblochange/entry-11160971234.html Fri, 10 Feb 2012 20:23:39 +0900 横スクロールは面倒です 内藤です。

入院も5日を過ぎました。
病院には小型のノートパソコンを持ち込んでいます。

小型のノートパソコンだと、新しいアメブロデザインの横スクロールバーがやっぱり気になりますね。
※新しいデザイン（スキン）とは、2011年8月頃から切り替わったもので、サイドバーの1つがワイドのデザインです。

わざわざ横スクロールして見る気にもなれませんし、表示されたときのバランスも悪いです。

『自分のパソコンでは横スクロールバーが表示されていない』で安心しないでくださいね、他のパソコンでは表示されてる場合もあります。
もしかして…　とお思いの方はこちらを読んでおいてください。

⇒　横スクロールバーの正体

]]> http://ameblo.jp/ameblochange/entry-11159547959.html Thu, 09 Feb 2012 08:00:15 +0900 <![CDATA[PR: 積水ハウスの「すまいすまいる」]]> http://rss.rssad.jp/rss/ad/c7QYD7NVhdUw/RMbRG5m8jwbX?type=2&ent=82f070eeb3d2603e56c85a4b5706c580 子育て,共働き,ペット…。ライフスタイルから考える楽しい家づくりサイト。 ]]> Thu, 09 Feb 2012 08:00:15 +0900 きちんと育てれば、更新が減っても役立つ 入院中の内藤です。

メールやメッセージ等で励ましのお言葉を沢山いただいております。
皆様ありがとうございます。

手術は無事終わりましたが、麻酔の影響で体調が思わしくありません。。　でも、なんとか元気です。


さて、入院ということもあり、ここ最近は更新が減っています。
しかし、アクセスは大きく落ち込んでいる、というわけではありません。

変更していない日でも、お問い合わせとお申し込みはあります。

それは、
  • このブログへの入口が沢山ある事
  • ブログに訪れてから読んで欲しい記事への誘導ができている事
  • 紹介してくださる方が大勢いらっしゃる事

などがあげられます。

これは当然最初からあったことではありませんし、僕だから出来たことでもありません。

もう最初は、毎日3記事更新、50件の読者登録を続けました。
こちらの教えどおりに。

コツコツと地道に作っていった結果が上記にあげたような事に繋がっています。

きちんと育てれば、ブログは更新が減っても役に立ってくれるメディアだなぁと、今まさに実感しています。

]]> http://ameblo.jp/ameblochange/entry-11158163933.html Tue, 07 Feb 2012 19:43:05 +0900 <![CDATA[PR: パナセンスでWiMAXが格安！キャンペーン実施中]]> http://rss.rssad.jp/rss/ad/c7QYD7NVhdUw/UXL88s1XYiII?type=2&ent=8176077f7b4d24a3adbd90008f50f719 パナソニック公式直販サイトで先着3000名様初期費０円、キャッシュバック実施中 ]]> Tue, 07 Feb 2012 19:43:05 +0900 フリースペースに入れられるものを、フリープラグインにいれてませんか？ 内藤です。

アメブロのサイドバーには、特殊なものが2つあります。

フリースペースと、フリープラグインです。

フリースペースとは、空いている場所ではなく、『フリースペース』というパーツの名前です。
実は勘違いされている方が多いので、覚えておきましょう。

フリースペースは、リンクや画像など自由に書き込むことが出来ます。
ただし、メルマガのフォームや、外部サービスのアクセス解析などで使うjavascritpなどは書くことができません。

禁止タグ　と表示されてしまいします。

それら、メルマガのフォームや、Javascriptを唯一書き込めるのがフリープラグインです。

フリープラグインにしか書き込めないものもありますので、大変重宝します。しかし、フリープラグインには文字数制限があります。


時々、『フリープラグインで文字数制限と出てしました。』と質問を受けることがあります。
フリースペースに書けるものをフリープラグインに入れていたり、それでいて、フリースペースを全然活用していなかったり、不要なブログパーツを入れているような事が見受けられます。

フリープラグインが文字数いっぱいになってしまったら、フリースペースにいれられるものを入れていないか？
読者には不要なものが入っていないか？
確認してみてましょう


フリープラグインを使ったことがないという方は、こちらも読んでおいてくださいね。

]]> http://ameblo.jp/ameblochange/entry-11155792172.html Sun, 05 Feb 2012 10:09:35 +0900 規則正しい生活 内藤です。

しばらく合宿生活をしてこようと思います。

そこは、規則正しい生活を強いられ、お酒も厳禁です。
食事も健康食ばかりです。

決まった時間に起床就寝、決まった時間に食事。

そこで不摂生な生活を改めてこようと思います。
身も心も引き締めたいと思います。





という事で、しばらくの間入院してきます(笑)

更新が思うようにできないかもしれませんが、パソコンは持ち込めますので、サポートは引き続き行います。

]]> http://ameblo.jp/ameblochange/entry-11151112641.html Fri, 03 Feb 2012 12:57:57 +0900 <![CDATA[PR: ３５歳が分かれ道。]]> http://rss.rssad.jp/rss/ad/c7QYD7NVhdUw/eTJ18YiwhFEf?type=2&ent=e485c6ce2aa084ccc59b4aefecb62d43 本当は秘密にしたい大人の美容法コラリッチ《約１ケ月分を初回プレゼント中！》 ]]> Fri, 03 Feb 2012 12:57:57 +0900 フリースペースの一部をスクロール表示にする 内藤です。

サイドバーに設置できるフリースペースは、自由に書くことのできる反面、長くもなりやすいです。
（フォームやjavascriptなどはフリープラグインで使います）

フリースペースが長すぎると全体的なバランスも崩れてしまいます。

そこで、フリースペースの一部分をスクロール表示させるやり方を紹介します。

フリースペース内でスクロール表示させたい部分を

<div style="overflow:auto;height:100px;border:1px solid #CCCCCC;">　と　</div>　で囲みます。※改行されていますが、1行で書きます。




height:100px;の部分は高さですが、好みに合わせて変更できます。
その高さ内に内容が収まっていれば、スクロールバーは表示されません。

フリースペースが、ながーくなっている方は参考にしてみてくださいね。

]]> http://ameblo.jp/ameblochange/entry-11153855816.html Fri, 03 Feb 2012 09:34:40 +0900 <![CDATA[PR: インフルエンザも本格化?家庭内での感染対策は大丈夫?]]> http://rss.rssad.jp/rss/ad/c7QYD7NVhdUw/DHyUTWGw8S5X?type=2&ent=1adefdf3ccfb27c5aeb0f96dcee03447 認定看護師による感染対策セミナーのレポートをミルトンママクラブで公開中！ ]]> Fri, 03 Feb 2012 09:34:40 +0900 ある事と、気づくこと 内藤です。

ある事と、気が付く事は違います。

例えば、壁にメニューが沢山貼ってあるような居酒屋だと、ほかの人の注文を聞いて

『え、そんなメニューあったんだ』

と、周りの壁を見渡して、そのメニューを探したりします。

そのメニューがー剥がれ落ちていることもあれば、どこにあるのか分からないこともあります。

メニュー自体はあるのに、お客様はその存在に気が付いていません。


ブログでも、
『●●のサービスは、1年前の記事にあります。』
では、誰も見つけることはできません。

あるだけではいけないという事ですね。
気が付いてもらわないといけません。

古い記事や、画面の下にあるものは、気が付いてもらいにくいです。

気が付いてもらいたいものは、画面の上側に配置しなければいけません。
記事ならばその記事へのリンクを設置するべきです。

メニューバーは、まさにその役割を果たしますね。


見てもらいたいものが、ブログの中にあるだけになっていないか、チェックしてみてくださいね。

]]> http://ameblo.jp/ameblochange/entry-11151112237.html Thu, 02 Feb 2012 08:00:39 +0900 初心者にもできるアメブロカスタマイズで、できることをあげてみました。 内藤です。

Amebaの会員数が先月2000万人を超えたそうですね。
凄いですね。

アメーバピグ人気が高いからかもしれませんが、アメブロをお店やサロン、お仕事に活用したいというかが多いのも一因だと思います。

お仕事に活かすならば既存のデザイン（スキン）ではなく、見やすく読みやすくカスタマイズした方が、やはり効果的です。

『初心者にもできるアメブロカスタマイズ』をご用意していますが、こんな事ができます。
  • ・読みやすい文字の大きさにできる
  • リンクがわかりやすいようになる
  • 記事やサイドバーで、囲みの作り方がわかる
  • サイドバーの画像の貼り方がわかる
  • ページ背景に画像を入れられる
  • サイドバーの見出し背景を画像にできる
  • なるべく簡単なヘッダーの作り方がわかる
  • メニューバーが付けられる
  • サイドバーの予定表の付け方がわかる
などなどです。

例えば、こちらのリンパケアのブログのように。

他にも、プロフィールページに、ブログと同じように、ヘッダーやメニューバーを付けることもできます。

全てご自分で可能ですので、修正や変更も好きな時に可能です＾＾


携帯の方は見ることができませんが、サイドバーの予定表は予約を入れる際に参考になって便利ですね。

紹介した『「揉まない」「押さない」「痛くない」さとう式リンパケアでココロ・カラダいきいき』も、分かりやすいですね。
×が並ぶほどの人気ぶりです。

]]> http://ameblo.jp/ameblochange/entry-11142333116.html Wed, 01 Feb 2012 20:00:18 +0900