So-net無料ブログ作成
検索選択
ブログ作成法 ブログトップ

ソネブロカスタマイズ履歴~その5~ [ブログ作成法]

色々見てはいるんだけど、ソネブロはいじくりようがないですなぁ。。
うーん。他に出来る事といったらブログパーツをどこかから持ってきて
サイドバーに貼るぐらいかな…とりあえず本家のボトメで懲りたんで
ブログパーツは止めておこうかな、と。あとはスキンの変更位か。
気が向いたらまた変更するとします。

たいして参考にならないかも講座

GIFアニメーション作成法

今はFLASHが主流となりつつあるアニメーション。
FLASHアニメと言えば代表的なのはやわらか戦車辺りでしょうか。
ただ、FLASHを作るには多少なりとも技術と知識が必要です。
お手軽で簡単に作れるアニメーションと言えばGIFに限ります。

↑例えばこんなのです。
自分はAnimationGIFMakerと言うフリーウェアをだいぶ前にDLして
作ってるんですが、どうやら今は配布していないようなので、
Giamと言うフリーのツールをまずはダウンロードしましょう。

ツールがインストール出来たら、次は画像の準備です。
アニメーションにする為には、画像保存形式が「.gif」になっていないと
出来ません。jpgやbmpなどでは作ることが出来ませんのでご注意下さい。
また、画像のサイズを均一にする必要があります。例えば、
100×100ピクセルの同じGIF画像であればOKと言う事です。
要はパラパラ漫画みたいなものですから、画像は数枚用意します。

で、あとは表示したい順にツールの中で開くだけです。簡単ですね。
ただし、開いただけでは、物凄い速いスピードで表示されてナニが
なんだかわからないアニメーションになってしまいますので、
パラメータディレイと言う所に数値を画像ごとに入れます。
この数値は大きければ大きいほど、長い時間表示されますので、
例えば最初と最後だけは長く表示したい、と思ったら、他の画像は100で
最初と最後だけ300とか数値を変えてみると良いでしょう。

パラメータへの入力もおわり、作成ボタンを押すとファイル名を入れて
保存する画面になりますので、保存して下さい。保存後もツール内に
ファイルや数値が残っていれば調整して上書き保存可能です。

ざっくりと説明しましたが、GIFアニメーションは色々な所で使えますし、
なにより自分で作ると楽しいですよ。是非挑戦してみて下さい。


nice!(0)  コメント(0)  トラックバック(0) 
共通テーマ:blog

ソネブロカスタマイズ履歴~その4~ [ブログ作成法]

サイドバーにアフィリエイトサイトの
バナー表示スペースを設けてみました。
あんまりバナー貼りつけ過ぎると重くなるんだけど、
テキストだけってのも味気ないし。難しいトコですな。
ちなみにソネットのブログにはAmazonの商品を
すぐに紹介できるよう、本文作成ページのすぐ横に
商品紹介」ボタンが付いていますが、正直あんまりにも
Amazonは利用者が多過ぎるので好きでは無いデス^^;



たいして参考になら無いかも講座

文字の配置についてのHTML(タグ)

フツーにブログで記事を書くと左寄せになっていますが、
<p align="center">
文章を色々書く
</p>
と入力すると中央寄せなります。

こんな感じデス。

文章を色々書く

また、右寄せも出来ます。

<p align="right">右寄せ</p>

ちなみに文字の位置だけでなく、<p>~</p>内に
記載したものは画像であろうとリンクであろうとそれに従います。
配置で文章を読みやすくしたり、わざと読みにくくして遊んだり
出来るので、色々試してみて下さい。

※ソネットブログは<p>タグが反映されないみたいです。
中央寄せは<center>~</center>でも出来ますので
使う場合はこっちでやった方がいいみたいです。


nice!(0)  コメント(1)  トラックバック(2) 
共通テーマ:blog

ソネブロカスタマイズ履歴~その3~ [ブログ作成法]

ブログの更新をした時に各種ブログポータルサイトへ
「更新しましたよー」って言う情報を送信する、
ping送信先の設定をしようと思ったんだけど、
どうもブログ側ではデフォルトで決まってるのしか
出来ないみたいね。とりあえずRSSリーダーが
あるみたいなので、ソレを試してみました。
これ結構ベンリですな。

