ありのごとくあつまりてFC2ブログカスタマイズ,共有テンプレート,素材リンク集,フリーソフトの紹介など。 迷子にならないブログ作りを目指し... 何か1つでも お役に立てる情報 を提供できたらいいなぁと思っています。

このページの記事目次 (カテゴリー: ブログカスタマイズ上級 30 件)

  ← 前のページ  total 8 pages  次のページ →  

スポンサーサイト

--/--/-- (--)  カテゴリー: スポンサー広告
上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-.html

--/--/-- ~ | Comment (-) tweet? | ↑ ページ先頭へ ↑ |

コメント受付期間終了後も コメントを表示する

2010/03/13 (土)  カテゴリー: ブログカスタマイズ上級

FC2ブログでは 記事毎に 「コメントを受け付ける」「受け付けない」 の設定が可能で、受付期間なども設定できるようになっているのですが...これ、「コメントを受け付けない」 を選んでしまうと、受付期間内 のコメントまで 全て表示されなくなってしまうことをご存知ですか? (※データが無くなることはありません)

私はこの設定を殆ど利用することが無かったので、受付を終了にしたら コメント投稿欄 が表示されなくなるだけだろうと勝手に思い込んでいたのですが。。。
「あれ~ これまでのコメントまで読めなくなっちゃうの~~」 とかなりショックを受けました。せっかく頂いたコメントはやっぱり残しておきたい。

で、例のごとく色々調べてみたら 「これまでのコメントも表示されなくなる」 のが FC2ブログ の標準仕様ではありますが、ちょっとカスタマイズすれば 「受付期間終了後もそれまでのコメントを表示する」 ということは可能でした。

FCafe AREAの入れ子 より引用:
commentブロックをcomment_areaブロックの外に出してもコメントは表示される
上記のようにした場合、「コメント拒否」設定でも既存のコメントを表示できる

なるほど~。そんな裏技があるのか。。。 と、早速 テストしてみました。

キーワード検索 : FC2ブログ  コメント  変数  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-118.html

2010/03/13 ~ | Comment (2) tweet? | ↑ ページ先頭へ ↑ |

検索用語のハイライト機能を and検索 対応に

2010/03/02 (火)  カテゴリー: ブログカスタマイズ上級

FC2ブログの サイト内検索 の検索結果ページで、その検索文字列を ハイライト(強調表示)する方法 [ 前回の記事 : 検索用語をハイライト(強調表示)するスクリプト ] で紹介したもの、これを and検索 対応 (複数ワード検索対応) にしたので追記します。

前回もお世話になった、Hatena::Diary 130単位(deeekiさん) の 改良サンプル を参考にFC2ブログに適応させてみました。 検索BOX は公式のものでもOKです。

サンプル → 複数ワード検索 ./?q=JavaScript+%E5%BC%B7%E8%AA%BF
検索BOX に 「JavaScript(半角スペース)強調」 と入力した場合のサンプルです。 ページ読み込み後に 検索用語 がそれぞれ強調表示されます。

<head> 部分 (前回のソースの一部を以下と変更)

[ 前回の記事 : 検索用語をハイライト(強調表示)するスクリプト ]
※読み込む jQuery jsファイル,スタイルシートの設定 など 基本部分は同じものなので、前回の記事 を参照してください。 ソースの一部を以下のものと変更します。

<!--search_area-->
<script type="text/javascript">
$(function(){
$("#ハイライトを機能させたい範囲の ID名")
var words = [];
words = ("<%search_word>")
.replace(/^¥s+|¥s+$/g, "")
.replace(/¥s+/g, " ")
.split(" ");
for (i in words) {
if (words[i] != "") {
$("#ハイライトを機能させたい範囲の ID名").highlight(words[i]);
$("#overtureAds").removeHighlight();
}
}
});
</script>
<!--/search_area-->

