うはー、疲れた。

まともに記事も書かずに、ひたすらブログのカスタマイズをしてました。
でもだいぶカッコよくなったと思います☆

どこをカスタマイズしたのでしょう？

あまりにもカスタマーイズって感じにするとかえってカッコ悪くなりそうなので、控えめにしたつもりですが、やりすぎたかもしれません。。

JavaScriptとcssを使いまくりましたが、自分自身それほど知識は持ってないです。
つまり、初心者でもできるのでみなさんも試してみては？

JavaScriptとは？
cssとは？

とりあえずカスタマイズしたところ

1. 【続きを読む】をページのリロードなしに可能にした。


2. 画像クリック時に見やすくハイライトできるようにした。


3. 共有テンプレートを改造してプラグインの幅を広くした。


4. お気に入り追加とRSS登録用のテキストリンクをテンプレhtml内に記述。


5. ブログランキングへのリンクをテンプレhtml内に記述。


6. リンク集をツリー化し、リンク先のサムネイル画像を表示できるようにした。

詳細は以下。

1. 【続きを読む】をページのリロードなしに可能にした。
   
   続きを開くように設定してあるブログを読むとき、いちいち読み込みするのって何か嫌ですよね？IEならカチッって音。俺だけかな…。これを煩わしいリロードなしに表示できるようにしました。
   参考サイト
   


2. 画像クリック時に見やすくハイライトできるようにした。
   
   試しにこの画像をクリックしてください。カッコ良くありません？俺だけかな…。
   手順通りにやれば簡単に設置できます。
   参考サイト
   


3. 共有テンプレートを改造してプラグインの幅を広くした。
   
   これは読み込む画像の幅を編集してファイルをアップ、プラグインのcssと格闘してなんとかいいかんじに表示できるようにしました。cssの知識がほとんどなかったので大変でした(￣u￣;)
   


4. お気に入り追加とRSS登録用のテキストリンクをテンプレhtml内に記述。
   
   これはプラグインのhtmlをコピペしてきて、ブログのエントリーのところ(記事が表示されるところの後ろ)に貼り付けました。テンプレートのhtmlなどをいじるときはメモ帳かなんかにバックアップしてからやりましょう。特に初心者の方は慎重に。
   参考サイト
    


5. ブログランキングへのリンクをテンプレhtml内に記述。
   
   まぁ上と同じ感じです。記事表示前に記述しました。
   


6. リンク集をツリー化し、リンク先のサムネイル画像を表示できるようにした。
   
   とりあえず、右の欄にある「リンク集」にカーソルを当ててみてください。
   どうです？俺の血と汗と涙がにじんできたでしょう？
   
   これが一番大変でした。
   ユーザ共有のプラグインとリンク先のサムネイル画像を取得する方法を組み合わせました。JavaScriptについての知識がないため、自分で記述してカスタマイズすることができなかったので、それぞれを独立させて記述しました。
   
   ユーザ共有のプラグインはfc2ブログならスグに見つかります。ツリー化するやつです。他のやつでもいいと思います。
   
   リンク先サムネイル画像の取得はここ 参考サイト
   
   で、リンクタグにclass="linkthumb"を指定するだけで画像を取得して表示されるようにできます。
   例：<a href="リンク先URL" class="linkthumb">Yahoo!</a>
   こんな感じ⇒ yahoo!

まぁこんな感じです。また何か紹介しようと思いますのでよろしくお願いします。

トラックバック(0) | コメント(0)

このページをお気に入りに追加 | RSSを登録