たいして参考にならないかも講座

画像に関するタグ(HTML)
<img src="画像のURL">
単純にこれだけで画像を表示する事が出来ます。
<例>
<img src="HTTPs://www.so-net.ne.jp/blog/_images/blog/_313/abouthouse/5363416.jpg">(httpは小文字で)
と入力すると↓

画像の応用編1

<img src="画像のURL" width="数値(ピクセル)" height="数値(ピクセル)">
widthはハバを変更出来ます。
heightは高さを変更出来ます。
<例>
元々200×200ピクセルの画像を
100×100ピクセルで指定した場合

こうなります。

画像の応用編2
画像にリンクを生め込む場合、
<a href="リンク先のURL"><img src="画像のURL"></a>
とするんですが、

<img src="画像のURL" border="数値">
上記のようにborderの数値を0(ゼロ)にすると枠線が表示されません。


nice!(1)  コメント(1)  トラックバック(0) 
共通テーマ:blog

ソネブロカスタマイズ履歴~その2~ [ブログ作成法]

スキンの変更をしてみました。スキンっつーのは
ブログ全体のデザインと言えばわかりやすいかな。
管理ページの、設定⇒スキンで変更出来ます。
なお、ソネブロではオリジナルスキンを使う事も、
スキンをカスタマイズする事も出来ないそうです。
背景画像変えたかったんだけどなぁ。。。(苦笑

たいして参考にならないかも講座

フォントに関するタグ(HTML)

・文字に色を付ける場合
<font color="色">表示したい文字</font>
例えば色にredと入れれば赤色←このようになります。
※redと指定した部分は6桁のRGBコードでもオーケーです。参考HP

・文字の大きさを変えたい場合
<font size="1~7までの数値">表示したい文字</font>
小さくしたり←サイズ1
大きくしたり←サイズ6

☆強調タグその1

・太字にする場合
<b>太字</b>←太字
もしくは
<strong>より太字</strong>←より太字
※SEO対策で<b>より<strong>にした方が良いと言われています。参考HP

ちなみにSEOとはSearch Engine Optimizationの頭音字を取ったもので、
日本語にすると、検索エンジン最適化の事です。検索エンジンの
上位に表示されればアクセス数もUPする為、これの対策を色々な方が
色々な方法で模索しているようです。とは言っても検索エンジンってのは
検索基準が明確化していない為、どの方法なら完璧か?なんてのは
誰にもわからないはずです。ただ、幾つかは確かに効果あり、ってのも
ある為、可能な限りの対策を取った方が良いってのも事実です。
強調タグも効果があると言われている中のヒトツです。


nice!(2)  コメント(1)  トラックバック(4) 
共通テーマ:blog

ソネブロのカスタマイズ履歴その1 [ブログ作成法]

カスタマイズペインと言うところ(要はフリーエリア)に
相互リンクを追加してみました。ココは基本的に
HTMLやjavaで入力するところみたいですね。

とりあえずHTMLの基礎知識があれば大して難しくは無いデス。
それに、アフィリエイトのバナーを表示させたい時なんかは
ソースを貼りつけるだけで出来ます。が、ちょいとでもタグを
知ってると、色々カスタマイズできて楽しいと思いますよ。

たいして参考にならないかも講座

リンクを貼るタグ(HTML)
<a href="ココにURL">ここに表示させたい文字</a>

<a href="HTTP://blog.so-net.ne.jp/abouthouse/>このHP</a>
↑コレを入力すると↓こうなります。((httpの部分は小文字です)
このHP

ちょいと応用編
target指定しないとそのまま同一ウインドウで画面表示されるが、
下記のように指定すると、別ウインドウで表示する事が出来る。
<a href="ココにURL" target="_blank">ここに表示させたい文字</a>


nice!(1)  コメント(1)  トラックバック(2) 
共通テーマ:blog
ブログ作成法 ブログトップ

この広告は前回の更新から一定期間経過したブログに表示されています。更新すると自動で解除されます。

×

この広告は1年以上新しい記事の更新がないブログに表示されております。