独自ドメインを無料で利用できる忍者ブログでカスタマイズ・テンプレート・アフィリエイトを徹底調査
■2007年11月の記事一覧
[2007/11/27] 忍者ブログで記事編集ページへの直接リンク
[2007/11/20] スノーマン(共有テンプレート)
[2007/11/17] 雪だるまのテンプレに変えてみました。
[2007/11/02] カテゴリ・アーカイブページの記事一覧表示
[2007/11/20] スノーマン(共有テンプレート)
[2007/11/17] 雪だるまのテンプレに変えてみました。
[2007/11/02] カテゴリ・アーカイブページの記事一覧表示
私のブログは日記的要素が少なく、さかのぼって古い記事を見直して編集することが多くあります。
そんなときにブログから直接記事編集ページに移動できるリンクがあると便利です。
ブログに関するメインサイトをSEESAAで運用していて、そのようなリンクを設置しています。(SEESAAの場合は管理画面の移動が遅いのも必要な理由の一つですが)
記事編集ページへの直接リンク
このninja-blog.comも少しずつ記事が増え、そろそろ該当する記事を編集するにも探すのが面倒になってきたので、独自構文解説書/構文辞典INDEXを参考に、ブログから直接記事編集ページへアクセスできるリンクを設置してみました。
当ブログの各記事フッターに「Edit」というリンクがありますが、そこをクリックすると当該記事の編集ページに移動出来ます。
ただし、ログインしていないと移動できませんので、当然ID・パスワードを知らない人は記事編集出来ません。
同様にカスタマイズしたい方は参考にしてください。
<記事編集画面へのリンク設置方法>
「管理画面」-「テンプレート設定/編集」で現在使用中のテンプレートの「修正」をクリック
記事のフッター部分(標準的には<div class="EntryFooter">を探してみてください)に下記のタグを追加
(私は記事フッターに置きましたが、<!--entry-->から<!/--entry-->の間であればどこでも設置可能)
「target="_blank"」は好みに応じて削除しても結構です。
アンカーテキスト「Edit」も「記事編集」など使いやすい文字に変更下さい。「.」や「_」など目立たない文字にするのも一つの方法です。
<参考:利用したタグ>
記事番号
ブログのURL
そんなときにブログから直接記事編集ページに移動できるリンクがあると便利です。
ブログに関するメインサイトをSEESAAで運用していて、そのようなリンクを設置しています。(SEESAAの場合は管理画面の移動が遅いのも必要な理由の一つですが)
記事編集ページへの直接リンク
このninja-blog.comも少しずつ記事が増え、そろそろ該当する記事を編集するにも探すのが面倒になってきたので、独自構文解説書/構文辞典INDEXを参考に、ブログから直接記事編集ページへアクセスできるリンクを設置してみました。
当ブログの各記事フッターに「Edit」というリンクがありますが、そこをクリックすると当該記事の編集ページに移動出来ます。
ただし、ログインしていないと移動できませんので、当然ID・パスワードを知らない人は記事編集出来ません。
同様にカスタマイズしたい方は参考にしてください。
<記事編集画面へのリンク設置方法>
「管理画面」-「テンプレート設定/編集」で現在使用中のテンプレートの「修正」をクリック
記事のフッター部分(標準的には<div class="EntryFooter">を探してみてください)に下記のタグを追加
(私は記事フッターに置きましたが、<!--entry-->から<!/--entry-->の間であればどこでも設置可能)
<A href="<!--$g_url-->hoge/EditEntry/<!--$entry_no-->/" target="_blank">Edit</a>
「target="_blank"」は好みに応じて削除しても結構です。
アンカーテキスト「Edit」も「記事編集」など使いやすい文字に変更下さい。「.」や「_」など目立たない文字にするのも一つの方法です。
<参考:利用したタグ>
記事番号
ブログのURL
今朝はようやく冬が近づいてきたという感じの朝でした。
当サイトのテンプレートは長らく同じものを使ってきましたが、冬の到来に合わせて冬らしいものを作ってみました。
私自身は背景が白で、シンプルなのに立体感のあるデザインが好きで、共有にUPしているものとはかけ離れた細かいグラデーションを積み上げたアメリカのWebデザインに感動しています。自分の勉強ついでにこんなの出来ないかなぁと遊びながら作ったテンプレートが多いので、自分の趣味とはいつも離れていってしまうのです。
当ブログで使えそうなものを1から作ってみたいなぁと前々から考えていたのですが、グラフィックデザインが下手すぎて、なかなか気に入ったものが出来なかったかったのです。
このテンプレは、私がはじめてFlashのアクションスクリプトに挑戦して作ったもので、素人Flashですいません。何で雪の結晶は落ちないの?という突っ込みを浴びそうです(笑)
ランダム関数を使って、揺らぎの幅・スピード、落下スピード、雪の粒の大きさなどを変化させて、奥行き感やフワッとした雰囲気を出しています。
Flashアクションスクリプトはhttp://www.tutorio.com/の記事を参考にアレンジをしたのですが、何故か該当ページが削除されてしまい、ご紹介出来ません。
Flash講座さんのサイトにほぼ同じ設計のアクションスクリプトがありましたので参考にしてください。ちょこっとプログラムをかじった方なら基本的なものしか使っていませんので簡単ですね。
ブログでFlashを使うのもナローバンドな(通信速度が遅い)訪問者には、表示に時間がかかるなどの負担をかけてしまうので、本来はよろしくないのでしょうが、初物なのでファイルサイズを小さめにして使ってみました。
因みにPhotoshopでの画像作成は下記サイトを参考にさせて頂きました。
試行錯誤を繰り返すうちに全く似ていないものになりましたが...
Create a Holiday Card with Snowman
07.11.20 共有テンプレートの承認がおりました。
詳しくはこちら → スノーマン(共有テンプレート)
当サイトのテンプレートは長らく同じものを使ってきましたが、冬の到来に合わせて冬らしいものを作ってみました。
私自身は背景が白で、シンプルなのに立体感のあるデザインが好きで、共有にUPしているものとはかけ離れた細かいグラデーションを積み上げたアメリカのWebデザインに感動しています。自分の勉強ついでにこんなの出来ないかなぁと遊びながら作ったテンプレートが多いので、自分の趣味とはいつも離れていってしまうのです。
当ブログで使えそうなものを1から作ってみたいなぁと前々から考えていたのですが、グラフィックデザインが下手すぎて、なかなか気に入ったものが出来なかったかったのです。
このテンプレは、私がはじめてFlashのアクションスクリプトに挑戦して作ったもので、素人Flashですいません。何で雪の結晶は落ちないの?という突っ込みを浴びそうです(笑)
ランダム関数を使って、揺らぎの幅・スピード、落下スピード、雪の粒の大きさなどを変化させて、奥行き感やフワッとした雰囲気を出しています。
Flashアクションスクリプトはhttp://www.tutorio.com/の記事を参考にアレンジをしたのですが、何故か該当ページが削除されてしまい、ご紹介出来ません。
Flash講座さんのサイトにほぼ同じ設計のアクションスクリプトがありましたので参考にしてください。ちょこっとプログラムをかじった方なら基本的なものしか使っていませんので簡単ですね。
ブログでFlashを使うのもナローバンドな(通信速度が遅い)訪問者には、表示に時間がかかるなどの負担をかけてしまうので、本来はよろしくないのでしょうが、初物なのでファイルサイズを小さめにして使ってみました。
因みにPhotoshopでの画像作成は下記サイトを参考にさせて頂きました。
試行錯誤を繰り返すうちに全く似ていないものになりましたが...
Create a Holiday Card with Snowman
07.11.20 共有テンプレートの承認がおりました。
詳しくはこちら → スノーマン(共有テンプレート)
ブログのカスタマイズページとアーカイブページに記事一覧を加えました。
以前読んだhttp://customize.blog.shinobi.jp/さんのページにあったタグを使わせて頂きましたが、当該ページは削除されてしまっていますので、引用しご紹介します。
メイン部分の<!--entry-->を探し、その上に下記htmlを挿入します。
テンプレにsnowmanを使っている場合、
【HTML】
次にCSSの一番下などに下記を貼り付け。ご自分のテンプレに合わせてカラーなど変更。
以前読んだhttp://customize.blog.shinobi.jp/さんのページにあったタグを使わせて頂きましたが、当該ページは削除されてしまっていますので、引用しご紹介します。
メイン部分の<!--entry-->を探し、その上に下記htmlを挿入します。
テンプレにsnowmanを使っている場合、
<!--/plugin5-->
■ここに下記htmlタグを追記■
<!--entry-->
【HTML】
<!-- タイトル一覧【カテゴリページ】 -->【CSS】
<!--if_category-->
<div class="TitleListBox">
<div class="TitleListTitle">■<!--$g_page_title--></div>
<div class="TitleListText">
<!--entry-->
[<!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day-->] <a href="<!--$entry_link-->"><!--$entry_title--></a> (No.<!--$entry_no-->)<br />
<!--/entry-->
</div>
<div class="TitleListPageLink">
<!--if_prev_page--><a href="<!--$pagelink_prev_link-->">≪</a> <!--/if_prev_page-->
<!--pagelink_10-->
[<!--$pagelink_10_link-->]
<!--/pagelink_10-->
<!--if_next_page--><a href="<!--$pagelink_next_link-->">≫</a> <!--/if_next_page-->
</div>
</div>
<!--/if_category-->
<!-- /タイトル一覧【カテゴリページ】 -->
<!-- タイトル一覧【アーカイブページ】 -->
<!--if_date-->
<div class="TitleListBox">
<div class="TitleListTitle">■<!--$g_page_title--></div>
<div class="TitleListText">
<!--entry-->
[<!--$entry_year-->/<!--$entry_mon-->/<!--$entry_day-->] <a href="<!--$entry_link-->"><!--$entry_title--></a> (No.<!--$entry_no-->)<br />
<!--/entry-->
</div>
<div class="TitleListPageLink">
<!--if_prev_page--><a href="<!--$pagelink_prev_link-->">≪</a> <!--/if_prev_page-->
<!--pagelink_10-->
[<!--$pagelink_10_link-->]
<!--/pagelink_10-->
<!--if_next_page--><a href="<!--$pagelink_next_link-->">≫</a> <!--/if_next_page-->
</div>
</div>
<!--/if_date-->
<!-- /タイトル一覧【アーカイブページ】 -->
次にCSSの一番下などに下記を貼り付け。ご自分のテンプレに合わせてカラーなど変更。
/*-------------------------------------------------------
記事タイトル一覧部分 > 全体
-------------------------------------------------------*/
.TitleListBox {
font-size: 95%; /* フォントサイズ */
width: 542px; /* 枠の幅 */
text-align:left; /* テキスト位置 */
background-color:#E6E6FA; /* 背景色 */
border:1px solid #CCCCCC; /* 枠線の設定 */
padding:5px; /* 内側余白 */
margin: 0px 0px 15px 0px; /* 外側余白 */
}
/*-------------------------------------------------------
記事タイトル一覧部分 > タイトル
-------------------------------------------------------*/
.TitleListTitle {
font-weight: bold;
}
/*-------------------------------------------------------
記事タイトル一覧部分 > テキスト
-------------------------------------------------------*/
.TitleListText {
font-size: 95%;
text-align:left;
margin: 0px 0px 0px 10px;
}
/*-------------------------------------------------------
記事タイトル一覧部分 > ページリンク
-------------------------------------------------------*/
.TitleListPageLink {
font-size: 95%;
text-align:center;
}
独自ドメインの設定
カテゴリー
最新記事
(11/21)
(08/26)
(08/05)
(02/27)
(11/27)
(11/20)
(11/17)
(11/02)
(10/31)
(10/31)
(10/26)
(10/24)
ブログ内検索
プロフィール
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)
スポンサード リンク
アクセス解析











