CALENDAR
S M T W T F S
     12
3456789
10111213141516
17181920212223
24252627282930
31      
<< March 2024 >>
ARCHIVES
CATEGORIES
RECOMMEND
FROM ME TO YOU
FROM ME TO YOU (JUGEMレビュー »)
YUI,yukamatsumoto,Hideyuki“Daichi”Suzuki,Ikoman,northa+,COZZi
RECOMMEND
スポンサーサイト

一定期間更新がないため広告を表示しています

| - | | - | - |
SBSでアクセスは増えるのか。
ソーシャルブックマークサービス(SBS)経由でアクセスが増えるらしいというのを

どこかで見かけたのではてなブックマークdel.icio.usへの追加リンクを記事ごとにつけてみました。



内外にSBSはたくさんあるようですが、とりあえず有名所を選択してみました。

bookmark

お気に召した記事がございましたらクリックしてブックマークしてやってくださいませ。



Technorati Tags: , ,
| customize | 02:11 | comments(1) | trackbacks(0) |
lightbox.jsを使用する。
年初のご挨拶で少し実験させてもらっていますが、記事の中のサムネイルをクリックすると

別窓が開くわけでもなく元画像がパッと画面の上に出てくるようになっています。



これはlightbox.jsというjavascript(のライブラリ?)を利用すると出来るようになるのですが、それほどむずかしい事をしているわけではありません。



元記事を参考にCSSをすこし編集し、必要なファイルをアップロードしておきます。

あとはスクリプトを呼び出して記事の中のリンクタグをすこし変更するだけでいいのです。



すると(ページの読み込みが終ってからサムネイルをクリックしてください)

fugu bs!

bs!@fc2 ar

こんな風になります。



面白いですし、IEやOperaでも同じように動くのでこれから続けて使って行こうとおもってます。



Technorati Tags: ,



参考記事リンク

Lightbox JS

lightbox.js - Web2.0ライクな画像サムネイル生成 - OpenStratus
| customize | 01:48 | comments(8) | trackbacks(0) |
昨日の訪問者プラグイン

訪問者プラグインが使えるようになったようですが、リアルタイムで変わるわけじゃないので余り人気が無い様子。

必要ないけど一応うちのサイドバーのINFORMATIONの中のに付けてみてました。




開発日誌にはわざわざプラグインを追加しないといけない風に書いてますが


<script type="text/javascript" src="http://app.blog.livedoor.jp/***/daily_count.js"></script>

コレを入力するだけでOKのようですね。

※赤色の***は自分のIDに変えてください。




これなら余分なプラグインを増やさなくてもいいですし、フリーエリアを使っていろいろな情報と一緒に一纏めに出来ますし便利です。


参考記事

訪問者プラグイン(カウンター)が新しく加わりました!livedoor Blog 開発日誌



| customize | 22:03 | comments(2) | trackbacks(0) |
カスタマイズ記事を修正。
コメントに絵文字機能をlivedoor Blogで!」の記事を修正しました。



・アップロードせずにjavascriptをHTMLテンプレートに直接記述する方法を追加。

・リニューアル後に作られた新テンプレート使用時の編集項目を追加。





関連記事

コメントに絵文字機能をlivedoor Blogで!




| customize | 11:56 | comments(6) | trackbacks(0) |
とりあえずカスタマイズ終了。
とりあえずカスタマイズは完了しました。

#あとはCSSの切り替え機能を実装するだけ。



これからはこのHTMLテンプレートを使って行こうと思います。



今までのHTMLテンプレートと違う点はこの4点です。

・新機能(評価機能やコメントの絵文字など)が使える。(うちでは使いませんが)

・トップページ以外でもプラグイン(Aのみ)が表示される。

・リーダーやチェッカーズなどのクレジット部分が新しい3カラムテンプレートと同様に。+管理画面へのリンク

・フッタ部にコピーライトとFeedなどのリンクが入る。





旧のテンプレートのままだと新しい機能などが使えないので

いづれはこのHTMLテンプレートを配布し、今まで配布してきたCSSを修正して配布しなおすつもりにしています。

ただそれぞれ修正をかけないといけないので今しばらくお待ちください。


| customize | 00:29 | comments(4) | trackbacks(0) |
評価&気分アイコンを旧テンプレートでも表示させる。
記事を投稿する際、その日の気分などにあわせてアイコンを設定することが出来ます。

ただ旧のテンプレートを使っている場合はいくら設定してもブログでは表示されません。



ですが以前書いたコメント絵文字機能と同じく

HTMLテンプレートを編集すれば表示が可能なのでその方法を紹介させてもらいます。



※デザインを変更するとCSSだけでなくHTMLテンプレートまで変更されるようになっているので、カスタマイズをはじめる前にはバックアップはとりましょう。





まずブログの管理画面に入り「ブログの設定/管理」→「デザインの設定」と言う風にアクセスし

一番右下にある「カスタマイズ」をクリックしてください。



次に「トップページ」をクリックしてHTMLテンプレートを表示させてください。

その中に

<$ArticleTitle ESCAPE$>


という記述がありますので、そのすぐ後に

<$ArticleTitle ESCAPE$><IfArticleRating><$ArticleRatingIcon$></IfArticleRating>


