未分類

bloggerのタグの使い方

投稿日:

bloggerに書いているブログがあるのですが、

  • レイアウトがちぐはぐになる
  • Adsenseの位置がblogger標準の場合、気に入らない
  • 「スマホだったら→これこれ」

ということをやりたくなることがあります。その場合、スクラッチ(テンプレート変更)でやったほうが早いです。その時に重要になるのが、<b:if>タグです。

<b:if>タグでできること

下記のことはできるようです。全ては確認していません。

  • スマホ判定
  • 記事ページだけ
  • TOPページだけ
  • 特定の静的URLの場合だけ
  • ハンドルネーム判定
  • 記事のコメント数に応じて

それぞれの書き方は

else条件の書き方

else条件を書く場合は、下記のようにします。

変更方法

例として、記事ページだけにAdsenseを表示するとします。(この方法はあまりスマートでない気がしますが)
表示場所は記事フッターの直前とします。
※テンプレートによって、異なるケースは多々あると思いますので、バックアップを忘れずに。

1.「テンプレート」の「HTMLの編集」

テンプレートHTMLの編集

テンプレートHTMLの編集

2. 該当箇所のHTMLにタグを挿入

以上で、記事ページだけにAdsenseが表示され、TOPページの場合は表示されないと重います。

知っておくと良いPC・スマホ(モバイル)の違い

不足が大いにあると思いますが、基本PCとスマホ(モバイル)では表示内容が違います。デフォルトでいくつかのウィジェットはスマホ(モバイル)では表示されません。スマホで表示したい場合は、テンプレートのモバイルで、モバイルテンプレートを編集から「カスタマイズ」を選択する必要があります。(ただし、当然レイアウトが崩れるなどのリスクはあります)
カスタムにすると、「HTMLの編集」でモバイルの変更ができるようになるので、ウィジェットの設定を変更すると、モバイル時も表示させることができます。例えばブログアーカイブをモバイルで表示させるには、

とすればよいです。「mobile=’yes’」が変更箇所です。

参考

下記のページを参考にしました。より多くの情報がのっています。







-未分類

執筆者:


comment

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

スパム対策に簡単な計算にご協力ください。 *

関連記事

no image

Recon Jet 発売日の連絡が来た!

Recon jet の予約をしていたのですが、今日、発売日の連絡が来ました。6/12とのことです。 予約者のみで、まだ在庫がないのかもしれませんが、週末に届いたりすると、とっても嬉しいです! 梅雨に入 …

Kindle(Android)で文字化けして本が読めない

Kindle版の Amazon.co.jp: 知識ゼロから学ぶソフトウェアテスト 【改訂版】: 高橋 寿一: 本 知識ゼロから学ぶソフトウェアテスト を購入しました。 ただし、Android版(Nex …

no image

Dockerコマンドをsudoなしで実行する

最近、Dockerにはまってます。SakuraのVPSからAWSへ移行したのですが、結構価格が高い。。。わかっていたのですが、AWSのLightSailへ移行して少しでも安くしようとしたのですが、いろ …

Ringが届いた & 開梱の儀

やーっっっと、LogbarのRingが届きました。 開梱の儀ーー!! 外装もRing!! 中の箱も美しい!! 側面! Shortcut Everything 中を開けると、Ring! Appleみたい …

二年契約

イーモバイル(現Y!Mobile)二年契約の更新・解約で、嵌められた

二年前(2012年9月)に機種変更を安くできるということで、二年契約のイーモバイルSIMカードを契約しました。スーパーライトデータプラン(ベーシック+にねん得割)というプランです。使わなければ300円 …




アプリをリリースしました!まだまだ機能や情報も足りてませんがよろしくお願いします。

サイクリングマップ

Google Play で手に入れよう

kitatamittakaと申します。IT系で詰まったことを自分のためと、ひょっとしたら誰かのために残そうと思います。

仕事

プログラミング好きのSE
仕事でプログラミングすることはあまりありません。

趣味

IT全般
新しい技術やガジェットに興味があります。
ロードバイク
別のブログを書いています。
SEがロードバイクに乗る
古代ローマの歴史
ローマ人の物語を読みました
映画
好きなのはガタカ、ペイフォワードなど
ブログランキング・にほんブログ村へ

モッピー!お金がたまるポイントサイト