自分の為に備忘録として記録。
Youtubeを自動自動でリサイズする
モバイル観覧時のYoutubeはみ出し防止。
記事外のadsenseには影響しないように調整。
CSS
/* mobile iframe resize sta */
.mobile .post-body iframe {
height: 200px !important;
width: auto !important;
}
/* mobile iframe resize end */
.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("main");
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 –>
<b:if cond=’data:blog.isMobile’>
<script type=’text/javascript’>
(function() {
var c = document.getElementById("main");
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 */
#gadget-dock {
position: fixed !important;
right: 0px !important;
}
/* Always Display Gadget Dock end */
〜 Blogger カスタマイズ 〜