赤文字部分を追加します。



続いて「個別記事ページ」「カテゴリ別ページ」「月別ページ」の各HTMLテンプレートもそれぞれ上記と同じように編集してください。



そして最後に全てのページで再構築してブログを確認してください。

記事タイトルの右側に設定したアイコンが表示されていれば成功です。



ここでは例として記事タイトルの右側にアイコンを表示させていますが、

<IndexArticlesLoop>〜</indexarticlesloop> - トップページ

<CategorizedArticlesLoop>〜</CategorizedArticlesLoop> - カテゴリ別ページ

<MonthlyArticlesLoop>〜</MonthlyArticlesLoop> - 月別ページ

の中ならどこでも大丈夫のようです。

個別記事ページの場合はどこでもOKっぽいです。



関連記事

コメント絵文字機能を旧テンプレートでも。

新環境をさわってみた。

追加された独自タグリスト(暫定)。


| customize | 23:55 | comments(8) | trackbacks(0) |
コメント絵文字機能を旧テンプレートでも。
livedoor Blog サポート同盟で質問されていた新機能を旧テンプレートで使う方法を紹介します。

移行が進んでいけば他にも必要になりそうな人がでてくると思うので先に記事にしちゃおうって事ですね。



とりあえず今回はコメント欄でも絵文字を使用する方法です。(ほぼ同盟BBSでの発言のコピペですが)

※また、サイドバーにあるコメントに絵文字機能とは別物です。





まずブログの管理画面に入り「ブログの設定/管理」→「デザインの設定」と言う風にアクセスし

一番右下にある「カスタマイズ」をクリックしてください。



次に「個別記事ページ」をクリックして個別記事のHTMLテンプレートを表示させてください。

編集する前にはバックアップをとってから行なうことをオススメします。



でははじめに

<title><$BlogTitle ESCAPE$>:<$ArticleTitle ESCAPE$></title>
このTITLEタグの直下に

<title><$BlogTitle ESCAPE$>:<$ArticleTitle ESCAPE$></title>

<script type="text/javascript" src="<$EmojiJsUrl$>"></script>
赤文字部分を入力。



次にコメントフォームの

<tr>

<td valign="top"><label for="text">コメント: </label></td>

<td><textarea id="text" name="body" rows="10" cols="50"></textarea></td>

</tr>
この部分を

<tr>

<td valign="top"><label for="text">コメント: </label></td>

<td>

<a href="javascript:void(0);" id="emojiLink1" onClick="showEmojiPanel(this.id, 'text')"><img src="http://parts.blog.livedoor.jp/img/usr/cmn/tool.gif" id="tool" width="18" height="18"></a>

</td>

</tr>

<tr>

<td valign="top">&nbsp;</td>

<td>

<textarea id="text" name="body" rows="10" cols="50"></textarea>

<div id="emoji" style="position:absolute; left:30px; display:none;"></div>

</td>

</tr>
この赤文字に置き換えてください。



左メニューの再構築から「全てのページ」で再構築をかけて個別記事ページにアクセスしてみてください。



・顔のアイコンをクリックすると絵文字パネルが表示される。

・好きな絵文字をクリックするとコメント欄に絵文字タグが入力される。

・コメント送信後、入力した絵文字がコメント中に表示されている。

上の三つが確認できれば完了です。

※環境によってうまく動かないこともあるのでご注意くださいませ。



絵文字パネルのスタイルはCSSに

#emoji{}
を追加して背景色やボーダーラインなど好きに設定してみてください。



それからリニューアル後はデザインを変更するとHTMLテンプレートまで変更されるようになっているので、

毎回カスタマイズする面倒を考えるとこの個別記事ページのHTMLテンプレートは保存しておいた方がいいかもしれません。



関連記事

新環境をさわってみた。
| customize | 20:57 | comments(18) | trackbacks(0) |
移行作業中なのにデザイン変えて・・・
refresh遊んでみる。



そろそろ夏なので爽やかーな感じにしてみました。

画像を切ってもまぁまぁ大丈夫にしています。




移行完了後はたぶん崩れちゃうんだろうな・・・


| customize | 01:24 | comments(2) | trackbacks(0) |
懲りずにまた・・・
emoji+

コメントで使える絵文字を追加しました。



前回は(くわしく書きわすれてた)

うなずく、つるべ、はくしゅ、禁止、注意、対極、TV、注射、ビール、グレイ、アンパンマン、パンダ、イヌ、ネコ、ネズミ、ケーキ、プリン、リラックマ3つ、コリラックマ4つ。

を追加。



今回はふりむく、サムアップ、えんぴつ、お天気6つ、球技3つ、ひまわり、打ち上げ花火、ぷいぷいさん3つ。

が使えるようになりました。



・・・こんな事してないではやくテンプレ作りなさい。(汗)
| customize | 23:05 | comments(2) | trackbacks(0) |
絵文字を追加。
emoji

コメント欄で使える絵文字の種類を記号や動物などを主に追加してみました。

それだけといっちゃーそれだけ。ただそれだけ。
| customize | 23:45 | comments(2) | trackbacks(0) |
| 1/5PAGES | >>