起業初心者さんの集客を助けるデザインアトリエ ☆ chaRm design -3ページ目

起業初心者さんの集客を助けるデザインアトリエ ☆ chaRm design

起業したての頃は、デザインにあまりお金がかけられない!それでも、デザインの力を借りて、想いを伝えていきたい!そんな起業初心者さんのための、集客を助けるデザインをご提供しています^^

こんにちは!ヨーコですすまいる

今日は、サイドバーのフリースペースのリンクの方法です。

『ブログを書く』でリンクする時、
リンクがうまくいかないことがあると思うんですが、
それも、今回の順番で行なうとうまくいきますよハート


【1】まず、リンクしたい文字を入力します!

すでに入力されている時は、ここは飛ばしてOKです!




【2】リンクしたいアドレスを入力します

この時、まだリンクはしません。
ただ、リンクしたいアドレスを入力するだけでOK!




【3】1で入力したテキストを選択します




【4】テキストを選択したまま、さきほど入力したアドレスの右にある『URL』をクリック!



これで、リンクが完了です!


【5】最後に『保存』をクリックして完了!




リンクしたいアドレスを入力したあと、
どうしてもすぐに『URL』を押したくなるんですが、
ここでぐっとこらえて、

まずは、リンクしたいテキストを選択する!

というのがポイントです。
こんにちは!ヨーコですすまいる

ヘッダーの下に、
メニューを設置することができます。

私がご依頼いただいた時は、
わざめーばさんのこちらの記事のものを

ヘッダー下にグローバルナビ(グローバルメニュー)を設置する方法
http://ameblo.jp/wazameba/entry-11031458478.html#navi


利用しています。
きっと、利用されている方も多いよね???


このリンクを変更したい!と思った時に、
どうやって変更すればいいのか、
教えて~とリクエストがあったので、
私なりに補足しつつ、ご紹介します☆



【1】、マイページの右上にあるここをクリック!


$起業初心者さんの集客を助けるデザインアトリエ ☆ chaRm design


【2】その中の左から2列目にある、サイドバー>フリースース編集をクリック!

$起業初心者さんの集客を助けるデザインアトリエ ☆ chaRm design


その中に、こういう記述があります。

<div id="headerMenu"><!--
--><ul class="menu"><!--
--><li><a href="#" target="_blank">メニュー1</a></li><!--
--><li><a href="#" target="_blank">メニュー2</a></li><!--
--><li><a href="#" target="_blank">メニュー3</a></li><!--
--><li><a href="#" target="_blank">メニュー4</a></li><!--
--><li><a href="#" target="_blank">メニュー5</a></li><!--
--></ul><!--
--></div>



ここの、↓赤字の部分がリンクになっているので、変更していきます。

<li><a href="#" target="_blank">メニュー1</a></li>



リンク先を変更したい場合は、この部分を変更。

<li><a href="#" target="_blank">メニュー1</a></li>


リンクの言葉を変更したい場合は、この部分を。

<li><a href="#" target="_blank">メニュー1</a></li>


メニューをクリックした時に、同じウインドウ内で開きたい時はここをカット。

<li><a href="#" target="_blank">メニュー1</a></li>



これで、変更ができます^^

ちなみに私的には、
メニューをクリックする度に、
別のウインドウが開くのはわずらわしいので、

・Blog以外のアドレスへリンクさせる時

は、別のタブで開くように設定しています。
こんにちは!ヨーコですすまいる

今日は、Facebookページの、
Likeboxの設置方法をご紹介します☆

まず、下記のLikeboxページを開きます。

http://developers.facebook.com/docs/reference/plugins/like-box/


開けたら、下記手順に沿って、
必要な情報を入力していきます。


① 自分のFacebookページのアドレスを入力します。


$起業初心者さんの集客を助けるデザインアトリエ ☆ chaRm design

FBページのアドレスは、自分のFBページを開いて、
アドレスバーに書かれているものをまるっとコピー。
ここね ↓ ↓ ↓

$起業初心者さんの集客を助けるデザインアトリエ ☆ chaRm design


② 『width』に設置したい場所の横幅のpx数を入力

$起業初心者さんの集客を助けるデザインアトリエ ☆ chaRm design

幅広サイドバーに設置したい人は、
300pxに。

幅が狭いサイドバーに設置したい人は、
180pxに。


『height』は、適当に数字を入れると、
その場でプレビューされますので、
好みのサイズを選んでください^^


③ 入力が完了したら「Getcode」をクリック!


$起業初心者さんの集客を助けるデザインアトリエ ☆ chaRm design


④すると、こんな画面が出てくるので、「iframe」をクリック!


$起業初心者さんの集客を助けるデザインアトリエ ☆ chaRm design

表示されたHTMLタグをコピー。

アメブロのフリープラグインの編集画面を開き、
コピーしたタグを丸ごと貼りつけて保存。


これでサイドバーにFacebookページのLikeboxが表示されます!

$起業初心者さんの集客を助けるデザインアトリエ ☆ chaRm design

私は、最低限のものしか表示させていないので、
こんな感じで、すごくシンプルになっていますsei