■カテゴリ「カスタマイズ」の記事一覧
[2007/10/17] カスタマイズする時の環境について
[2007/10/16] 忍者ブログのカスタマイズについて
[2007/08/31] 記事内に広告を自動挿入
[2007/08/06] ブックマーク登録アイコンの設置
[2007/06/29] 忍者ブログでファビコン設置
[2007/10/16] 忍者ブログのカスタマイズについて
[2007/08/31] 記事内に広告を自動挿入
[2007/08/06] ブックマーク登録アイコンの設置
[2007/06/29] 忍者ブログでファビコン設置
私はWindowsPCを複数台持っていますが、1台を除いてスペックはそれほど高くありません。5年くらい前のマシン(Pentium4とかCeleron)が中心なのですが、遅いことを除くとブログのカスタマイズに支障はありません。
皆さんにまず揃えてほしいのは高いスペックのパソコンではなく、使いやすいソフトウェアです。といっても、フリーウェア・オープンソース・Googleに代表されるWEBサービスなど無料ですばらしいソフトがそろっていますので、いくつかご紹介していきましょう。
私がお勧めする環境は次のソフトを揃えることです。
1.ブラウザ
2.htmlエディタ
3.画像処理ソフト
これらはブログをカスタマイズするのに、作業効率がとてもよくなるので、使いやすいものをこだわって探してみてください。
ちなみに私は、
1.ブラウザ
Firefox (テスト用にInternetExplorer、Netscape、Lunascapeなど)
2.htmlエディタ
Dreamweaver、ez-html
3.画像処理ソフト
Illustrator、Photoshop、Fireworksなど
を利用しています。中には高額なソフトもありますが、これからご紹介する無料ソフトでもかなりのことが出来るので、安心してください。
詳細は各記事にて説明致します。
はじめにブラウザについてをご覧ください。
皆さんにまず揃えてほしいのは高いスペックのパソコンではなく、使いやすいソフトウェアです。といっても、フリーウェア・オープンソース・Googleに代表されるWEBサービスなど無料ですばらしいソフトがそろっていますので、いくつかご紹介していきましょう。
私がお勧めする環境は次のソフトを揃えることです。
1.ブラウザ
2.htmlエディタ
3.画像処理ソフト
これらはブログをカスタマイズするのに、作業効率がとてもよくなるので、使いやすいものをこだわって探してみてください。
ちなみに私は、
1.ブラウザ
Firefox (テスト用にInternetExplorer、Netscape、Lunascapeなど)
2.htmlエディタ
Dreamweaver、ez-html
3.画像処理ソフト
Illustrator、Photoshop、Fireworksなど
を利用しています。中には高額なソフトもありますが、これからご紹介する無料ソフトでもかなりのことが出来るので、安心してください。
詳細は各記事にて説明致します。
はじめにブラウザについてをご覧ください。
当ブログのタイトルを「忍者ブログで独自ドメイン・カスタマイズ」としたのは、忍者ブログが非常にカスタマイズ性に優れ、独自ドメインにも設定出来るので、アメリカのように個性的なブログが増えてほしいと思ったからでしたが、今までカスタマイズに関してはあまり記事を作ってきませんでした。
私が運営しているブログ関連の本サイトはSEESAAで運用し、他にもFC2、JUGEM、レンタルサーバーでMT、WPなどブログだけでも10を超えるサイトを維持・更新しているので、忍者ブログだけのカスタマイズサイトは無理だなぁと思っていました。
ただ、このブログへのアクセスを解析すると半数近くの方が「カスタマイズ」目的のようなのです。ということは、訪問者の期待を裏切ってしまっているようなので、ちょっと頑張ってみようと思った訳です。また、最近いくつか忍者ブログ用テンプレートをアップするようになり、友人やブログのコメント欄にブログのカスタマイズに関する質問があったので、初心者でも無料でできて、解りやすいように体系的に整理したいと思います。
もちろん全ての事を網羅するのは難しいと思いますが、自分の整理も含め少しずつ更新していきますので、都度質問等あればお気軽にコメント下さい。解る範囲でお答え致します。
下記の項目に関して書いていきたいと予定しています。
1.カスタマイズする際の環境に関して
2.htmlとCSSについて
3.独自タグについて
4.画像について
5.JavaScriptについて
6.アフィリエイトに関して
私が運営しているブログ関連の本サイトはSEESAAで運用し、他にもFC2、JUGEM、レンタルサーバーでMT、WPなどブログだけでも10を超えるサイトを維持・更新しているので、忍者ブログだけのカスタマイズサイトは無理だなぁと思っていました。
ただ、このブログへのアクセスを解析すると半数近くの方が「カスタマイズ」目的のようなのです。ということは、訪問者の期待を裏切ってしまっているようなので、ちょっと頑張ってみようと思った訳です。また、最近いくつか忍者ブログ用テンプレートをアップするようになり、友人やブログのコメント欄にブログのカスタマイズに関する質問があったので、初心者でも無料でできて、解りやすいように体系的に整理したいと思います。
もちろん全ての事を網羅するのは難しいと思いますが、自分の整理も含め少しずつ更新していきますので、都度質問等あればお気軽にコメント下さい。解る範囲でお答え致します。
下記の項目に関して書いていきたいと予定しています。
1.カスタマイズする際の環境に関して
2.htmlとCSSについて
3.独自タグについて
4.画像について
5.JavaScriptについて
6.アフィリエイトに関して
ブログのどの位置に広告を表示するかは非常に重要な問題です。
Googleアドセンスによるとクリックされる頻度の高い位置は下の図のようになっています。

