.monospace {
fontfamily: monospace;
}
クロスドメイン制約 を 回避 する クライアント実装 を document.domain を利用して実現します。
クロスドメイン通信 を実現するには "サーバー側" と "クライアント側" の2カ所に対して手を入れる必要があるかどうか考えます。
ここでは、"クライアント側" に手を加えて クロスドメイン通信 を実現する方法を載せます。
具体的には、document.domain を変更することで信頼する範囲を広げて クロスドメイン通信 を行えるようにします。
9月 2013年
Blogger に pocket の "pocket" ボタン を 設置 する 方法
Blogger に Pocket の "pocket" ボタン を 設置、追加する方法を記載します。
各ページ （投稿） に対する ボタン です。
ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。
表示したい位置へ コピー & ペースト して利用してください。
作業手順手としては次の通りです。
※その他の ソーシャルボタン もまとめて追加する方法は こちら。
※ソースコード は ダブルクリック すると、全選択できます。
Akinari Tsugo
20:50
Blogger,
マニュアル,
拡張
Blogger に はてなブックマーク の "B!" ボタン を 設置 する 方法
Blogger に はてなブックマーク の "B!" ボタン を 設置、追加する方法を記載します。
各ページ （投稿） に対する ボタン です。
ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。
表示したい位置へ コピー & ペースト して利用してください。
作業手順手としては次の通りです。
※その他の ソーシャルボタン もまとめて追加する方法は こちら。
※ソースコード は ダブルクリック すると、全選択できます。
Akinari Tsugo
17:56
Blogger,
マニュアル,
拡張
Blogger に google の "+1" ボタン を 設置 する 方法
Blogger に google の "+1" ボタン を 設置、追加する方法を記載します。
各ページ （投稿） に対する ボタン です。
ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。
表示したい位置へ コピー & ペースト して利用してください。
作業手順手としては次の通りです。
※その他の ソーシャルボタン もまとめて追加する方法は こちら。
※ソースコード は ダブルクリック すると、全選択できます。
Akinari Tsugo
15:09
Blogger,
マニュアル,
拡張
Blogger に facebook の "いいね" ボタン を 設置 する 方法
Blogger に facebook の "いいね" ボタン を 設置、追加する方法を記載します。
各ページ （投稿） に対する いいね ボタン です。
ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。
表示したい位置へ コピー & ペースト して利用してください。
作業手順手としては次の通りです。
※その他の ソーシャルボタン もまとめて追加する方法は こちら。
※ソースコード は ダブルクリック すると、全選択できます。
Akinari Tsugo
2:44
Blogger,
マニュアル,
拡張
Blogger に twitter の "ツイート" ボタン を 設置 する 方法
Blogger に twitter の "ツイート" ボタン を 設置、追加する方法を記載します。
各ページ （投稿） に対する ツイート ボタン です。
ここに載せる コード は ブログ テンプレート に対してコピペ で使えるようにしてあります。
表示したい位置へ コピー & ペースト して利用してください。
作業手順手としては次の通りです。
その他の ソーシャルボタン もまとめて追加する方法は こちら。
Akinari Tsugo
22:11
Blogger,
マニュアル,
拡張
Blogger に ソーシャルボタン を 設置 する 方法
Blogger に twitter の 「ツイート」、facebook の 「いいね」、google の 「+1」、はてなブックマーク の 「B!」、Pocket の 「Pocket」 ボタン 等、
俗に言う ソーシャルボタン を まとめて 一気 に設置する方法をここでは載せます。
いろいろと方法はあるかと思いますが･･･ここでは、 Blogger の テンプレート を編集して実現する方法です。
([2015/03/15] 本記事ではそれぞれのSNS提供モジュールを利用しています。オリジナルデザインにしたい場合、"Blooger に オリジナルデザイン の ソーシャルボタン を設置する方法" をご参照ください。)
ソーシャルボタン 設置手順
メニュー から [テンプレート] を選択し、 [HTML の編集] を開きます。
Akinari Tsugo
1:56
Blogger,
マニュアル,
拡張
JavaScript タッチ イベント （MSIE）
.events
{
margin-left: 2em;
}
.events dt
{
margin-top: 1em;
}
.events dd
{
}
.properties
{
margin-left: 2em;
width: 100%;
border-collapse: collapse;
}
.properties thead
{
background-color: #f5f5f5;
}
.properties th, .properties td
{
border: 1px solid #dddddd;
padding: 0.5em 0.8em;
}
.name
{
font-weight: bold;
width: 13em;
}
.type
{
color: #cccccc;
...
Akinari Tsugo
0:39
HTML,
Internet Explorer,
JavaScript,
マニュアル
JavaScript タッチ イベント （webkit）
.events
{
margin-left: 2em;
}
.events dt
{
margin-top: 1em;
}
.events dd
{
}
.properties
{
margin-left: 2em;
width: 100%;
border-collapse: collapse;
}
.properties thead
{
background-color: #f5f5f5;
}
.properties th, .properties td
{
border: 1px solid #dddddd;
padding: 0.5em 0.8em;
}
.name
{
font-weight: bold;
width: 10em;
}
.type
{
color: #cccccc;
...
Akinari Tsugo
0:39
HTML,
JavaScript,
マニュアル