忍者ブログ
HOME > 前項現在のページ > 次項 Admin RSS  
独自ドメインを無料で利用できる忍者ブログでカスタマイズ・テンプレート・アフィリエイト・アクセスアップSEOを徹底調査 
×

[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。

当ブログのタイトルを「忍者ブログで独自ドメイン・カスタマイズ」としたのは、忍者ブログが非常にカスタマイズ性に優れ、独自ドメインにも設定出来るので、アメリカのように個性的なブログが増えてほしいと思ったからでしたが、今までカスタマイズに関してはあまり記事を作ってきませんでした。
私が運営しているブログ関連の本サイトはSEESAAで運用し、他にもFC2、JUGEM、レンタルサーバーでMT、WPなどブログだけでも10を超えるサイトを維持・更新しているので、忍者ブログだけのカスタマイズサイトは無理だなぁと思っていました。
ただ、このブログへのアクセスを解析すると半数近くの方が「カスタマイズ」目的のようなのです。ということは、訪問者の期待を裏切ってしまっているようなので、ちょっと頑張ってみようと思った訳です。また、最近いくつか忍者ブログ用テンプレートをアップするようになり、友人やブログのコメント欄にブログのカスタマイズに関する質問があったので、初心者でも無料でできて、解りやすいように体系的に整理したいと思います。

もちろん全ての事を網羅するのは難しいと思いますが、自分の整理も含め少しずつ更新していきますので、都度質問等あればお気軽にコメント下さい。解る範囲でお答え致します。
下記の項目に関して書いていきたいと予定しています。

1.カスタマイズする際の環境に関して

2.htmlとCSSについて

3.独自タグについて

4.画像について

5.JavaScriptについて

6.アフィリエイトに関して

PR
透過フォトにおいて、ブログパーツなどとの相性でリンクがクリック出来ない問題が発生し、ご迷惑をおかけしました。
原因はIE6以前でpngファイルの透過画像を使えない困った悪癖があり、それを回避するためにJavaScriptを使っていましたが、特定のJavaScriptを利用するブログパーツを貼り付けると以降において透過ファイル用のJavaScriptが機能しなくなってしまうために発生していました。
いろいろ対策を検討したのですが、現状ではJavaScriptを利用しない方法しか解決策が見つかりませんでしたので、JavaScriptを使わなくても透過出来る画像に変更いたします。

下記CSSをコピーして頂き、ご利用下さい。
(忍者ブログのテンプレートは10/9に修正申請済です)
※IEにおいて条件によっては透過しなくなる報告がございました。画像を変更される際は確認の上お願いします。
下のテキストエリアのどこかをクリックし、Ctrl+A、Ctrl+Cでコピーできます。
透過画像を用いてきれいな画像を背景いっぱいに表示できるテンプレートです。

<09.01.23>
透過フォトバージョン2.0を公開しました。

071009以前にダウンロードされた皆様へ
InternetExplorerでコメント投稿が出来ないケースがあるとの報告がありました。
現在公開しているものは修正されていますので、再度ダウンロードして頂くか、ご自身で直されるばあいは透過フォトにおけるブログパーツに関しての記事を参照し、CSSを変更後、ブログを開いて「F5」キーを押してチェックしてみてください。



初期設定では沖縄県宮古島の珊瑚でいっぱいのビーチを使っていますが、ご自身で撮影したお気に入りの写真に簡単に変更できますので、オリジナルなブログにカスタマイズしてください。
ダウンロードページ コメント・★をいただけると励みになります。
プレビュー
背景画像の変更方法
1.画像のアップロード
はじめに管理画面の「便利ツール」-「ファイルアップロード」を選択し、「アップロードするファイルの選択」にある「ファイルの選択」行の「参照...」から背景画像をアップロードします。
横幅が800ピクセル以上の画像を選んだ方が大きく表示されるのできれいです。ちなみに初期設定の画像は1618PX×614PXですが、このくらいの大きさだと22Wディスプレイなどで見ると、とても迫力のある表示になります。(ナローバンドの方には表示が遅くなってしまいますが。)

2.画像ファイルのURLをコピー
アップロード後、「ファイル一覧」に画像が表示されるので、その右にある「記事を書く」を右クリックし、「新しいウィンドウで開く」を選択してください。
記事の内容に<a href="http://file.●●.blog.shinobi.jp/●●.gif" target="_blank"><img src="http://file.●●.blog.shinobi.jp/Img/×××/" border="0" alt="" /></a>などと表示されますので、<a href="に続く画像のアドレス(上記青地部分)をドラッグし、ブラウザ(InternetExplorerなど)の「編集」メニューで「コピー」を選んでください。

3.CSSの編集
コピーが出来たら、今開いているウィンドウ(またはタブ)を終了し、忍者ブログ管理画面上部にある、「テンプレート設定/編集」をクリックしてください。
「透過フォト」テンプレートの右にある「編集」をクリックします。
画面右下がCSSの編集画面になりますが、その10行目から始まる「body」部分に「background:」という項目があります。(11行目付近)その行の「url(」に続く
http://file.××/beach_bg.jpg」部分をドラッグし、ブラウザの「編集」-「貼り付け」(ペースト)をクリックしてください。アップロードした画像のアドレスに変更されるはずです。
最後に画面左上にある「テンプレート保存」をクリックし、「上書き保存」(または新規作成でも可)をすれば終了です。

画像変更後、タイトルやサイト説明部分のフォントカラーを調整すると見やすくなります。

写真やブログツールがとても映えるグレーを基調としたテンプレートです。


Googleアドセンスなどを利用される方のためにカラーチャートを記載しておきますのでご利用下さい。
文字色
#CCCCCC
リンク文字色
#CCFF00
背景色
#373737

カスタマイズはもちろん自由です。
リンクは消さないでください。

【更新履歴】
070925 プラグイン部分のインデントが字下げになってしまっていたので、修正
070921 ファビコンを設置しました。
070920 記事エントリ部分背景を変更(吹き出し部分が人物に重なるように変更)
070918 電球画像をpngからgifに変更(pngは環境により背景と色に差が出るため)
シンプルだけど、印象に残るデザインのサイトが好きなので、忍者ブログ用テンプレートを自作してみました。
よろしかったら使ってみて下さい。

ダウンロードページはこちら コメント&★をいただけると励みになります。

設定方法の解説は忍者ブログマニュアル/テンプレート

Googleアドセンスなどを利用される方のためにカラーチャートを記載しておきますのでご利用下さい。
文字色
#FFFFFF
リンク文字色
#FF00FF
背景色
#000000
記事部分背景色
#333333

カスタマイズはもちろん自由です。
ファビコンを設置していますが、気に入らない方はHTMLのヘッダー部分に下記の記述がありますので、これを変更・削除下さい。
<link rel="SHORTCUT ICON" href="http://bfile.shinobi.jp/3291/ninja_favicon.gif">


【更新履歴】
070925 プラグイン部分のインデントが字下げになってしまっていたので、修正
[1]  [2]  [3]  [4]  [5]  [6]  [7]  [8]  [9
ブログ内検索
プロフィール
HN:
がりんぺいろ
性別:
非公開
自己紹介:
なんちゃってアフィリエイター
数年前から趣味のサイトをいくつか作っていましたが、軽い気持ちで置いたアフィリエイトが結構稼いでくれる。ここ2~3年はブログに夢中。といっても放置しているものが多い。
本業は硬い業種のサラリーマン。
バーコード
アクセス解析
忍者ブログで独自ドメイン・カスタマイズ Produced by がりんぺいろ
忍者ブログ [PR]
透過フォトver2.0 Designed by ninja-blog.com