1983NOTE

ファッションと美容とライフログ

Blogger

Bloggerのテンプレート「Materiapollo」での記事タイトルのサイズの変更方法

Blogger Bloggerのテンプレート「Materiapollo」での記事タイトルのサイズの変更方法のご紹介です。 テーマの「HTMLを編集」から「font-size: 27px」で検索をかけます。 「font-size: 27px」で検索 そのfont-sizeを変更すると、スクリーン幅が993px以上の場…

Bloggerテーマ「Emporio」に「新しい投稿」「古い投稿」を表示する

Blogger お問い合わせフォームから、「記事下に「新しい投稿」「古い投稿」を表示する方法を教えてほしい」というご依頼をいただきました。 ご依頼いただいた方のBlogを拝見すると、Bloggerテーマ「Emporio」を使用していました。 わたしはこのテーマを使っ…

BloggerでTwitterシェア時に「記事タイトル | ブログタイトル URL」に設定する方法

Blogger Yahoo!知恵袋でBlogger関係のネタ探しをしていると、 SNSシェア時にブログタイトル+文字を取得したいです。知恵を貸してください…Google bloggerを始めたのですが、記事をtwitterでシェアしようとすると、記事のURLしかツイートに入ってくれません…

Bloggerのお問い合わせフォームをページに設置する方法

Blogger 当サイトはWordPressで作成しているのでプラグインを使えばすぐに固定ページにお問い合わせフォームを設置できるのですが、Bloggerではそう簡単に固定ページに設置できないんですよね。 Googleアドセンスの審査にも必要らしいので、今後収益化を目指…

Bloggerのモバイルテンプレートのカスタマイズが反映されない・表示されないときはここをチェック

Blogger Bloggerのモバイルテンプレートのカスタマイズが反映されない・表示されないことがあって困ったので、調べてみました。 まずはBloggerの管理ページにアクセス。 テンプレートを選択する。 モバイルのほうの歯車を選択する。 モバイルテンプレートを…

Bloggerのサムネイルありの関連記事表示の紹介

Blogger Bloggerのテンプレートをカスタマイズしていると、必ず関連記事表示の壁にぶち当たります。 自分でコードを書ける方は全然問題ないと思うのですが、私のような非プログラマーはどうしようもない状況に陥ります。 完全に満足しているわけではないので…

Bloggerの「新しい投稿」「前の投稿」「次の投稿」の表示を変更した

Blogger ページナビ? ページ送り機能? 正確にはなんていうのかわからないのですが、それをカスタマイズしました。 コードは他の方が作成してくださったものをほぼそのまま利用しています。 それを少し改変しています。 kyantsukubatto.blogspot.com こちら…

Bloggerでシンプルな関連記事を簡単に表示する方法

Blogger 最近、Bloggerの関連記事表示何にしたらいいのか問題で頭を抱えています。 いろいろと試しているのですがどれも一長一短。 今までであれば、Smarter Related Posts Widget for Google Blogger - v2.0一択だったのですが、2016年9月初め頃からうまく…

Bloggerで「登録: コメントの投稿 (Atom)」を消す方法

Blogger Bloggerで「登録: コメントの投稿 (Atom)」を消す方法についての記事です。 これを消す方法は二つあります。 HTMLを修正する <b:include name='feedLinks'/>を探します。 これを以下のコードに書き換えます。 HTML 以上です。 CSSを修正する CSSで消す、つまり非表示にすることが</b:include>…

Bloggerで記事中の画像がサイドバーにはみ出るのを修正・解消する方法

Blogger Bloggerでブログを開設して、さあ大きい画像を貼った記事を書くぞ! ってなった時に、画像を元のサイズで挿入すると、サイドバーに大きくはみ出てしまうことがありませんか? 上の画像のような状態です。 これを修正するCSSを作成しました。 素人が…

BloggerでjQueryを使ってグローバルメニュー・トグルメニューを表示する方法

Blogger ちょっと前にこんな記事を書きました。 1983note.com 上の記事では、jQueryを使わずにCSSだけでトグルメニューを設置したのですが、どうにも動作が気に入らないので、やっぱりjQueryを使うことにしました。 最初からそうしとけば良かったのですが、…

Bloggerのサイドバーに最新記事を簡単に表示する方法

Blogger Bloggerのガジェットを使って最新記事を表示するのであれば、フィードを使えばできます。 が、それだと最新の記事のタイトルと日付だけしか表示されません。 それでもいいのであれば問題ないのですが、 サムネイル画像を表示させたい 記事概要を表示…

Bloggerのモバイル表示にトグルメニューを設置する手順・方法

Blogger Bloggerのシンプルテンプレートのモバイル表示に「トグルメニュー」を設置する方法です。「アコーディオンメニュー」とも言うのかな? ほぼコピペのみで実装できます。色とかサイズとかは後ほどご自分でカスタマイズしてみてください。 ちなみに私は…

Bloggerにパンくずリストを設置した。めちゃくちゃ簡単。

Blogger 当サイトは現在WordPressで運営しています。この記事はBlogger運営時代のお話です。 Bloggerで運営しているこのブログに、パンくずリストを設置しました。 パンくずリストとは、ユーザーが今WEBサイト内のどの位置にいるのかを視覚的に分かりやすく…

自分のブログの記事がはてブされたら通知されるように設定する。Bloggerとはてなブックマークを結びつける方法。

Blogger 私は過去に「はてなブログ」を利用していて、たまーに「はてなブックマーク」をいただくことがありました。 「はてなブログ」を利用していれば、はてブされた時に通知が来るので当然すぐにわかるのですが、実はBloggerでもブログとはてなIDを紐付け…

Bloggerのトップページを記事本文抜粋表示に変更

Blogger 当サイトは現在WordPressで運営しています。 現在ははてなブログProで運営しています。 初心者でも簡単!【はてなブログPro】の詳細を確認する 以下はBloggerでブログ運営をしていたときに書いた内容です。 今回あらたにBloggerでブログを立ち上げて…

BloggerでTwitter Cardsを設定する手順・方法

Blogger Twitter CardsはX(旧:Twitter)でシェアしていただくときには必要不可欠なものです。 ただ、Bloggerで設定するのは少しややこしいので、手順を紹介していきます。 Bloggerの管理画面で設定を確認する コード 確認 参考にしたページ Bloggerの管理…

Bloggerで独自ドメインを設定する手順・方法

お名前.comで独自ドメインを取得したので、設定しました。 手順については、Bloggerのヘルプページが参考になります。 support.google.com まずはBloggerの設定画面でカスタムドメインを追加します。 左側のメニューの [設定] をクリックします。 [公開] セ…

Bloggerの記事内にソースコードを貼る方法

カスタマイズ記事を書く際に必要なのが、記事内にソースコードを貼り付けること。 調べてみるといろいろとやり方があるそうですが、今回ご紹介するのは私が使用している方法です。 Bloggerの場合はそのままソースコードを貼ることができないので、エンコード…

© 2014 1983NOTE All rights reserved.