あにずむ

Learn from yesterday, live for today, hope for tomorrow.

 

はてなスター設置! このエントリーをはてなブックマークに追加

はてなスターを設置してみました(*゚∀゚)

最初「はてなスターをブログに設置するには」を見ながらやっていたのですが
どうやらここに載っている方法ではもう出来ないようです。。ヽ(#`Д´)ノ

今は
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.Token = '登録時に発行されたもの';
</script>
を↓にするとうまくいくようです(・∀・)
<script type="text/javascript" src="http://s.hatena.ne.jp/js/HatenaStar.js"></script>
<script type="text/javascript">
Hatena.Star.SiteConfig = {
    entryNodes: {
           'div.article-outer': {
           uri: 'h2 a',
           title: 'h2',
           container: 'h2'
       }
    }
};
Hatena.Star.Token = '登録時に発行されたもの';
</script>
ちなみに「はてなスターをブログに設置するには」では

↓を追加すると書いてありましたが、必要ないので省きました。
<div class="posted" style="display:none;"><a href="<$ArticlePermalink$>"></a></div>

※livedoor blogの場合の設置方法になります。

コードを綺麗に載せたい→SyntaxHighlighter 2 このエントリーをはてなブックマークに追加

javascriptのコードを掲載されているBlogのほとんどが
行番号ついていたり、要素の色が変わっていたりと非常に見やすかったので導入!

今回導入したのは
SyntaxHighlighter
現在の最新版は2.0.296のようです。

まずはここからダウンロードしてルートに配置!

さて、早速使ってみよう!。。。。。。あれ
コレってどこで読めばいいんだ!?
記事内で読ませてここだけ出来たってしょうがないし。。。

ヘッダとかにインポートできるような設定あったっけ!?

ん。。。無い。。。どうすればいいんだ。。
管理用の設定を探索すること15分余り

プラグイン追加の中を見ていると・・・
フリーエリアプラグイン

あった〜!.。゚+.(・∀・)゚+.゚

URLを入力して・・・ページを確認してみると・・・成功!
ついでにgoogle Ajax Libraries APIでも登録しとくか、、

んで肝心のSyntaxHighlighterですが
↓こんな感じ!

function() test{alert('test');}

preタグで囲って、classをそれぞれ対応している言語にあわせます。
<pre class="brush: js">
function() test{
alert('test');
}
</pre>
Bash/shell、C#、C++、CSS、Delphi、Diff、Groovy
JavaScript、Java、Perl、PHP、Plain Text、Python
Ruby、Scala、SQL、Visual、XML
に対応しているようです。

ソースを表示させるときはコレをつかおーっと!
こんてんつ
アクセスカウンター
  • 今日:
  • 昨日:
  • 累計:

相互リンク☆
iphoneアプリ,ipodアプリの動画レビューサイト
TopHatenar
ぷちカンパ
WebMoney ぷちカンパ
人気ブログランキング
人気ブログランキング
にほんブログ村
ブログランキング【ブロブロ】
Amazonライブリンク
Silverlignt
ブログタイムズ
  • ライブドアブログ