サクサク読めて、アプリ限定の機能も多数!
トップへ戻る
パリ五輪
matsuda-risako.hatenablog.com
こんにちは! ちょっとずつブログをカスタマイズしてるりさこです! 今回は引用枠の表示を変えてみました! めっちゃくちゃ簡単なので説明する必要もないかもしれないですが、一応まとめておきます!笑 カスタマイズしてない状態 カスタマイズしてないとこんなかんじ。 引用してるってことがわかりにくい! CSSをコピペするだけ! デザイン→カスタマイズ→デザインCSSの空欄に .entry-content blockquote { padding: 20px 55px; background: rgba(245,245,245,0.8); color: #222; position: relative; border: solid 1px #fff; margin: 0.8em 0; } .entry-content blockquote:before { color: rgba(200, 200, 2
はてなブログでタイトル下にグローバルメニュー(グローバルナビゲーション)を設置する方法を紹介しまーす! グローバルメニューを設置すると、“どんな分野のブログをかいているか”ということを伝えやすくなるので、ぜひ設置してみてください。きらん。 ①HTMLをかく まずは、デザイン→カスタマイズ→ヘッダ→HTMLを記述できますというところに、 <nav id="global"> <ul> <li><a href="#">Home</a></li> <li><a href="#">Profile</a></li> <li><a href="#">BlogCustomize</a></li> </ul> </nav> こんなかんじで、メニューの土台てきなものをかきます。 #には、リンク先のURLをかいてください。 するとこんなかんじになりまーす! ②CSSをいじくる このままだとオシャレじゃないので、
こんにちは!りさこです! 私は、自分の興味があることを発信して、その興味に共感をしてくれる人を探すためにブログを書いているのですが、ついでに広告を収入ももらえたらなというかんじでGoogle AdSenseを貼っています! とは言っても、無料版のはてなブログは、PCには2つ、スマートフォンには一つも貼れないし、PV数も少ないので、広告収入はほぼ0なのですが…笑 (ちなみにプロ版だと、PC・スマートフォン共に3つずつ貼ることができます!) Google AdSenseを設置するためには、広告を貼るのに適したブログなのかということを審査してもらって、その審査に通らないと広告を貼ることはできません。 この審査がけっこう厳しいので、私が審査を通過するためにやったことをまとめたいと思います! 審査用のブログを用意する この記事を読んでる方は、今ブログを運営している、またはこれから運用しようと考えてい
こんにちは!りさこです! ブログをもっと色んな人に見て欲しくてGoogle Analyticsを使ってみたのですが、使い方が全然分からなかったので、初心者ブロガー向けに超基本的な使い方をまとめてみました! メイン画面の使い方 Google Analyticsを開くと、このようなメイン画面が出てくると思います。 ①アクセス解析したい期間を指定する アクセス解析したい期間を指定してないと、直近1ヶ月分が表示されています。 私はまだブログを始めてから1ヶ月経ってないので、ブログを始めてから今日までの期間に変更してみたいと思います。 ①と書いてある日付の部分をクリックすると、 このような画面が出てくるので、ブログを始めた8/23に変更して、適用を押すと… アクセス解析の期間が変わりました!!!!! ②小さなグラフで表示されているアクセス解析の種類 ・セッション:訪問数(同じユーザーでも30分以上間
こんにちは!りさこです! 今日は、サイドバーにSNSなどのリンクボタンの設置方法をまとめてみます。 カスタマイズしてない状態 カスタマイズしてないと、読者になるボタンしか表示されません。 1.ボタンとなる画像のリンクを取得する ネット上にある画像の場合 ネット上にある画像の場合は、画像の上で右クリックして、画像URLをコピーを選択します。 こうすると、画像のURLを取得することができます。 パソコンのファイルの上にある画像の場合 まず、ネット上に画像をアップします。 はてなには、『Hatena Fotolife』というサービスがあるので、私はそこに画像をアップしました。 f.hatena.ne.jp アップロードができたら、さっきと同じように、画像のURLを取得します。 こうすると、パソコンのファイル上にある画像のURLも取得できます。 ちなみに、この画像はこちらのサイトからダウンロードし
こんにちは!りさこです! 今回は、記事の下をカスタマイズして、アクセス数の多い記事を表示させてみました! これで、ふらっとこのブログに来た人が、今までよりたくさんの記事を読んでくれるようになるはずです!笑 関連記事を表示させる方法はいくつかあるみたいですが、今回はその中でも私が気に入ったカスタマイズ方法を紹介します! 他の方法も、気が向いたら後日まとめます!笑 カスタマイズしてない状態 カスタマイズしてないと、記事の下にはSNSシェアボタン・広告・コメントを書くという表示しかりません。 ここに関連記事を表示させます! HTMLを書く まず、デザイン→カスタマイズ→記事→記事下の空欄に <div class=\"readit\"> <h3 id=\"kiji-shita\">こんな記事も書いてるよ!</h3> <div class=\"hatena-module hatena-module-
こんにちは!りさこです! 私は、自分の興味があることを発信して、その興味に共感をしてくれる人を探すためにブログを書いているのですが、ついでに広告を収入ももらえたらなというかんじでGoole AdSenseを貼っています。 とは言っても、無料版のはてなブログは、PCには2つ、スマートフォンには一つも貼れないし、PV数も少ないので、広告収入はほぼ0なのですが…笑 (ちなみにプロ版だと、PC・スマートフォン共に3つずつ貼ることができます!) Google AdSenseを貼ろうと思ったときに、やり方が分からず、親切に教えてくれるサイトもなかったので、これから設置したいと思ってる人のためにやり方をまとめておきます! Google AdSenseに登録して、審査を通過する まず、Google AdSenseに登録して、広告を貼るのに適したブログなのかということを審査してもらって、その審査に通らないと
こんにちは!りさこです! 私は、はてなブログの人気テーマ『Written』を使っているのですが、タイトルのカスタマイズに少し手こずったので、まとめておこうと思います。 カスタマイズしてない状態 なにもカスタマイズしてないと、文字色は黒で、左寄せになってます。 タイトルの文字色を変える方法 まずはタイトルの文字色を変えてみます。 本来ならば、 #title { color: #ff8d8df; } と書けばタイトルの文字色が変わるはずなのですが、なぜか変わりません… ぐぐってみると、jQueryを使えばできるらしいということが分かったので、 デザイン→カスタマイズ→フッタ→HTMLを記述できますという空欄に <script src=\"http://code.jquery.com/jquery-1.11.0.min.js\"></script> <script> $(\'#title\').
このページを最初にブックマークしてみませんか?
『matsuda-risako.hatenablog.com』の新着エントリーを見る
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く