俺の人生こんでええ訳ないやろ!!!:信じる力が勇気になる!大切なのは最後まで諦めないこと!

Home > ブログカスタム

ブログカスタム講座 その8



私は以前、ライブドアブログを使用していました
結構、カスタムを楽しんでいましたので
その中の1ヶを、御紹介しますネ (^_^)v


挨拶文を、未来の日付けでアップしますと
日々更新する記事は、その下に来ますが
何となくデザイン的に、バランスが悪いなぁ〜と
思ったので、バックと日付を同じ色にしたのですが
日々の更新日まで消えちゃいますので


「ブログの設定/管理」→「デザインの設定」→
「カスタマイズ」→「トップページ」へと進みます。

<div id="blogcontainer">

<div id="content">
<div id="blog">
<!-- Loop Start -->
<IndexArticlesLoop>


<!-- Loop Start -->
の下から最新の記事の内容が、順に表示されるので
その上に文章や画像を入れてみましょう。




愛のポチッをお願いします m(__)m

blog.gif


ranking.jpg


2006年12月13日

ブログカスタム講座 その7



日付を消し方

その6 の続きなのですが

このタイプで、販売サイトを構築している方で

日付を消したいなぁ・・・って思われた方いません?

実は私がそうなのですが (^^ゞ


日付表示を消す方法です。

「メインページ」「エントリー・アーカイブ」
「カテゴリー・アーカイブ」「日付アーカイブ」 の

<$MTEntryDate format="%x"$>

このタグを削除するだけ (^_^)v



”注意”
カスタムする時は、バックアップを取って
自己責任でお願いします。

愛のポチッをお願いします m(__)m

blog.gif




ranking.jpg




ドーンと面白い話のネタ募集中!


2006年12月05日 | コメント (1)

ブログカスタム講座 その6



#more を付けよう

taipuA.jpg

↑のタイプでブログを作っているかたは

続きを読むってありますよね

で、続きを読む をクリックすると

全文が表示されますが・・・

もう一度最初の文から表示されますよね

前の文はもう読んだのですから

続きを読む から後の文から表示出来れば

いいとは思いませんか? 

ん? 私だけ?(だいたひかるの感じで・・・)


方法は簡単です。


「カテゴリー・アーカイブ」・「日付アーカイブ」」の

両方に #more をつけましょう。

<a href="<$MTEntryPermalink$>">
<IMG src="<$MTBlogURL$>images/syousai.gif"

      ↓

<a href="<$MTEntryPermalink$>#more">
<IMG src="<$MTBlogURL$>images/syousai.gif"


再構築してOKです (^_^)v



他のブログやMTでも出来ると思います。

”注意”
カスタムする時は、バックアップを取って
自己責任でお願いします。



愛のポチッをお願いします m(__)m

blog.gif




ranking.jpg




ドーンと面白い話のネタ募集中!


2006年12月04日

ブログカスタム講座 その5


ここまで学んだ事を、組み合わせると

添付した写真をクリックすると

指定のサイトに、自分のサイトを、残したまま飛べる

こんな事が出来る様になります (^_^)v


<a href="http://www.yahoo.co.jp/" target="_blank">
<img alt="yahoo.jpg" src="http://okagedou.com/blog/yahoo.jpg" width="300" height="34" /></a>



yahoo.jpg



愛のポチッをお願いします m(__)m

blog.gif




ranking.jpg




ドーンと面白い話のネタ募集中!


2006年12月01日

ブログカスタム講座 その4



さて大きい画像を縮小するソフトですが

JTrim というフリーソフトを
私は使っています。

  ↓でDL(ダウンロード)できます。
vector

forest

ファイル→開く
イメージ→リサイズ 
私は横 300にしました
で、後は保存でOKです!

これをブログに添付するだけですが
拡張子が bmp になっていますよね
ブログによっては対応していない所もあるかも
分かりませんので ここはついでに
一般的な jpg に変換しましょう。

連番屋さん というフリーソフトを
私は使っています。

使い方は DLしたソフトに説明書が添付されています。

これをブログに添付するだけです (^_^)v


yahoo.jpg





愛のポチッをお願いします m(__)m

blog.gif




ranking.jpg




ドーンと面白い話のネタ募集中!


2006年12月01日

ブログカスタム講座 その3

画像の切り取り方

よくサイトの1部分だけを
切り取って、ブログに貼り付けているのを
観た事があると思いますが
あれ!やっちゃいましょう!

CaptureXP というフリーソフトを
私は使っています。

大抵のフリーソフトは
  ↓でDL(ダウンロード)できます。
vector

forest

使い方は DLしたソフトに説明書が添付されています。
ないソフトは・・・勘でやっちゃいましょう (^。^)

では試しに YAHOO の画面の1部分を切り取ってみましょう。




できました?

大きさ 693×73 となっています(切り取り方で変わります。)

でもこれを、そのままブログにアップしちゃうと
大きすぎますので、任意の大きさに縮小します。

またまた、フリーソフトをDLしに行きましょう!


つづく (^_^)v

愛のポチッをお願いします m(__)m

blog.gif




ranking.jpg




ドーンと面白い話のネタ募集中!


2006年12月01日

ブログカスタム講座 その2

ブログカスタム講座 その2回目は

リンクする方法

target="_blank" を活用しましょう!!です。

<a href="http://okagedou.com/omosiroblog/">面白い話のある
生活を 面白い話blog </a>

これでも立派に、リンク出来るんですが

自分のサイトが、消えてしまいますよね・・・

これが 販売サイトであれば

お客様は、再びサイトへ戻ってこれなくなりますよね

意地でも捜しなおす、律儀なお客様は

ま〜いないと思います。

なので

自サイトを残しておいた方が有利なんですね

そこで

target="_blank"  を入れましょう!

<a href="http://okagedou.com/omosiroblog/" target="_blank">面白い話のある生活を 面白い話blog </a>

こんな感じで  /"target でなくて  / "target として下さいね。

これ、いろんな場面で活用できますので

マスターして損はないですよ!



愛のポチッをお願いします m(__)m

blog.gif




ranking.jpg




ドーンと面白い話のネタ募集中!


2006年11月29日

ブログカスタム講座 その1

ブログって楽しいですね!
無料は気軽ですが、いつ?
ハイ!今日で閉めますよ!
って告知があれば、それで終わりですから・・・

出来るだけ有料版で構築する事をお勧めします。

これから何回かに分けて、ブログやMTで使える
カスタム方法を、御紹介していきたいと思います。

あくまで初心者レベルなので
上級者の方は、暖かい眼で見て下さいね (^^ゞ

では 1回目は

文字の色と大きさの変更方法です。

<font size="6" color="#ff0000">フォントサイズが6で赤色です</font>

size の数字で字の大きさを変更できます。
color の#〜〜〜で色を変更できます。

#〜〜〜の色見本は↓を参考にして下さい。

色見本

これを応用して色指定する場合は

<a href="http://okagedou.com/omosiroblog/">
<font color="#ff0000">ドーンと面白い話のネタ募集中!</font></a>

にすると、リンク先の色を変更できますし
size を加えると、大きさも指定できます。


愛のポチッをお願いします m(__)m

blog.gif




ranking.jpg




ドーンと面白い話のネタ募集中!


2006年11月28日