Hatena Blog Tags
はてなブログ トップ
フジブロっ！
このタグでブログを書く
言葉の解説
ネットで話題
関連ブログ

フジブロっ！

このタグの解説についてこの解説文は、すでに終了したサービス「はてなキーワード」内で有志のユーザーが作成・編集した内容に基づいています。その正確性や網羅性をはてなが保証するものではありません。問題のある記述を発見した場合には、お問い合わせフォームよりご連絡ください。
コトサワに聞いとけ•3日前

【無料版はてなブログ】Googleアドセンスに1発合格！｜申請準備と合格対策

/* ### オレンジ 矢印付き枠ここから### */ .daibox { padding: 0.5em 1em; margin: 2em 0; border: solid 3px #E3BA96; } .daibox p { margin: 0; padding: 0; } .entry-content div ul { list-style: none; } .entry-content div ul li { margin: .5em 0; position: relative; } .entry-content div .daiyazi li::before { content: "\…

関連ブログ

ダンゴムシ情報•5日前

はてなブログのモジュール(記事リスト)カスタマイズ

本ページにはプロモーションが含まれます。 はてなブログ記事リストのカスタムをご紹介します。 関連記事・注目記事・最新記事を一気に同じ形式にカスタマイズできます。 使えそうであればご自由にコピペしていただき構いません。 カスタムしたサイドバー記事リスト 引用元 デザイン設定 記事リストのコード カスタムしたサイドバー記事リスト 写真をテーマにカスタムしました。 スマホで表示した時、狭い画面幅の中でサムネイルと文字が横並びになると文字が読みづらいので横並びにならないようにしています。 記事ごとの区切り線は消しました。 スマホ表示 サイドバー PC表示 サイドバー PC表示 記事末尾（記事末尾モジュ…

物価高に負けるにゃฅ( ̳• ·̫ • ̳ฅ)にゃ💞•1ヶ月前

はてなブログ〜目次デザイン変更〜

目次の作り方から知りたい方はこちら takeosusume.hatenablog.com 今回は 目次のデザインの変更をしていきます💡 PC版画面よりデザイン→カスタマイズ→CSSタグ の順に開いていきます💡 CSSタグ部分をタップすると 書き込めるようになります💡 そこにCSSタグを貼り付けるのですが CSSタグをコピー出来るようにしてくれてる 『フジブロっ！さんのCSSタグ一覧』☜tap こちらでお好きなデザインをコピーして下さい💡 CSSタグをコピー出来れば もともと左側の数字１〜７に書かれているタグを消さないように ７の１番後ろにカーソルを合わせ改行します。 すると８が出来ます。もう一…

雲呑春雨鶏ガラスープ•2ヶ月前

トップへ戻るボタン･目次へ戻るボタン･カテゴリへ飛ぶボタンを作る【はてなブログカスタマイズ】

ページ先頭に飛ぶ「トップへ戻るボタン」 読んでいて話の流れを見失った時に便利な「目次へ戻るボタン」 記事を探すのに便利な「カテゴリへ飛ぶボタン」 をこのブログの右下に実装しました。 サイトの使い勝手が良くなり、回遊率UPにつながるかも。 ユーザビリティが向上することでGoogleからの評価も上がって一石二鳥。 コードはHTMLとCSSのみなので、読み込みスピードにも影響ありません。 一つずつ紹介した後、最後にコード量を削減できる、3つまとめたコードもご紹介します。 トップへ戻るボタン 参考記事：HTMLとCSSのみで作るトップへ戻るボタン【デザイン3種類】 - フジブロっ！ この記事を参考に、…

おじ語り•2ヶ月前

はてなブログのサイドバーのプロフィール画像の話

はてなブログのサイドバーのプロフィール画像 ブログにたまに設置されているじゃないですか。 「このブログ、こんな奴が書いてます！」みたいなコーナーが。 僕も長らく設置しているんですが、先日ひっそりとプロフィール画像を最新のものに更新しました。 今月行ったキャンプ時に撮ってもらった写真へと。カメラが趣味の友人がいるとスタジオ要らずだな。なかなか良くないですか。謎めいた感じが。 ところで、このサイドバーのプロフィール画像デザインですが、ほとんどネットで公開されているものをそのまま使わせてもらっています。 このブログ www.fuji-blo.com 勝手に紹介するけども、この記事がめちゃめちゃ神でし…

雲呑春雨鶏ガラスープ•2ヶ月前

文字だけの関連記事リンクをカスタマイズ

「関連記事を貼り付けたい！」 「埋め込みだと画像もあって読み込みが遅い！」 「ただのリンクだとそっけない！」 というときに使える文字だけのリンクのデザインをカスタマイズしました。 before はてなブログ カテゴリーの記事一覧 after はてなブログ カテゴリーの記事一覧 太字で見やすくなり、アイコンもついているので普通のリンクと差別化できるようになりました。 PCで見ている方はマウスホバーで少し右に動きます。 before after コピペコード HTML CSS 解説つきCSS 余談 まとめ コピペコード HTML カスタマイズしたリンクを使いたい時はこれを使います。 <p><a c…

あれこれにぎり亭•2ヶ月前

【はてなブログをカスタマイズしよう】HTMLやCSSを学ぶ方法や参考になるサイト

はてなブログを始めてしばらくすると思うこと 『サイトをもっとオシャレにしたい』 HTMLやCSSを理解していると、自分の思い通りのサイトを作ることができます。 今、「HTML？CSS？何それ？」と思った方、これからHTMLやCSSを勉強したい方向け！ HTMLやCSSを学ぶ方法や、はてなブログをカスタマイズする際に私が参考にしているサイトなどをご紹介します。 ▼今スグ本格的にHTMLやCSSを学びたい方にはこちらがおすすめ▼ はてなブログをカスタマイズするには CSSを書く際はエディタを使用する はてなブログをカスタマイズする際に参考にしているサイト サルワカ フジブロっ！ HTMLやCSSを…

雲呑春雨鶏ガラスープ•3ヶ月前

はてなブログのカスタマイズ参考サイトまとめ

はてなブログは知識ゼロでも手軽に整ったブログサイトを作れる優秀なプラットフォーム。 それでいて、コードを追加することでカスタマイズできるという自由度の高さ。 自分好みに機能を追加したりデザインを変えたり、超楽しい！！ このサイトをカスタマイズするのに参考にさせていただいたサイトをまとめました。 カスタマイズたち エセトップページ グローバルメニュー 目次デザインカスタマイズ 目次開閉 上に戻るボタン 記事埋め込みカスタマイズ かんたんリンクのカスタマイズ ブログカード変更 検索欄 表をスクロール可能に まとめ カスタマイズたち エセトップページ 最新記事が並んでいるだけの無料版はてなブログのト…

なすみのメモ帳•6ヶ月前

はてなブログの「記事一覧」をカスタマイズ！（CSS解説付き）【Minimalism】

「記事一覧」のブログデザインをカスタマイズしました。 パソコンから見たデザインはアイキャッチが大きく表示されるカード型にしました。 しかし、スマホから見ると画像が大きすぎて見にくいので、元の横長のデザインのままにして画像の大きさを調整しました。 私ははてなブログproではないのでトップページを一覧表示にはできませんが、ブログにアクセスした人がブログ内をまわるときには役に立つのではないかと思います。 ミニマリズムのデフォルトの記事一覧のデザイン はてなブログタグを消す（スマホ、パソコン共通） スマホから見る記事一覧のカスタマイズ（横長） メディアクエリ アイキャッチを大きくする タイトルの横幅を…

隠居ブロガー コツをシェアする•6ヶ月前

はてなブログのデザインカスタマイズ術まとめ。思い通りにオシャレにできる

「自分らしい、オシャレなはてなブログにしたい！」 カスタマイズに悩んだ時、わたしは以下のブログやサイトをを参考にしています。 ほとんどがCSSコードをコピペして、該当の場所に貼り付けるだけでOK。 はてなブログのデザインカスタマイズを探している人は、以下をブックマークしておくのをおすすめします。 ポップなデザイン満載「フジブロッ！」 定番を網羅「Minimal Green」 ピンポイントでとりいれたい「Nomad Code」 【自学】HTMLとCSSが少し読めれば、はてなブログのデザインは思い通りにできる はてなブログのパワーアップはこちら 【無料】現役プロブロガーの収益化メソッドがわかる ポ…

隠居ブロガー コツをシェアする•6ヶ月前

はてなブログのおすすめテーマ７選。シンプルでオシャレなテーマで読みやすい。執筆のやる気もアップ！

noteやSNSなど、テキストを発信できるサービスはたくさんあります。 そんな中、ブログの楽しさはやっぱり自分の好きなデザインにできること。 はてなブログにはシンプルでおしゃれなデザインテーマが多いです。 それは読者からしても読みやすい。 そして自分なりにデザインを工夫すれば、愛着も沸くというもの。 ぜひ、おすすめテーマをベースに、自分だけのブログを作ってみて下さい！ シンプルですっきりな「soboku」 カスタマイズのベースになる「薄グレーのテンプレ」 大定番「minimalism」 記事一覧をカードタイプにできる「Under Shirt」 個性的でかわいい「Cappuccino」 左サイド…

たれみみ日和•6ヶ月前

はてなブログ　カスタマイズ

はてなブログ カスタマイズ こんばんは(^-^)ブログもマンネリ化してきたので、デザインを変更してみました。それでカスタマイズをやり始めるとはまってしまって。。。ブログのカスタマイズって、やり出すとヤバいくらい止まりませんよね（汗）一ヶ所やると他の箇所もどんどん気になってきて、とことんやろうとしてしまいます。で、知識がないから調べまくってやってると、時間があっという間に過ぎてしまってビックリ！最近もうこんな時間！ってことばかりです。今回は、カスタマイズしたことを忘備録も兼ねて書いておきます。 デザインテーマ変更 プロフィール＆フォローボタン 検索窓 シェアボタン ボトムナビ設置 その他の細かい…

なすみのメモ帳•7ヶ月前

はてなブログの「グローバルメニュー」をカスタマイズ！（CSS解説付き）【Minimalism】

グローバルメニューのデザインをカスタマイズしました。 自分の思うようなデザインにするために、参考にしたCSSのコードを一つ一つ調べたので備忘録にまとめました。 グローバルメニューをカスタマイズ デザインを選ぶ CSSをコピペする HTMLとjQueryをコピペする 色を変える 備忘録：グローバルメニューのCSS 一階層目（親リンク部分） グローバルメニューの土台部分：#menu グローバルメニューの親リンクをのせる部分：#menu-inner 親リンクのデザインをする部分（1か所目）：#menu-content 親リンクのデザインをする部分（2か所目）：#menu-content > li 親…

なすみのメモ帳•7ヶ月前

はてなブログの「目次」をカスタマイズ！（CSS解説付き）【Minimalism】

自分が思う目次デザインそのままのCSSはなく、いくつか紹介されているデザインのCSSからこうしたいと思う部分を切り貼りして目次をカスタマイズしました。 一つ一つのコードが何を示すのか調べながらだったので大変でした。 目次をカスタマイズ デザインを選ぶ CSSをコピペする 色を変える 備忘録：目次のCSS 目次の外わく 目次の外側（上下）に余白をつくりたい 「目次」の部分 目次のアイコン部分 li li ul li ul li li ul li ul li 目次のリンクになっている部分 目次のリンクになっている部分をマウスオーバーしたとき色を変える 小見出しを表示しない 見出し下線を消す 下線が…

さるぼろぐ•8ヶ月前

はてなブログ／【おススメ記事】をヘッダー下に表示させる方法

ブログのおススメ記事って、皆さんどのようにお知らせしていますか？ 人気のある芸能人のブログなら、新しい記事を書けば多くの人に見てもらえますが、私の様な一般ピーポー（ど素人）の記事なんて、更新したとて。。。💧 しかし！せっかく一生懸命に書いた記事！同じ事で困っている人に読んでもらいたい!! という訳で、この記事では、【おススメ記事をヘッダー下に表示する方法】を紹介したいと思います。 イチオシの記事を埋もれさせない様に、固定してみませんか？？ こんな人におススメ👍 ブログ初心者で難しい事は分からない ブログをカスタマイズしたい おススメの記事を、ヘッダー下に並べたい ワードプレスの様なオシャレなデ…