Bloggerのモバイルページにガジェットを表示する方法

Bloggerでページを作っている時に、「PCページでは見えているサイドバーなどのガジェットがモバイルページで見えない」なんてことはなかったでしょうか?

テンプレートのHTMLを少し編集することで、簡単に表示することができますのでこの記事で紹介します。

BloggerのガジェットをテンプレートのHTMLから探す

  1. まずはマイブログの左メニューから テンプレート を選択します。

  2. HTMLの編集をクリックします。

  3. 目的のガジェット名を検索してその場所まで行きます

<b:widget id='Profile2' locked='false' title='Categories' type='Profile'>

ガジェットにmobile=yesを追記する

コードが見つかれば後は簡単です。先ほどの行に「mobile=yes」を追記します。

<b:widget id='Profile2' locked='false' mobile='yes' title='Categories' type='Profile'>

動作確認

スマホで確認してみます。先ほどまではAbout Meしか表示されていませんでしたが、以下の通りCategoriesやBlog Archiveなどが表示されています。


 シェアして頂けると嬉しいです

参考になったという方がいれば是非お願いしますm(_ _ )m
モチベーション維持の観点で非常に励みになります。