タグ検索の該当結果が少ないため、タイトル検索結果を表示しています。
はな こんにちは！はなです。 今回はマーカー線の引き方について説明します。 こんなマーカー線を引くには、コードをコピペするだけ！ 色々自分で調べた結果一番使いやすかったものを紹介します。 とっても簡単で、ブログが圧倒的に見やすくなるのでおすすめです。 コードをコピーする このコードをそのままコピーしてください。 /*--------------------- 蛍光ペン -----------------------*/ article u{ text-decoration: none; background: linear-gradient(transparent 50%, #FFFF99 50%); } コピーしたコードを貼る コードは、下記の手順で貼っていきます。 ①右上にある自分のアイコンをクリック ②自分のブログにカーソルを合わせる ③「デザイン」をクリック ④「カスタマイズ」をク
一日の流れ 1時頃に入眠。 8時頃に起床。コンサータを服用して待機。 9時頃に活動開始。ブログ探索。Twitter探索。 10時頃にブログカスタマイズの検証。 14時頃に食事。 15時頃にブログカスタマイズの検証。 18時頃に休憩。 19時頃に日常系の記事作成にあたる。 一日の流れ ブログカスタマイズは良い感じに仕上がってきた ブログカスタマイズは良い感じに仕上がってきた 前日同様に今日もまたブログカスタマイズに奮闘していました。 holdambition.hatenablog.com Youtube動画と連動させたブログ作りを目指しているのですが、今日になってやっと目に見えて分かるぐらいの実装を実現することができました。 骨組みは完成したと言う感じです。 ここから肉付けでCSSでのデザイン性を追求していこうと思うのですが、理想を突き詰めていくと膨大な時間が掛かるのとデザインセンスが皆無に
当ブログは「はてなブログ」で運営しています。 無料で始められてブログテンプレートも豊富、カスタマイズも簡単にできてオリジナリティを出しやすいのも魅力です。 今回は初心者の方でも簡単！HTMLとCSSがよくわからなくてもとりあえずOK！ 当ブログがブログカスタマイズの際に参考にさせていただいているサイトをご紹介します。 はてなブログの方向けカスタマイズ参考サイトになりますが、ご紹介する中にはワードプレスブログの方にも参考になるサイトもありますのでチェックしてみてくださいね！ 初心者でも簡単｜コピペでOK！ブログカスタマイズの参考サイト【はてなブログ】 HTML・CSSって何？違いは？ はてなブログのHTML・CSSの入力方法 コメントアウト｜HTML・CSSを見やすくわかりやすく 当ブログで参考にさせていただいているカスタマイズ関連サイト はてなブログのカスタマイズが充実-フジブロっ！ HT
はてなブログカスタマイズの記事まとめ（その4）[CSS、HTML、JavaScript、はてなブログ関連] - みやもとブログ
ブログカスタマイズに関する記事をいくつか投稿したので、まとめてみようと思います。 ちなみにブログカスタマイズの記事まとめは4回目です。 これまでのまとめ記事はこちら。 これまでのブログカスタマイズ まとめ記事 ブログカスタマイズの記事まとめ（その1）[CSS/JavaScript/デザインテーマ] ブログカスタマイズの記事まとめ（その2）[CSS/はてなブログ関連/デザインテーマ] ブログカスタマイズの記事まとめ（その3）[CSS/HTML/JavaScript] 直近のブログカスタマイズはCSS、HTML、JavaScriptと、多岐にわたる感じになりました。 ということで、投稿した記事をまとめていきます。 CSS、HTML、JavaScript関連 画像を縁取りする（影を付ける） 追従する目次をサイドバーに表示する 目次のリンク先とグローバルナビゲーションが被るので対策 スマホ版のグロ
![はてなブログカスタマイズの記事まとめ（その4）[CSS、HTML、JavaScript、はてなブログ関連] - みやもとブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/ff6a4a146731e73bcc7e4807d59535ea8f2afcb0/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmiyamoto-blog%2F20230707%2F20230707222733.png)
カテゴリー別にすべての記事一覧を表示する | 全カテゴリー別記事一覧ページ | はてなブログカスタマイズ - IT the Best
Photo by Iñaki del Olmo on Unsplash www.it-the-best.com 全カテゴリー別記事一覧ページ カスタマイズ概要 期待できる効果 埋め込みコード カスタマイズ内容(一部) 全カテゴリーを取得する カテゴリー別記事一覧を表示する 全カテゴリー別記事一覧ページ ※当カスタマイズは環境によっては正常に動作しない可能性があります。 カスタマイズ概要 はてなブログでは、記事一覧をカテゴリー別に表示するページが作られますが、一つのカテゴリーだけに対する記事の一覧です。当カスタマイズは、一つだけではなくすべてのカテゴリーを対象に、記事の一覧を表示するためのはてなブログカスタマイズです。 以前投稿した「【はてなブログ】カテゴリー別記事一覧のサイトマップページを作る |【カスタマイズ】 - IT the Best」の改良版となります。 こちらの「カテゴリー別アー
初心者でも出来た！の前にトラブル発生！？【はてなブログカスタマイズ 見出し編】 - ゆるゆるみにまり
少しずつブログのデザインを変えているのですが、みなさんお気づきでしょうか。今回は、ちょっとしたブロガーらしく、アイキャッチもデカデカと入れてみました。 初心者でも出来た！の前にトラブル発生！？【はてなブログカスタマイズ 見出し編】 初心者でも出来た！の前にトラブル発生！？【はてなブログカスタマイズ 見出し編】 この記事を書く理由 UnderShirtを使用 今回のカスタマイズ コピペしても反映しない まとめ おわりに この記事を書く理由 ブログをカスタマイズする方法はググれば、山ほど出てくるのでそちらを参考にしてもらった方が確実なのですが、わたしがこの記事を書く理由は２つあります。 コピペするだけなのに反映しなかった。 自分の覚書。 コピペするだけだから簡単！と書かれていても、手間取った経験を披露いたします。 UnderShirtを使用 このブログのテーマはUnderShirtを使用してい
【ブログカスタマイズ】Canvaでアイキャッチ画像作成&ヘッダー下におすすめ記事を並べてみました - ダメ人間はどう生きるか。
じーわじわブログの見た目と機能を整えております… まだまだ、こまごまと調整中です。↓現在のブログの上部分。 今回はアイキャッチ画像作成&ヘッダー下におすすめ記事についての記事です。 私が使用している、はてなブログテーマの作成者さんの記事を参考に、ヘッダー下におすすめ記事並べてみました～～！！！ 【はてなブログ】ヘッダー下におすすめ記事やアイキャッチを並べて表示するカスタマイズ方法 元CAバンビ (id:zuboraca)さま https://www.bambi.pro/entry/blog-eyecatch-list しかし、こちらの記事とコードだけではうまく設定が出来ませんでした… アイキャッチ画像が横４列にならず、 全部でっかいサイズで１つづつ縦並びになってしまう… 画像がでかいからなのか…？分からん…と困り果てていました。 普段お世話になりまくっているWebディレクターさんに相談した
ブログカスタマイズ | LOVELOG
おはようございます♪ このサイトは「SANGO」と言うテーマを使っています。 本当に簡単に使えてカスタマイズもものすごく簡単です。
はてなブログカスタマイズの記事まとめ（その3）[CSS、HTML、JavaScript] - みやもとブログ
ブログカスタマイズに関する記事をいくつか投稿したので、まとめてみようと思います。 ちなみにブログカスタマイズの記事まとめは3回目です。 これまでのまとめ記事はこちら。 これまでのブログカスタマイズ まとめ記事 ブログカスタマイズの記事まとめ（その1）[CSS/JavaScript/デザインテーマ] ブログカスタマイズの記事まとめ（その2）[CSS/はてなブログ関連/デザインテーマ] 直近のブログカスタマイズはCSS関連が多くなりました。 本来なら、けっこうな時間を要するカスタマイズもあったのですが、参考サイトがあることでかなり時間短縮できました。ありがたい。 ということで、投稿した記事をまとめていきます。 CSS適用 見出しをカスタマイズしてみる サイドバーの各項目にアイコンを設定してみる 「目次」「箇条書き」「引用」のデザインが似ているので少し変更してみる CSS・HTML適用 トップへ
![はてなブログカスタマイズの記事まとめ（その3）[CSS、HTML、JavaScript] - みやもとブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/d27576abcbe5098bb7448890c4fa8a8ab6bb45c3/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmiyamoto-blog%2F20230609%2F20230609185809.png)
はてなブログカスタマイズの記事まとめ（その7）[アイコン、HTML、CSS関連] - みやもとブログ
この記事は移転しました。約2秒後に新記事へ移動します。 移動しない場合は以下をクリックしてください。 miya-moto-memo.hatenablog.com
![はてなブログカスタマイズの記事まとめ（その7）[アイコン、HTML、CSS関連] - みやもとブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/0e6b60935cb6295064c181eb08fb0fe8010c49ad/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmiyamoto-blog%2F20240229%2F20240229223916.png)
【はてなブログカスタマイズ】WEBフォントをユニバーサルデザインフォントに変えました。 - TOMOKO OOSUKI
特に記事内容とは関係ない、アサイーのイラストです WEBフォントをユニバーサルデザインフォントに変えました。 「みんなの文字」というものです。 なんと無料のユニバーサルデザインWEBフォントが存在するとは… これで、見やすく、目に優しくなったと思います。 ↓これを使いました。 minmoji.ucda.jp これは無料であるかわりに、サイトのどこかに「認定シール」をいれないといけない という決まりです。 私はダッシュボード→デザイン→カスタマイズ（スパナのボタン） →サイドバー→「モジュールを追加」でHTMLを選択 →メールで送られてきたタグを設置 しました。サイドバーの一番下に「認定シール」が見えるかと思います。 ↓ユニバーサルデザインフォントとは tsutawarudesign.com ついでに本文の文字の大きさも大きくしたのですが、その方法はまた後日。 他にも、細かいカスタマイズをし
HTTP 404ってなに？ なぜエラーページをカスタマイズするの？ カスタマイズ方法 準備 JavaScript設定 修正箇所 カスタマイズ関連記事 管理人 今回はブログカスタマイズ紹介記事です。カスタマイズ場所は404 Not foundページになります。エラーページからもカスタマイズして集客を目指しましょう！ だいふく ん？そもそも404 Not foundってなんだニャ？ HTTP 404ってなに？ ブログでよくあるのは記事をUPしたあとに、改めて該当記事のURLを更新したことがある方も居るかと思います。そうすると旧URLにアクセスするともちろんURLは変更されているので、ページが見つからないと思います。 そういう時は、エラーメッセージが出てNot found（見つからない）となりますが、まさにこの症状がHTTP 404といいます。 なんで404と言うかは、HTTPを使って通信を行う
【日常】ブログカスタマイズが手こずりアーンド通院日だから心のクリニックに行ってきた - 毎日を生きる、そして活きる
一日の流れ 0時頃に入眠。 6時頃に起床。コンサータを服用して待機。 7時頃に活動開始。ブログのカスタマイズ検証。 13時頃に出掛ける準備。心のクリニックへ出掛ける。 14時頃に診察。処方箋の受け取り。 15時頃にそのまま用事へ。 17時頃に帰宅。ネットサーフィン。 19時頃に日常系の記事作成にあたる。 12月22日の流れ 1時頃に入眠。 5時頃に起床。Youtube視聴。 6時頃に睡眠。 13時頃に起床。 14時頃に食事。 15時頃にベットでYoutube視聴。 17時頃に睡眠。 19時頃に起床。ベットでYoutube視聴。 21時頃に食事。 22時頃にベットでYoutube視聴。 12月21日の流れ 2時頃に入眠。 8時頃に起床。コンサータを服用して待機。 9時頃にブログのカスタマイズ検証。 14時頃に食事。 15時頃にブログのカスタマイズ検証。 20時頃に終了。食事。 21時頃にベッ
【ブログカスタマイズ】はてなブログで「アイコン吹き出し入りボックスリスト」をHTML,CSSで実装する方法 - redoブログ
今回はコピペで簡単にHTML,CSSを用いて「はてなブログ」に対応したボックスにアイコン吹き出しをつけるブログカスタマイズ方法を紹介したいと思います。 もちろん「無料版はてなブログ」でもコピペで簡単に実装できますよ。WordPressじゃないとサイトデザインが整えられないということは決してありません。 サイトデザインを整えることは「滞在率の増加」や「直帰率の低下」に繋がり、”SEO対策”にも重要ですので、ぜひ「吹き出し付ボックスリスト」も実装してみましょう。 なぜ「ブログカスタマイズ」が重要か はてなブログ対応のアイコンの吹き出し入りボックス「共通CSSコード」 はてなブログ対応のデザインサンプル例(オレンジバージョン) アイコンの吹き出し入りボックス「HTMLコード」(オレンジ) はてなブログ対応のデザインサンプル例(ピンクバージョン) アイコンの吹き出し入りボックス「CSSコード」(ピ
こんにちは、ジブリッシュマンブログのエイジです。 今回は、はてなブログのカスタマイズのまとめ記事を作成していこうと思います。 私が使っているブログデザインは、はてなブログランキングで NO.1 の【Minimalism】を使っています。 なので、こちらのデザインを使っている方なら全部うまく設定できます。 他のデザインを使っている人でもコピペで簡単に設定できるので、やって見る価値ありです（笑） できなかったらすいません！！！ と思いますので、そういう人は目次からやりたいカスタマイズを選んでいくといいでしょう！！！ では、一つづつ詳しく紹介していきます。 ブログタイトルをふい字か力強い太字への変更方法 最初の設定はゴシック文字なので、もしブログのタイトル部分をゴシック文字からふい字に変更したい場合の設定方法です。 ふい字 力強い太字 ふい字の場合は堅苦しくない感じがして、アットホーム感のあるブ
目次・見出しのデザイン変更、マーカー機能、カテゴリーのタイル表示、実際に私のブログでのカスタマイズについて。CSSコードあり #CSS #ブログカスタマイズ #マーカー #CSSコード - サバのトランク
★★ はてなブログに関する記事です ★★ 前回の記事で、このブログのデザインを少しカスタマイズしていると書き、サンプル画像を載せました。 カスタマイズの「結果」だけ書いて「方法」を明かさないのも、なんだかイヤな感じ？なので😄、備忘録も兼ねてカスタマイズ方法を載せておきたいと思います。 わかっている方には冗長だと思うので、最初にCSSコードを載せ、その後に設定方法を書きます。 カスタマイズ内容 CSSコード（⬇️下記をクリックして、コードの表示・非表示切り替え） 設定方法（簡単に） 設定方法（スクリーンショットと共にわかりやすく） オリジナルなカスタマイズ方法のヒント まとめ カスタマイズ内容 ・目次のデザインを変更 ・見出しのデザインをわかりやすく変更（オリジナルでは字の大きさの違いだけ） ・記事中の文字を「斜体」に設定することで「黄色のマーカー」を引く ・「カテゴリー」を「タイル」表示
はてなブログカスタマイズの記事まとめ（その5）[HTML、CSS、はてなブログ関連] - みやもとブログ
この記事は移転しました。約2秒後に新記事へ移動します。 移動しない場合は以下をクリックしてください。 miya-moto-memo.hatenablog.com
![はてなブログカスタマイズの記事まとめ（その5）[HTML、CSS、はてなブログ関連] - みやもとブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/6ac8c96bd20fd3b66604da42afdf1e28739f93ac/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmiyamoto-blog%2F20230909%2F20230909195451.png)
超初心者のはてなブログカスタマイズ②サイドバーって何？からのサイドバーのカスタマイズ - KIKKO BLOG
ブログ超級初心者のきっこです。 ブログを開いて、わたしの場合は右側に【プロフィール】や【検索】や【最新記事】と並んでいる場所が【サイドバー】です。（得意気に言うことじゃないですね😅） イイ感じのブログを見ていると、この【サイドバー】がかっこいいなと。広告も【サイドバー】に載っていたり、記事の紹介にも写真が載っていたり。 昨日までわたしのブログは文字オンリーでした。。。 kikko-chan.hatenablog.com まず、せかっく記事のカテゴリー分けをしたのだから【カテゴリー】というコーナーをサイドバーに作りたい！ ①ダッシュボード➡デザイン➡カスタマイズ➡サイドバー➡モジュールの追加 ②モジュールの追加画面から使用したいモジュールを選びます。 あぁ😲これこれ！これを探していたのよ😃 この【モジュールの追加】というものさえあれば、サイドバーにいろいろ盛り込めるのだね。先輩ブロガー
【ブログカスタマイズ】はてなブログで「この記事は〇分で読めます」の簡単コード実装方法を紹介！ - redoブログ
こんにちは管理人のredoです。今日は記事の文字数に応じて、”この記事は何分で読めます”という表示をHTMLを使って自動で設定する方法をご紹介したいと思います。「はてなブログ」でもコピペで即実装できます。もちろん「無料版はてなブログ」でも実装可能ですよ。簡単に実装出来て「SEO対策」としても有効なのでオススメです。 記事の長さによっては”家に帰ってからゆっくりパソコンで読もう”となったりもしくは”この長さならさらっと読んでしまおう”など冒頭に書いてあるとスクロールして確認する時間が省けるので、大変便利ですよね。 私が良く普段よく閲覧しているYahoo!ニュースでも記事が何分で読めるか表示されていることがあります。 日本人の記事を読む時間の目安 ”記事を読む時間”の設定手順 ”記事を読む時間”を設定する実装コード(HTML) コードの貼り付け場所 まとめ 日本人の記事を読む時間の目安 日本人
はてなブログ「関連記事」をカスタマイズします！ ずっと気になっていた「関連記事」をカスタマイズしました。 記事下に表示される「関連記事」ですが、ワンタッチで表示・非表示が選べます。 「デザイン」→「カスタマイズ（スパナのマーク）」→「記事」の「関連記事を記事下に表示する」のチェックボタンで選べます。 私は、表示はしたいけど表示の仕方がイマイチだなぁ...と思っていたので、今回カスタマイズしてみました。 気に入らなかった点 ●カスタマイズ前の表示（ＰＣ）がこちら。 横に間延びしているような感じで、スカスカしたような印象。 あと、タイトルの下に表示される説明文が不要。（ほんの少ししか表示されないからなくていい。） ●カスタマイズ前の表示（スマホ）がこちら。 タイトル下の説明文が、画像の下に入り込んでいてゴチャゴチャ感が凄い。 以上が気に入らなかった点です。 レッツ！カスタマイズ！ カスタマイズ
はてなブログカスタマイズの記事まとめ（その8）[CSS、HTML、JavaScript関連] - みやもとブログ
この記事は移転しました。約2秒後に新記事へ移動します。 移動しない場合は以下をクリックしてください。 miya-moto-memo.hatenablog.com
![はてなブログカスタマイズの記事まとめ（その8）[CSS、HTML、JavaScript関連] - みやもとブログ](https://cdn-ak-scissors.b.st-hatena.com/image/square/8aa3326c6a6e2bce8697becbda57fa597fd044f6/height=288;version=1;width=512/https%3A%2F%2Fcdn-ak.f.st-hatena.com%2Fimages%2Ffotolife%2Fm%2Fmiyamoto-blog%2F20240410%2F20240410231521.png)
カンパーニュもフライドオニオンもブログカスタマイズも…失敗×失敗＝奇跡の味⁉ - TAYORAKO KITCHEN
と、思っていたらカゴに振った粉が足りなかったようで生地が離れなくなりました💦 せっかくぷっくり膨らんだのに、生地が傷ついてしまった💦 なんとか形を戻して焼き上げましたが…。 カゴに振る粉が足りず、生地が張りついちゃった〰️💦 形はいびつ クープも気泡も入らず💔 悔しい♪(´ε｀*) pic.twitter.com/xVPxbyaDtk — たよらこ@ワードプレス&はてな (@tayorakko) May 30, 2020
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブログカスタマイズ マーカー線の引き方 - はなログ
【日常】Youtube動画と連動させたブログカスタマイズに奮闘中 - 毎日を生きる、そして活きる
初心者でも簡単｜コピペでOK！ブログカスタマイズの参考サイト【はてなブログ】 - デザはじ
![中国系ハッカー、“FBIのバックドア”から米通信大手をハッキング | p2ptk[.]org](https://cdn-ak-scissors.b.st-hatena.com/image/square/44d7851311bfad4e95296b931a5ab2882dbbf1b3/height=288;version=1;width=512/https%3A%2F%2Fp2ptk.org%2Fwp-content%2Fuploads%2F2024%2F10%2Fcalea.jpg)
【はてなブログカスタマイズ 】オリジナルの404 Not foundページを作る！ - こわいものみたさ
はてなブログカスタマイズ【１８選】コピペで簡単にできる設定【まとめ】
【はてなブログカスタマイズ】記事下の「関連記事」をカスタマイズ！記事の説明消します - わたし、シーズン2
totoro1974.hatenablog.com
7-24blog.com
etutorend.com
plentyofquality.net
wxmx07589.seesaa.net
www.ssb-j.jp