色の濃い部分ほど効果的とのことです。
さて、いろんなブログを見ていると、ブログの記事本文内にさりげなくアドセンスを置いているものをよく見かけます。私もよく使っている方法なのですが、少なくとも記事を読み始めた読者の視線はナビゲーション部分・サイドバーより、記事内に集中しています。当然この部分の広告は価値があると私は思います。
ただ、個人的には記事本文に広告を入れるなら、邪魔にならない記事直下が押しつけが弱いが、読んできた流れで目にはいるので好んでいます。
そこで、記事ページのみ記事内にアドセンスを埋め込んでみました。
いつもの通りhtml編集です。
「管理ページ」-「テンプレート設定/編集」-「修正」から、下記のように編集してください。
ここですとトップページやカテゴリページにおいては表示されませんので、アドセンスの1ページに広告は3つ以内の規定に反することもありません。
もし、現在トップページなどでこの記事を読まれているのであれば、こちらから記事ページに行けますので、挿入された広告のイメージをご確認ください。(忍者ブログの記事ページのアドレスには「Entry」がつきます。)
Googleアドセンスによるとクリックされる頻度の高い位置は下の図のようになっています。

色の濃い部分ほど効果的とのことです。
さて、いろんなブログを見ていると、ブログの記事本文内にさりげなくアドセンスを置いているものをよく見かけます。私もよく使っている方法なのですが、少なくとも記事を読み始めた読者の視線はナビゲーション部分・サイドバーより、記事内に集中しています。当然この部分の広告は価値があると私は思います。
ただ、個人的には記事本文に広告を入れるなら、邪魔にならない記事直下が押しつけが弱いが、読んできた流れで目にはいるので好んでいます。
そこで、記事ページのみ記事内にアドセンスを埋め込んでみました。
いつもの通りhtml編集です。
「管理ページ」-「テンプレート設定/編集」-「修正」から、下記のように編集してください。
ここですとトップページやカテゴリページにおいては表示されませんので、アドセンスの1ページに広告は3つ以内の規定に反することもありません。
もし、現在トップページなどでこの記事を読まれているのであれば、こちらから記事ページに行けますので、挿入された広告のイメージをご確認ください。(忍者ブログの記事ページのアドレスには「Entry」がつきます。)
<div class="EntryTextBox">
<div class="EntryText">
<!--$entry_text-->
</div>
<!--if_entry-->
<!--if_ps_text-->
<div class="EntryText">
<!--$entry_ps_text-->
</div>
<!--/if_ps_text-->
■挿入部分■
<!--/if_entry-->
<!--if_not_entry-->
ソーシャルブックマーク(以下SBM)は使っていますか?
やはり、ほかの方にブックマークされるというのはアクセスアップには重要なテーマですね。
そこで、ブックマークして頂きやすくなるよう、ブックマーク登録用アイコンを設置してみました。
とりあえず、忍者ブックマークです。
場所は記事の最下段のコメントの横です。
「テンプレート設定/編集」でテンプレートの下記部分に太字部分を追記します。
<span class="EntryComment">
<a href="<!--$entry_link-->#comment">Comment(<!--$entry_comment_num-->)</a> </span>
<!--/if_cm_receipt-->
<a href="http://bm.ninja.co.jp/add/?adda=<!--$g_url-->">
<img src="http://bm.ninja.co.jp/img/icon_pla.gif" border="0" /> </a>
</div>
なお、その他のブックマークに関してはこちらをご参照ください。
やはり、ほかの方にブックマークされるというのはアクセスアップには重要なテーマですね。
そこで、ブックマークして頂きやすくなるよう、ブックマーク登録用アイコンを設置してみました。
とりあえず、忍者ブックマークです。
場所は記事の最下段のコメントの横です。
「テンプレート設定/編集」でテンプレートの下記部分に太字部分を追記します。
<span class="EntryComment">
<a href="<!--$entry_link-->#comment">Comment(<!--$entry_comment_num-->)</a> </span>
<!--/if_cm_receipt-->
<a href="http://bm.ninja.co.jp/add/?adda=<!--$g_url-->">
<img src="http://bm.ninja.co.jp/img/icon_pla.gif" border="0" /> </a>
</div>
なお、その他のブックマークに関してはこちらをご参照ください。
しばらく放置していたので、簡単なカスタマイズをしてみました。
↓ファビコン設置です。

