投稿記事の幅を変える方法

ややこしいように
聞こえてしまうかもしれませんが

前回のサイドバーの幅を変えることにより

前回のお話



中央の投稿記事と
ぶつかってしまうという事態が
起こってしまう方がいらっしゃるので



今回は記事の幅の変更の
仕方についての解説です。



サイドバーの幅にゆとりを持って
いろんなコンテンツを盛り込んでも
せっかくの記事が隠れてしまったり



体裁が崩れてしまうというのは
非常に残念なことなので
見栄えが気になる場合はオススメします。





まず、ブログ編集の管理画面に
移動して下さい。



次に「カスタマイズ/管理」をクリックし
左側の『デザインのカスタマイズ』をクリック







表示している画面がＣＳＳ（スタイルシート）で
あることを確認したら



ＣＳＳ内に表記されている


#contentという部分を探し

※CSSの上で一度左ｸﾘｯｸをして
ｺﾝﾄﾛｰﾙｷｰ＋Ｆを押すと検索窓が出るので
その中に#contentと入力して検索すると早いです。




その中に記載されている



margin-right　（図中赤枠）

margin-left 　（図中赤枠）






この中の数字を増やすことで
幅が狭くなります。



普通は増やすと広がると
思われがちですが今回は逆です。





YUKIのブログは図中でもわかるように
250pxで設定していますので



ライブドアブログを使用の場合は
参考にされてくださいね。





※オマケなのですが・・・



ブログは活字も画像もたくさんありますが
やはりメインコンテンツは文字が中心になります。



アフィリエイターであれば
もちろんのことではありますが
読みやすさも考えながら



字の個性を出してみるのも
面白いかもしれません。



YUKIのブログは半分くらいが
HGP創英角ポップ体という
フォントで構成されています。





フォントの変え方なのですが
先ほどの図解の一番下の文字列は
覚えていますか？




この図中の赤枠の部分に



font-family:HGP創英角ﾎﾟｯﾌﾟ体;　という文字列があるはずです。



これは#contentの中にあるので



この中の範囲に該当するものは
指定されたフォントで表示せよという
命令文になっているわけです。



フォント一覧





こういう個性の出し方も
有りかと思います。



一番はまず記事の内容の充実が常ですが



カスタマイズをするということは
後々、いろんな事を調べる際に
お役に立つと思います。





人より少し知っている事が
大きな差になるかもしれません。



サイトを構築していく上で
htmlタグとは、少なからず触れる機会があります。



趣味のサイトとは違い
ブログアフィリエイトはいろいろ対策を
施していかなければなりません。





内容の充実の意味も込め



収入に少しでも関わる可能性が
出てくるものは、どんどん改善していく事が
前進することだと思います。

Comments

YUKIさん☆こんばんは♪

黒烏団Ｒです。
いつもありがとうございます。

いや〜このフォントは味がありますね。
文字の大きさといい私にはいい感じです。

利益を求めない攻略記事は早いほうがいいですね。
利益を求めると焦らしてあげないと（笑）

またお邪魔いたします。
頑張ってくださいね。応援ポチりん♪

Posted by 黒烏団Ｒ＠挑戦アフィリエイト at 2008年03月17日 23:25

イオです。

いつもありがとうございます。


私は今CSSのもう特訓中です。
今のブログは放置ですけど・・・

あ、札幌なんですね。
こばやんさんと会えるじゃないですか〜
面白い方なのであってみると良いです^^


ではまた来ます。応援♪

Posted by 最速で稼ぐ男！イオ at 2008年03月18日 00:24

ロップです。

おぉーっと＾＾
かなりブログがカスタマイズされましたね＾＾
あと、特典の整理もトップリンクから確認
させてもらいました。

ブログのデザインについても、多少は
綺麗な構成を保つほうが好まれるようですよ。
すべてではありませんが、重要な部分でも
あります。

この苦労は必ず実ると思います。

応援です。

Posted by ロップ at 2008年03月18日 10:46

黒烏団Ｒさん、こんにちは♪

ちょっと特徴的すぎて
読みにくい部分もあるかもしれません　汗

個性として持っていきます。

焦らせて、かつ出し惜しみなさそうに
焦らす・・難しいですね。


応援ありがとうございます♪



イオさん、ありがとうございます☆

ＣＳＳっていろんな可能性があって
ワクワクしながらいじっています。

こばやんさん今度連絡してみます♪
音声は聴いたことあるのですが＾＾；



応援ありがとうございます☆



ロップさん、こんにちは♪
ＨＰビルダーを使ったりで
いろいろ動的なページにしてみました。

表示が重くなりすぎないように
気をつけていきます　笑

必ず実らせてみます☆



応援ありがとうございます♪

Posted by ＹＵＫＩ at 2008年03月18日 17:03

こんにちは。智佳です。

私はブラウザを最大にしないことが
多いので、日８テンプレの方のブログは
崩れて見えることが多いです＞＜

いろいろ工夫してらっしゃるんですね＾＾

応援します☆

Posted by 智佳＠パート主婦も頑張ってます＾＾ at 2008年03月18日 17:56

こんばんは！

椿です。

ご無沙汰しちゃいました。
ブログの雰囲気変わりましたね・・
個性的です！！
いまだにカスタマイズは苦手です（笑）

札幌から　応援　よいしょ！！

Posted by 椿・アフィリエイトで夢実現 at 2008年03月18日 21:36

こんばんは〜アフィリカバ夫です。

個性的なブログいいですね＾＾
やっぱり
なんだかんだいっても
文章で訴えていかないといけませんから
文字でオリジナリティを出すのもありですね＾＾


またきますね〜
応援ポチ♪

Posted by カバ夫＠今だけ無料でブログ自動開設カスタマイズツールが入手できます at 2008年03月18日 22:31

智佳さん、こんばんは☆

日８のテンプレはスペースを
大きく取っているので画像が
差し込みやすくて便利です。


この形をしばらくは活用して
いきたいと思います。


応援ありがとうございます♪




椿さん、いつもありがとうございます。

バナーに画像などを差し込んだりして
雰囲気をつけてみました。

タグって結構抵抗ありますが
お時間のある時に少し眺めていじると
意外とハマったりしますよ＾＾


応援ありがとうございます♪




アフィリカバ夫さん、こんばんは☆

このテンプレートは多くの方が
使っているのを見かけるので
印象に残る形を作っていきます。

文字に厚みを入れた感じで
結構気に入っています。



応援ありがとうございます♪

Posted by YUKI at 2008年03月19日 00:56