りんくさまさま

サイトやブログを立ち上げたら、SEO対策のひとつにテーマとされている被リンク!自力で可能、無料かつ有効なメモを・・・・と思いながら記事は脱線しまくりです。

はてなブログ[Hatena Blog (beta)]のカスタマイズについて

はてブロはページランクがつくよ~


はてなダイアリーではなく、はてなブログのサービスを初めて2つほど記事を書き、2ヶ月間経過した。
特別何かしたわけではなかったが、何とページランクが2になっていた。
ページランク - Wikipediaとは

すばらしい・・・何が?!

いやぁ~さすがはてな様のサービスではありませんか!

そこで、Ameba (アメーバ)|人気のピグや無料ゲーム・ブログで楽しもう!FC2ブログ - 無料でブログ、デザインは5000種類以上!!あるいは、Seesaa ブログ - 無料のブログ作成(blog)サービスなど経験されている方は、思うことでしょう。
デザインテンプレートが少なすぎる???
でも、シンプルでそれなり良いと思います。
そこで、このブログもカスタマイズをしてみました。


http://hatenablog.com/

はてなブログ (beta)短いつぶやきでは伝えきれない気持ちを
ちゃんと書き残しませんか。
はてなブログは、はてなの新しいブログサービスです。はてなダイアリーの良さを引き継いで進化した新しいブログサービスを、どうぞご利用ください。


はてなブログを、どなたでもご利用いただけるようにしました。はてなの新しいブログサービスを、あなたも始めてみませんか。





はてなブログのCSSカスタマイズ


はてなブログのCSSカスタマイズは、アメブロと非常によく似ています。
CSSを編集するのですが、はじめ管理画面のデザインのCSSで、直接コードを入力していたのですが、うまく反映されませんでした。
タイムラグがあるのかと思ったのですが、どうもそうではないようです。
そこで、自分で借りているレンタルサーバーにフォルダを作ってそこに、ヘッダー画像などやCSSファイルを置いて
デザインCSSの以下、赤字の部分を書き換えたところすぐに反映されました。
Dropbox- 生活をシンプルになどのサービスを使って、ファイルや画像をセットにして、おいている方が多いようです。


↓自分でレンタルしているドメイン(URL)配下におきました。

/* <system section="theme" selected="alpha2">*/

@import "http://www.URL.com/htb/hate.css";

/* </system> */


↓ドロップボックスなどを使うとこんな感じのアドレスに・・・・。

/* <system section="theme" selected="alpha2">*/

@import "http://dl.dropbox.com/u/XXXXXXX(ユーザID)/aaaaa.css(CSSファイル名)";

/* </system> */


よろしければ、どうぞ~っっていいたいのですが、参考にされほどのデザインではないので、コメントなどでご質問くだされば幸いです。
とにかく普通にシンプルがよかったので、ヘッダー画像とサイドバーもすっきりです。
ヘッダー画像の下のメニューなど作ることも大丈夫そうですね・・・・。


はてなブログのカスタマイズ(参考サイト)


カスタマイズを丁寧に解説くださっているサイト様、ご参考にさせていただきました。
また中には、非公式?!と書いてあるのもありますが、特に問題はないようです。
さぁ、シンプルなはてなブログで、いってみよぉ~っ!!