Home > ブログカスタム
ブログカスタム講座 その8
私は以前、ライブドアブログを使用していました
結構、カスタムを楽しんでいましたので
その中の1ヶを、御紹介しますネ (^_^)v
挨拶文を、未来の日付けでアップしますと
日々更新する記事は、その下に来ますが
何となくデザイン的に、バランスが悪いなぁ〜と
思ったので、バックと日付を同じ色にしたのですが
日々の更新日まで消えちゃいますので
「ブログの設定/管理」→「デザインの設定」→
「カスタマイズ」→「トップページ」へと進みます。
<div id="blogcontainer">
<div id="content">
<div id="blog">
<!-- Loop Start -->
<IndexArticlesLoop>
<!-- Loop Start -->
の下から最新の記事の内容が、順に表示されるので
その上に文章や画像を入れてみましょう。
ブログカスタム講座 その7
日付を消し方
その6 の続きなのですが
このタイプで、販売サイトを構築している方で
日付を消したいなぁ・・・って思われた方いません?
実は私がそうなのですが (^^ゞ
日付表示を消す方法です。
「メインページ」「エントリー・アーカイブ」
「カテゴリー・アーカイブ」「日付アーカイブ」 の
<$MTEntryDate format="%x"$>
このタグを削除するだけ (^_^)v
”注意”
カスタムする時は、バックアップを取って
自己責任でお願いします。
愛のポチッをお願いします m(__)m
![]()
![]()
ドーンと面白い話のネタ募集中!
ブログカスタム講座 その6
#more を付けよう

↑のタイプでブログを作っているかたは
続きを読むってありますよね
で、続きを読む をクリックすると
全文が表示されますが・・・
もう一度最初の文から表示されますよね
前の文はもう読んだのですから
続きを読む から後の文から表示出来れば
いいとは思いませんか?
ん? 私だけ?(だいたひかるの感じで・・・)
方法は簡単です。
「カテゴリー・アーカイブ」・「日付アーカイブ」」の
両方に #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
![]()
![]()
ドーンと面白い話のネタ募集中!
ブログカスタム講座 その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>
愛のポチッをお願いします m(__)m
![]()
![]()
ドーンと面白い話のネタ募集中!
ブログカスタム講座 その4
さて大きい画像を縮小するソフトですが
JTrim というフリーソフトを
私は使っています。
↓でDL(ダウンロード)できます。
vector
ファイル→開く
イメージ→リサイズ
私は横 300にしました
で、後は保存でOKです!
これをブログに添付するだけですが
拡張子が bmp になっていますよね
ブログによっては対応していない所もあるかも
分かりませんので ここはついでに
一般的な jpg に変換しましょう。
連番屋さん というフリーソフトを
私は使っています。
使い方は DLしたソフトに説明書が添付されています。
これをブログに添付するだけです (^_^)v
![]()
愛のポチッをお願いします m(__)m
![]()
![]()
ドーンと面白い話のネタ募集中!
ブログカスタム講座 その3
画像の切り取り方
よくサイトの1部分だけを
切り取って、ブログに貼り付けているのを
観た事があると思いますが
あれ!やっちゃいましょう!
CaptureXP というフリーソフトを
私は使っています。
大抵のフリーソフトは
↓でDL(ダウンロード)できます。
vector
使い方は DLしたソフトに説明書が添付されています。
ないソフトは・・・勘でやっちゃいましょう (^。^)
では試しに YAHOO の画面の1部分を切り取ってみましょう。
できました?
大きさ 693×73 となっています(切り取り方で変わります。)
でもこれを、そのままブログにアップしちゃうと
大きすぎますので、任意の大きさに縮小します。
またまた、フリーソフトをDLしに行きましょう!
つづく (^_^)v
愛のポチッをお願いします m(__)m
![]()
![]()
ドーンと面白い話のネタ募集中!
ブログカスタム講座 その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
![]()
![]()
ドーンと面白い話のネタ募集中!
ブログカスタム講座 その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
![]()
![]()
ドーンと面白い話のネタ募集中!