2014年4月28日月曜日

ブログの何が楽しいって

ブログ更新するだけで少なからず知らない人が見に来てくれるこの構って精神がもっと!もっと!といってるんですよ……。(何言ってんだこいつ)
多分だと思いますが、ブログを継続して更新し続けられる人って誰かに構ってほしいから更新してるのだと勝手に思い込んでます(*‘ω‘ *)

会話がなくとも訪問者1人でも誰かが自分のブログを見てくれたと考えるだけでものすごく嬉しく感じるんですよね…。

そう思ってるのは俺だけかもしれませんけども(汗)


アクセス解析を利用してると熟そう感じてしまう自分が居ますね(。・ω・)
GoogleAnalystや忍者Analyzerを使用してみるとどこからどんな人が自分のブログを見てくれてるのか丸見えで結構面白かったりしますww

もしブログをやってる方が居ましたら自ブログに設置してみるのも案外面白かったりするかもしれませんよ(*‘ω‘ *)!

Read More

2014年4月15日火曜日

【HTML/CSS/Javascript】ブログデザイン ブログアイコンを自分で作成、設置してみる

Bloggerではファビコンを自動で設置してくれる有難い仕組みがありますがそういった便利な仕組みがない場合どう設置すればいいのか気になりませんか(´・ω・`)

そう些細な疑問がきっかけで今ではまだまだハイパーひよっこですがブログデザインをカスタマイズできようにまでなりました(*‘ω‘ *)



それで本題のファビコンをどう設定すればいいのか。
答えは簡単 キリ

テンプレートのHTML部分の<head>~</head>に以下を書き加えるだけで簡単にファビコンが設定されます。

<ink rel="shortcut icon" href="画像のURL" />

たったこれだけで自分のブログアイコン、ファビコンが変更できちゃいます(*‘ω‘ *)
それぐらいの画像サイズなのかは様々ですが16x16や32x32とかで大丈夫かと思います(適当)

更に詳しく知りたい方はこちらをどうぞ(*‘ω‘ *)

ブログアイコンやファビコンと表現してますが意味は一緒です(*‘ω‘ *)
特に深い意味はありません(*‘ω‘ *)
Read More

【HTML/CSS/Javascript】ブログデザイン リンクの色を少しずつ変化させる

これは本家ブログにも書きましたが、自分の往復勉強として更新しようと思います(*‘ω‘ *)

まず最初にdiv要素とlink固有IDで自分がどの場所のリンクの色を少しずつ変化させたいかを決めて囲います。



<div id="link">
・ 
・ 
リンクを変化させたいコンテンツ 

・ 
</div>


次にCSS部分を書き込んであげれば完璧!!

/*トップメニューリンクの色をゆっくり変化させる*/
div#link { 
   color#ccc;    
  text-decorationnone;    
  -webkit-transition0.8s  
  -moz-transition0.8s;    
  -o-transition0.8s;   
   -ms-transition0.8s  
  transition0.8s
 
div#link a:hover {    
  color#0000cc 
} 
/*トップメニューリンクの色をゆっくり変化させる*/

たったこれだけで反映できちゃいますので皆さんもお気軽にカスタマイズしましょ!
※バックアップは必ずとってね・・・!

けれどBloggerの場合HTMLとCSSが一緒に書かれてるのでどこがどの位置なのかしっかり見極めておく必要がありますけどねw

BloggerじゃCSSをskinとして扱ってますし初心者には物凄く手強いです(・_・;)
尚最初だけ理解してしまえばあとは自由自在なのでバックアップをしっかりとってから作業に移って下さいね(*‘ω‘ *)

参考ブログ
Read More