ファビコンとはタブ式ブラウザでアドレスバー、タブ、ブックマークツールバー、ブックマークサイドバーなどにサイトのアイコンとして表示されるicoやgif形式の16×16pxの画像をファビコン(Favicon)と呼びます。(下図の囲った部分)

FirefoxやNetscapeなどタブ式ブラウザを利用している方には定番ですね。
下記ヘルプに設置方法の記載があります。
http://blog2.community.shinobi.jp/1179754425/
シーサーではトラックバックに相手先ブログのファビコン設置も可能なのですが、忍者ではどうもうまくいきません。
もし設置方法をご存じの方がいらっしゃいましたが、是非教えてください。
トラックバックでファビコン表示にシーサーの設置方法を記載しましたので、興味のある方はご覧ください。
でも、トラバスパムの助長になってしまうかな?
↓ファビコン設置です。
ファビコンとはタブ式ブラウザでアドレスバー、タブ、ブックマークツールバー、ブックマークサイドバーなどにサイトのアイコンとして表示されるicoやgif形式の16×16pxの画像をファビコン(Favicon)と呼びます。(下図の囲った部分)
FirefoxやNetscapeなどタブ式ブラウザを利用している方には定番ですね。
下記ヘルプに設置方法の記載があります。
http://blog2.community.shinobi.jp/1179754425/
シーサーではトラックバックに相手先ブログのファビコン設置も可能なのですが、忍者ではどうもうまくいきません。
もし設置方法をご存じの方がいらっしゃいましたが、是非教えてください。
トラックバックでファビコン表示にシーサーの設置方法を記載しましたので、興味のある方はご覧ください。
でも、トラバスパムの助長になってしまうかな?
独自ドメインの設定
カテゴリー
最新記事
(09/09)
(09/07)
(02/05)
(01/22)
(01/14)
(11/21)
(08/26)
(08/05)
(02/27)
(11/27)
(11/20)
(11/17)
ブログ内検索
プロフィール
HN:
がりんぺいろ
性別:
非公開
自己紹介:
なんちゃってアフィリエイター
数年前から趣味のサイトをいくつか作っていましたが、軽い気持ちで置いたアフィリエイトが結構稼いでくれる。ここ2~3年はブログに夢中。といっても放置しているものが多い。
本業は硬い業種のサラリーマン。
数年前から趣味のサイトをいくつか作っていましたが、軽い気持ちで置いたアフィリエイトが結構稼いでくれる。ここ2~3年はブログに夢中。といっても放置しているものが多い。
本業は硬い業種のサラリーマン。
アーカイブ
最古記事
(04/05)
(04/05)
(04/06)
(04/06)
(04/07)
(04/07)
(04/09)
(04/09)
(04/18)
(04/18)
(04/23)
(05/24)
スポンサード リンク
アクセス解析








