M E N U

Silent_Noiseのカスタマイズ2(ローソンガジェット)

Silent_Noise_W

もうそろそろ、他の部分の修正もした上で、レスポンシブWebデザインに変更しようと思っていたのですが、とりあえず今の段階で出来ることをば。

■ローソンガジェットの設置方法

ローソンガジェット|エンタメ・キャンペーン|ローソン

(参考記事)
【ブログパーツ】記事を簡単に共有!ローソンの「シェアして♪ガジェット」を設置してみた | 快適風味

ローソンガジェット 表示されない – Google 検索

結論から書くと、
01 まとめて♪ガジェット
02 ハラペコ♪ガジェット
なら、プラグインのフリーエリアなどを利用して設置可能。

03 シェアして♪ガジェットは、サイドのプラグインの開閉デザインをやめれば設置可能。
(このjsが原因と思われるので)

ということで
■03 シェアして♪ガジェットの設置方法
(これでダメな場合は、参考記事にもあるように、他のガジェット・ブログパーツも調べてみるとよい。)

1.HTMLのhead内のjquery.min.jsのリンクと、プラグイン開閉用のjavascript=<head>~</head>内の以下の部分を削除。
<script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.1/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(function() {

(略)

});
});
});
</script>
2.続いて、スタイルシート内の/*–//jsで開閉するブロック//–*/display: none; /* for Google Chrome */も削除。
/*=============================================================
* Side Menu (サイドメニュー=プラグイン1と2)
=============================================================*/

(略)
/*--//jsで開閉するブロック//--*/
.js_close {
display: none; /* for Google Chrome */
padding: 10px 0 5px;
}
/*=============================================================
* Side Menu (サイドメニュー=プラグイン1と2)
=============================================================*/

(略)
/*--//jsで開閉するブロック//--*/
.js_close {
padding: 10px 0 5px;
}
3.その上で、任意の場所にコードをコピペする(</body>直前などが無難か)。
関連記事

Comment

Post a comment

非公開コメント

上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。