No. 1712
投稿内容カテゴリー
amazon


Blogger (google)のモバイルレイアウトで、アドセンスなどを表示させる


Palmo (パルモ)「片手でラクラク いつも安定、安全、安心」

1) 現在、iPhoneのsafariで画像が表示されないことがあるようです。この場合Chromeを使用すると画像が表示されます。

2) Internet Exploerer 11でも見出し部分がおかしい場合があるようです。windowsのchromeでは正常に表示されます。

スポンサーリンク
336×280 レクタングル(大)




ブログランキング

その買うを、もっとハッピーに。|ハピタス

飛行機、ホテル、クレジットカード、大家族を擁して感じる政治などへの意見など徒然...番外編を作成しました!

・Google Photoからの画像の引用が楽

・個人的なサーバーの画像の負荷が減少する

ので、機内で気軽にとった画像などをアップできると思い、新たに作ってみました。

どちらも同じです。comからjpに勝手にリンクされています。

転送中
転送中

独自ドメインからもアクセスできます。

http://jalanaspg.tk

設置に当たり、アドセンスも貼り付けたのですが、モバイルサイトでは表示されません。

調べると、そういう設定のようです。

そこで、設定をいじって、表示させることにしました。

その備忘録をかねて。

アドセンスを希望の場所にガジェットとして貼り付ける

アドセンスを持っているアカウントでも新しいブログを作成すると別のアドセンスを作れ、という表示が出ました。
詳しくは調べていませんが、せっかく一つアカウントがあるので、そちらを貼り付けようと調べてみました。

設定 → レイアウト → cross-collum、footerなどに『ガジェットを追加』とあるので、それを選択

wordpressのウィジェットにある『広告336×280』、『広告300×250』のテキスト内容をコピペして貼付

これで、PC画面ではスポンサーリンクが表示されました。

が、iPhoneで見ると、なぜか表示されてない。(・・?

調べてみると、そういうもののようです。(-_-;)

で、解決策。

モバイルテンプレートのカスタマイズ

設定 → テーマ → モバイル側の歯車を選択 → 『 』を選択

モバイル テーマの選択」はカスタムを選択 → 保存し、「ブログで使用中」の『HTMLの編集』を選択

html上で頭に「<b:widget」とついているタグの中に、「mobile=’~’」の一文を加える。

「mobile=’yes’」⇒モバイルでも表示させる
「mobile=’no’」⇒モバイルでは表示させない
「mobile=’only’」⇒モバイルだけ表示させる

参考

Bloggerでのhtmlをいじってのモバイル表示の変更
RotMGに関係あることもないことも。そんなブログ。 Realm of the Mad God
%d人のブロガーが「いいね」をつけました。