オレンジ猫開発ブログ
覚えることが多いので、書きなぐっていこう……。+ﾟ(ｐωｑ)ﾟ+｡ ブログで書きたいこと書きながらせこせこ作っていこうと決意してブログを作成ﾜﾁｮ――ヽ(･∀･)ﾉ――ｲ♪
×
[PR]上記の広告は3ヶ月以上新規記事投稿のないブログに表示されています。新しい記事を書く事で広告が消えます。
ソースをきれいに見せるSyntaxHighlighterを忍者ブログで使ってみました(*･ω･*)
結果は、ほい(ﾉω｀*)
■ご参考にさせて頂きました素敵サイト rel@box
■めちゃくちゃ簡単に説明すると
（１）ダウンロード（SyntaxHighlighter）
（２）ダウンロードしたファイルを解凍
（３）解凍したファイルで必要なのをアップロード
▼scriptフォルダ
shCore.js（必須）
shBrushPhp.js(表示させたい言語）
▼stylesフォルダ(全部必要だと思う）
shCore.css
shCoreDefault.css
shThemeDefault.css
（４）テンプレート編集
左側のメニュー 「デザイン」テンプレートの設定から編集
→HTML編集枠の
SyntaxHighlighter.all();というスクリプトを宣言
<title> ~ </title>の直下に私は配置しました(*ﾟｪﾟ*)
こんな(*´-д-)ﾌｩ-3に追加
<pre class="brush: php;"> Hello World </pre>
Hello Worldきれいですね、オプションの設定とかはまた今度・・・
■ご参考にさせて頂きました素敵サイト rel@box
■めちゃくちゃ簡単に説明すると
（１）ダウンロード（SyntaxHighlighter）
（２）ダウンロードしたファイルを解凍
（３）解凍したファイルで必要なのをアップロード
▼scriptフォルダ
shCore.js（必須）
shBrushPhp.js(表示させたい言語）
▼stylesフォルダ(全部必要だと思う）
shCore.css
shCoreDefault.css
shThemeDefault.css
（４）テンプレート編集
左側のメニュー 「デザイン」テンプレートの設定から編集
→HTML編集枠の
SyntaxHighlighter.all();というスクリプトを宣言
<title> ~ </title>の直下に私は配置しました(*ﾟｪﾟ*)
（５）記事を編集
こんな(*´-д-)ﾌｩ-3に追加
<pre class="brush: php;"> Hello World </pre>
PR
ブログ内検索
カレンダー
バーコード
プロフィール
ＨＮ：
オレンジ猫
性別：
非公開
カウンター
| HOME |