WORLD × JAPAN × DISCOVERY

【Blogger】HTMLとCSSの小技メモ

SPONSORS LINK

自分の為に備忘録として記録。

Youtubeを自動自動でリサイズする

モバイル観覧時のYoutubeはみ出し防止。
記事外のadsenseには影響しないように調整。

CSS

/* mobile iframe resize sta */
.mobile .post-body iframe {
  height: 200px !important;
  width: auto !important;
}
/* mobile iframe resize end */
モバイル観覧時のスワイプ機能を無効化

スワイプで次のページに移動してしまうのを防止。

HTML

<!– no swipe mobile sta –>
<b:if cond=’data:blog.isMobile’>
<script type=’text/javascript’>
(function() {
  var c = document.getElementById(&quot;main&quot;);
  c.addEventListener = null;
})()
</script>
<style>
  #spinner-canvas {display: none !important;}
  #left-arrow {display: none !important;}
  #right-arrow {display: none !important;}
</style>
</b:if>
<!–  no swipe mobile end –>

</body> の上に追加

動的ビューでサイドバーを常時表示

自動的に隠れてしまうのを防ぐ。

CSS

/* Always Display Gadget Dock sta */
#gadget-dock {
 position: fixed !important;
 right: 0px !important;
}
/* Always Display Gadget Dock end */

この記事が楽しめたら
いいねしてね!(^o^)

Twitter で
SPONSORS LINK
あなたにオススメ(自動抽出)