記事をご覧頂ける前に応援してくださると嬉しいです。
フリースペースを作成する方法を
ご紹介します。
なので、カスタマイズに慣れていない方は、
必ずメモ帳などにバックアップをしてから作業を進めて下さいね。
間違えると本当に後々面倒です。汗
メモ帳の開き方は、
「スタートボタン」→「全てのプログラム」「→メモ帳」の手順です。
では、バックアップをとったら
作業に移りましょう。
僕はLivedoorブログを活用してるので、
Livedoorブログで説明します。
まず、「カスタマイズ/管理」から
「デザインのカスタマイズ/保存」をクリック
そうすると、
� 屮好織ぅ襯掘璽�(CSS)」
�◆屮肇奪廛據璽検�
��「個別記事」
�ぁ屮據璽献�テゴリアーカイブ」
�ァ峽酳魅◆璽�イブ」
などそれぞれが表示されます。
このうち、いじるのは
� �CSS」になります。
場所は自分が覚えやすい場所なら
どこでも良いですので、以下のような
タグを挿入してください。
-------------------------------------------------------------
.○○○○○○{ ←「○」に適当な半角英数を入力
font-size:x-small; 例：freespase
line-height:200%;
text-align:left;
background:#ffffff; ← 「#0000FF」は背景色
border-top:1px solid #399; ←「#399;」は枠線の色
border-right:1px solid #399;
border-left:1px solid #399;
border-bottom:1px solid #399;
margin:0px 0px 10px 0px;
}
--------------------------------------------------------------
「○」に適当な半角英数を入力
↑
このタグは消しちゃってくださいね^^
そして、
←「#399;」は枠線の色
とあるのですが、
色を変更されたい場合は、こちらのサイトを
参考にされてください。
→ http://www.finitojapan.com/cltable.html
これを挿入したら、終了です。
一番下までいって
「この内容に変更する」をクリックして、
「再構築」をしましょう。
これが終わったら、一度自分の
ブログを確認してみてください。
＜確認中＞
・
・
・
＜確認中＞
・
・
・
＜確認中＞
・
・
・
はい、確かめましたか？
何も変わりはありませんね。笑
大丈夫です。あとひとつやることが
ありますので^^
今度は、一番最初に戻って
� 屮好織ぅ襯掘璽�(CSS)」
�◆屮肇奪廛據璽検�
��「個別記事」
�ぁ屮據璽献�テゴリアーカイブ」
�ァ峽酳魅◆璽�イブ」
の５つの中から、�△痢屮肇奪廛據璽検�
をクリックしてください。
そうすると、少しだけスクロール
していくと、
-----------------------------------
＜div id="content"＞
＜div id="blog"＞
＜$IndexNavigator$＞
＜!-- Loop Start --＞
＜IndexArticlesLoop＞
-----------------------------------
こんなHTMLが出てくると
思います。
このHTMLの
-----------------------------------
＜div id="content"＞
＜div id="blog"＞
※ココに次のタグを入力します
＜$IndexNavigator$＞
＜!-- Loop Start --＞
＜IndexArticlesLoop＞
-----------------------------------
「※ココに次のタグを入力します」ってところに
以下をタグを追加してください。
---------------------------------------------------------
＜!-- ここから --＞
＜div class="●●●●●"＞ ←先程cssで入力した適当な名前
＜div class="blog"＞ 例：freespase
＜left＞
※ここがフリースペースになります※
＜/left＞ ←左寄せという意味。真ん中だと、＜center＞
＜/div＞
＜/div＞
＜!-- ここまで --＞
----------------------------------------------------------
先ほどと同様、
「先程cssで入力した適当な名前」
のタグは消去してくださいね
※「＜＞」は小文字に
直してください。
これが終わると、作業は終了です。
「この内容に変更する」から「再構築」を
クリックして、確認してみてください。
おそらくできていると思います。
もしバランスが合わないようでしたら、
少しだけ文字の色や大きさを触ってみてください。
以上で、ブログカスタマイズ
「TOPページのフリースペース作成方法」は終わりになります。
図解でわかりやすく作業を進められたいのでしたら
以下のレポートをダウンロードください。
直ダウンロードです。
トップページにフリースペースを入れ、
アフィリエイト用ブログに変える方法！
『Live door ブログ編』『プレゼント付』
