Bloggerのガジェットをモバイル版(スマートフォン版)に表示する方法


通常ガジェットを追加すると表示されるのはパソコン版でモバイル版のBloggerには表示されません。

そこで、コードを少し追加して表示されるようにします。超簡単!


コードを追加する


テーマ→HTMLの編集でコードを表示します。

そのコードの中からモバイル版Bloggerに表示したいガジェットのコードを探してください。


例)
ラベル
<b:widget id='Label1' locked='false' title='ラベル' type='Label' version='1'>

ブログアーカイブ
<b:widget id='BlogArchive1' locked='false' title='ブログ アーカイブ' type='BlogArchive' version='1'>

人気の投稿
<b:widget id='PopularPosts1' locked='false' mobile='only' title='人気の投稿' type='PopularPosts' version='1'>


ガジェットのコードが見つからない場合はガジェットのタイトルを検索すると速く見つかります。

・Blogger、HTMLの編集でコードを見つけるときはCtrl+Fで検索!

ガジェットのコードに以下のコードを追加します。

モバイル版だけに表示する
mobile='only'

モバイル版とパソコン版に表示する
mobile='yes'

モバイル版に表示しない
mobile='no'

追加すると、
<b:widget id='Label1' locked='false' mobile='only' title='ラベル' type='Label' version='1'>
となります。わかりやすいように、追加したコードを赤くしました。

モバイル版に表示しない(mobile='no')は基本使用しなくてもモバイル版に表示されることはありませんが、使用しないとモバイル版にも表示されてしまうガジェットがあるので書いています。
おすすめ