本日は、以前取り上げた『Bloggerの文中にAmazonアフェリエイトを挿入するガジェットを見つけたのだが.....』の続編です。今回はAmazonのサイトでHTMLコードを作成しBlog内に埋め込む手順を紹介します。 1.まずはAmazonアソシエイトに参加登録をしましょう。登録後Amazonのページでログインすると、メニューバーの上にHTMLコードの作成ツールが増えているのが分かります。
Blogger:GTmetrixのWaterfallをみてページ速度向上を考えるでGoogleサイトに置いた外部ファイルの読み込みにはリダイレクトが2回も発生して表示速度の低下の原因になっていることがわかりました。もうGoogleサイトにファイルを置くのはやめることにします。 外部ファイルの中身を直接Bloggerに書き込む方法は2つある いまの時点でGooleサイトから読み込んでいる外部ファイルは、以下の4種類になります。 ①Blogger:SyntaxHighlighter(1)ブログにソースコードを綺麗に表示させるで導入したSyntaxHighlighterのcssとjsファイル ②SyntaxHighlighterにfleXcroll(1)カスタムスクロールバーを表示させるで導入したfleXcrollのcssとjsファイル ③Blogger:ページ番号付ページナビ(1)何ページ目を
導入編:DevAchieve: BloggerにソースコードをハイライトするSyntaxHighlighterを導入する SyntaxHighlighterを使用してソースをカラフルに表示するには、 以下の二通りの方法で記述することができます。 preタグを使う scriptタグを使う preタグを使う<pre class="brush: alias;"> // ココにソースを記述 </pre>メリット:後述のscriptタグと違ってハイライトスクリプトが読み込まれなくてもテキストとして表示される。 デメリット:<以降がタグとして認識されるため<と書き換えなければならない。 Bloggerの人気の投稿ウィジェットに表示される記事の前文にpreタグまで含まれると 表示が狂うことがある。(何が原因かわからないけどコレのせいで最初からHTML/CSS組み直した(´Д⊂ヽ) このせいで記事の
Syntax Highlighter Scripts Generatorを 使用しろと紹介してあるサイトが多いようだが、2014/10/24現在、リンクが切れてしまっていて良く分からないので、別の方法で BloggerでSyntaxHighlighterを使用する方法を調べてみた。 SyntaxHighlighterの公式ページのInstallationを見ると <!-- Include required JS files --> <script type="text/javascript" src="js/shCore.js"></script> <!-- At least one brush, here we choose JS. You need to include a brush for every language you want to highlight --> <scri
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く