ハイライト(強調表示) を機能させたくない部分を設定することができるので、2010年3月から FC2ブログの 検索結果ページで 自動挿入されるようになってしまった 「スポンサーサーチ」 という広告部分 (#overtureAds 部分) では 検索用語と一致している文字列があってもハイライトしないようにしてあります。

キーワード検索 : jQuery  サイト内検索  ブログ内検索  強調表示  javascript  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-114.html

2010/03/02 ~ | Comment (3) tweet? | ↑ ページ先頭へ ↑ |

検索用語をハイライト(強調表示)するスクリプト

2010/02/24 (水)  カテゴリー: ブログカスタマイズ上級

jQuery (ジェイ クエリー,javascriptライブラリ)を使ってFC2ブログの 検索結果ページ と タグ検索結果ページ の検索用語 にハイライト機能 をつける方法を紹介します。
[ 参照:jQuery 指定した文字列をハイライトするプラグイン - 130単位 ] 

これは Hatena::Diary の 130単位(deeekiさん) のサイトで紹介されている highlight: JavaScript text higlighting jQuery plugin を利用したものですが、deeekiさん の協力の下、FC2ブログに適応する形にして使わせていただいたものです。 プラグイン自体は 2KB程度 のシンプルなもので、ハイライトする文字は 大文字でも小文字でもOK,自動・手動はお好みで... などかなり使えるスクリプトだと思います。

  • 検索結果ページ
    ページ読み込み完了後 検索用語 が自動でハイライトされます。
    ← 画像 1枚目

  • タグ検索結果ページ
    「強調表示する」 というボタンをクリックした時に そのタグをハイライト表示します。
    ← 画像 2枚目

※追記: 2010年3月~ FC2ブログの サイト内検索 「検索結果ページ」 に スポンサーサーチ という広告が 自動挿入 されるようになっちゃいました。 挿入される広告のアンカー(a)のスタイル設定 の影響で、「広告部分が 横まで伸びる黄色い帯だらけ になってしまう」 という状態になってしまったので、その対策もしておきました。

FC2総合インフォメーション 【ブログ】ブログ内検索の変更について
2010/02/26 の記事より引用:

FC2ブログの、ブログ内検索の動作が変更になります。 現在、一部サーバーにて試験的に適用していますが、 順次、各サーバーに適用し、3月上旬には全適用となる予定です。

ちなみに、FC2ブログでの キーワードの強調表示 は FCafe(danielさん) の 『KW強調ボタン』 や 共有プラグインをDLするだけでも使える 『Hilight_KW』 を使用することでも実装可能です。 (※共有テンプレート ari_seoシリーズ では この『KW強調ボタン』 をアレンジして使わせていただいています。[ 参照 ] )
※『Hilight_KW』 は、そのままだとレイアウトが乱れてしまう場合があると思うので、『KW強調ボタン』 の記事を参考に手を加えた方が良いかもしれません。。。

ところで jQuery って何?

まず、私もつい最近まで殆ど未知の領域だったのですが...「jQuery って何??」 という方は → はじめてのjQuery を参照すると基本が理解できると思います。


  • jQueryプログラミング入門
  • jQueryで作るAjaxアプリケーション
  • jQueryプラグインブック
  • jQuery+JavaScript実践リファレンス
  • jQuery UI+厳選プラグイン41実践サンプル集
  • これはあくまで 見本ネタ として作ったものなので... 1つも読んだことないです。 ごめんなさい。

FC2ブログへの設置方法

キーワード検索 : jQuery  サイト内検索  ブログ内検索  強調表示  javascript  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-111.html

2010/02/24 ~ | Comment (13) tweet? | ↑ ページ先頭へ ↑ |

変数の裏技を使って 新着表示 を好きな場所に

2010/01/04 (月)  カテゴリー: ブログカスタマイズ上級
新着 Newマーク

新着コメントが付いたこと 皆さんはどのように確認していますか? 

  1. 自分のブログで確認 
  2. 管理ページで確認 
  3. お知らせメールを受信 
  4. RSSフィードを利用 

私は、「自分のブログで確認」 することが一番多いのですが、 上のナビゲーションメニューを開かないと確認できないのがちょっとネックで... 「今日はコメント無しか。。。」 「今日も無しか。。。」 「今日もコメント無しか。。。」 こんな作業を数日続けているとだんだん嫌に(?)なってきます。

プルダウン式などではなくても、最近のコメント一覧(リスト表示)が ブログのかなり下の位置 にあるサイトも結構多いと思うので、「新着コメントあり!!」 っていうのが一目で判る方法があったら便利 ではないでしょうか?


新着コメント や 新着記事がある場合、そのお知らせ (例:Newマーク) を好きな場所に1つだけ表示する方法

キーワード検索 : FC2ブログ  Newマーク  javascript  変数  コメント  

スポンサーリンク

はてなブックマーク  Google Bookmarks Google Bookmarks Yahoo!ブックマーク Facebook Twitter
お役に立ちましたら、応援して頂けると嬉しいです(*´`*)
記事を読んで頂きありがとうございます。 FC2ブログランキング

URL http://arinogotokuatumarite.blog19.fc2.com/blog-entry-102.html

2010/01/04 ~ | Comment (0) tweet? | ↑ ページ先頭へ ↑ |
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。