2022年2月3日木曜日

Blogger標準のウィジェットCSSを無効にする

Blogger

通常であれば必要無いんですが、もう一歩踏み込んで手を入れたい場合

Code:
<html b:css='false'
(有効にする場合は b:css='true'でも可)

バージョンによって読んでいるウィジェットCSSが違うと思うんですが、
(無効にする前にソースから確認してください)
https://www.blogger.com/static/v1/widgets/55013136-widget_css_bundle.css
https://www.blogger.com/static/v1/widgets/763856997-widget_css_bundle.css
https://www.blogger.com/static/v1/widgets/1324390690-widget_css_bundle.css
https://www.blogger.com/static/v1/widgets/1529571102-css_bundle_v2.css
そのままだと不具合が起きる(と思う)ので
上のCSSを丸ごとテンプレートにコピーします

関連:

外部からCSSを読み込まなくなるので、ページの読み込み速度が上がるかもしれませんが、実際のところはわかりません

追記

問題点

Simple, Picture Window, Awesome Inc., Watermark, Ethereal, Travel 等のテーマでは共有ボタンが表示されなくなってしまいます。
また、テーマの HTML を編集していると、レイアウト画面に影響が出る事があります。

共有ボタンの表示

.share-button{width:20px;height:20px;background:url(https://www.blogger.com/img/share_buttons_20_3.png) no-repeat left !important;overflow:hidden;margin-left:-1px;position:relative}

urlを指定します

関連エントリ

F(uriouz)

欲しいものリスト / 優先度の高いほしいものリスト / ☕を奢る
Donate 寄付 カンパ サポート Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation.
詳細プロフィールを表示

0 comments:

スパム対策の為コメントをオフにしています。
Disqusは利用出来ます。

注: コメントを投稿できるのは、このブログのメンバーだけです。

...

Recent Posts

 
"The Android robot is reproduced or modified from work created and shared by Google and used according to terms described in the Creative Commons 3.0 Attribution License."