【表示の不具合に対応】はてなブログで記事の最終更新日を自動表示させる方法を紹介しますの！ - 元IT土方の供述
みんなー！うしるだよー☆ 今回はねえ！はてなブログで記事の「最終更新日」を自動表示させる方法を紹介しちゃうんだ！ 刮目して見てね♡ リライトした記事の最終更新日を表示させたい！ 追記（2019年6月12日）:はてなブログ仕様変更に伴う不具合の修正 最終更新日表示のJavaScriptコード 「記事下」にhtmlコードを貼り付け 最終更新日表示のCSSコード 「デザインCSS」にCSSコードの貼り付け スマホ版での設定（PROのみ） JavaScriptコード スマホ版CSSコード まとめ リライトした記事の最終更新日を表示させたい！ 過去に書いた記事をリライトるって人は多いと思います。誤字とか脱字とか・・・え？ しかし、リライトしてもはてなブログだと更新した日付は表示されません。そこで、最終更新日を表示させる方法を紹介します！ 下記の記事を参考に導入していきます。 www.tsubasa-
トップの画像をランダムに変える方法 - after work Labo
はじめに なぜヒーローヘッダーで派手な演出をするのか 初心者でもカッコ良くできるWebサイト なぜトップビューの画像をランダムに変えるのか トップの画像をランダムに変える方法 ランダムに画像を選択する jQuery CSS HTML アクセス時刻で表示を変える jQuery 上手く行かなかったこと 画面に雪を降らせる方法 まとめ はじめに 今回の記事は、ブログのトップ画像をランダムに変える方法の説明です。 当ブログはヒーローヘッダーを採用してますが、ブログにアクセスするたびに、ヒーローヘッダーの画像をランダムに変えちゃおう、という作戦です。 ただ変えるだけでは面白くないので、アクセスする時間帯に応じて、きれいなお姉さんのセクシーレベルが変わるように工夫しました。 更にWebサイトを冬らしくするために、雪もどきを画面に降らせてます。 演出が多少くどいかも知れませんが、これが管理人の今のスキル
アダルトなカード型のWebデザインにカスタマイズした方法 - after work Labo
はじめに なぜブログのデザインを変えるのか？ はてなブログのデザインテーマ テーマの安全な利用 ここまでのまとめ はてなブログテーマのライセンスの種類と内容 はてなブログのデザインテーマのライセンス形態 カスタマイズする前の準備 デザインのコンセプトを決める サイトのレイアウトを決める デザインテーマの選定 デザインテーマのカスタマイズ方法 管理画面での修正 完成までの流れ 無料エディタのライブビューを使う方法 Bracketsの利用 Web Makerの利用 スマホ画面での表示確認 Browsersyncの利用 はてなブログのHTMLのidとclass アイキャッチ画像の活用 アイキャッチを背景画像に使う アイキャッチをタイトルの背景に変える まとめ 申し送り はじめに 皆様お久しぶりです。 時が経つのは早いもので、前回の更新から37日が過ぎてしまいました。 FC2ブログは30日間以上更
【はてなブログ】プロフィールのデザインをカスタマイズする方法 - 元IT土方の供述
今回は、はてなブログでプロフィールをカスタマイズする方法を紹介します。 PC版のカスタマイズ方法とスマホ版のカスタマイズ方法の2種類を紹介します。 プロフィールカスタマイズ ちょっと、そこのダメガネ！ ダメガネとは聞き捨てならないわね！ それでなんだね？シャルよ 私のブログのプロフィールがあんたの画像になってんだけどどういうことなの？ www.charlottehibi.com デフォルトの設定でこうなってるんですな 仕方ないね 仕方なくないわよ！どうにかしなさいよ！！ どうにかってどういうことなの？ プロフィールを私の画像に直しなさいってことよ！！ PC版のプロフィールカスタマイズ 上の画像のようなサイドバーのプロフィールを設定していきます。 <center><div class="shadow"><img src="画像のURL" width="280" height="280"></
ハイライズステムの逆付けでロードバイクのハンドル高を下げたよ - スネップ仙人が毒吐くよ
前回も触れたが、自分のロードバイクはノーマルな状態では随分ハンドルが高い。 snep1000.hatenablog.com 色々やって、ステムをコラムの一番下にべた付けするまで下げたのだが、それでもあと3㎝位下げないと希望の高さにならない。 残された手段として、ハイライズステムを逆付けすることにした。 ハイライズステムとは、ハンドルを留めているクランプ部分の横棒が急角度で上を向いているパーツである。 BBB 自転車 ステム 6061 アルミ ハイライズ MTB BHS-25 AH OS 70MM 31.8 35D ブラック 681485 出版社/メーカー: BBB メディア: スポーツ用品 この商品を含むブログを見る こんな感じである。 本来は、ハンドル高を上げる為に使うパーツだが、これを上下逆付けしてハンドルを下げる作戦だ。 ところが、このハイライズステムは様々な角度と長さがあって、どれ
はてなブログでAMP配信｜アドセンス広告の自動挿入やCSS編集をしてみた - テケログ
当ブログでは10月当初からAMP(Accelerated Mobile Pages)配信を始めました。 AMPとはGoogleが推し進めてきたプロジェクトで、モバイルページの高速化してユーザーがよりストレスなく利用できる技術です。 AMPについては他のサイトやブログを参考にしてください。ぶっちゃけ私はよくわかっていません。 しかし、AMP配信をすると言うことはメリットだけでなくデメリットも存在し、導入を延期している方も多いと思います。 この度当ブログをAMP配信するに当たって意識したこと、やったこと、失敗談などをまとめてみました。 私の備忘録も兼ねていますが、参考にしていただければ幸いです。 ちなみに１ヶ月運用した結果がこちら www.kouritsu30.com なぜAMP配信を始めたか？ AMPについて私が思っていたデメリットがこちらになります。 レイアウトが崩れやすくしょぼい Jav
はてなブログがSSL化（HTTPS化）するまでに準備しておくべきこと
こんばんは。 はてなブログへの接続をすべてHTTPSにできる機能の実装予定と、利用を検討するユーザー様に準備いただきたいこと – はてなブログ開発ブログ はてなブログがSSL化を予定しているようです。 SSL/TLSについてはこちらの記事が分かりやすいので、参考にしてください。 SSL/TLSってなんだろう？｜SSL/TLS-総合解説サイト 差し替えが必要なコード SSL化に伴い、いくつかのコードを修正する必要があります。 専門的な話は抜きにして、サクッと対処法を書いておきます。 追記:置換ツールを作りました。 はてなブログ用の一括置換ツールを作りました | SHIROMAG コードを検索する方法 サイドバーに検索ボックスがあると思うので、該当するコードを検索してください。 サイドバーに検索ボックスがないブログは設置してください。ユーザビリティ的にもあった方が良いでしょう。 「デザイン」→
【実録】初心者でもはてなスマホデザインを見れるレベルにカスタマイズできた - 嫌いな中国出張はきっと好きになる
はてなブログの”スマホデザイン”のカスタマイズにようやく着手しました。これまで「Broollyn」というテーマをレスポンシブデザインにしていたので、スマホ用の設定には触れていませんでした。というかスマホ用とPC用にそれぞれ設定することはハードルが高すぎて手が付けられなかった。 過去の記事を見るとスマホ対応に関して4か月前から気にはしていましたが、ずっとスルーしていた様子。行動力のなさよ。 はてなブログをスマホ対応するべきだと分かっていても設定に心が折れました - 中国出張が好き〜アナザースカイ〜 CSSやらコードが苦手な自分にとって、スマホデザイン設定は想像以上に難しく時間がかかってしまいました。例の如く偉大な先人方のサイトを徘徊して、コードをコピペして作りました。初心者ながらも最低限に見れるレベルには昇華できたと思います。 ただ、このまま記録も残さずにいると設定方法を忘却するのは確実なの
【決定版】はてなブログ・スマホデザイン最強カスタマイズ集 - ひつじの雑記帳
※記事更新から1年以上が経っているため情報が古い可能性があります 当ブログ「ひつじの雑記帳」は5月1日で運営1ヵ月目を迎えました。お陰様で5記事しか書いてないにも関わらず1ヵ月目で4万PVを達成することができました。 投稿する記事の質は当然意識してきましたが 、短期間でここまで成長できたのはブログデザインの影響も少なからずあるかなと感じています。 そこで今回は、当ブログ「ひつじの雑記帳 」で実践しているカスタマイズ・コード全てを紹介していこうと思います。 当初はこのブログのスマホデザインのカスタマイズコード全てをひとつのパックとして5000円で販売しようと思っていたんですが、いろいろと気が変わったので全て無料で公開することにしました。 デザイン完成図 使う色を落ち着いた色に統一したフラット風のデザインに仕上げています。おすすめ記事を宣伝するスペースもいくつか設けているので直帰率の改善にも貢
dfltweb1.onamae.com – このドメインはお名前.comで取得されています。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)（「ICANNがレジストラとして認定した企業」一覧（InterNIC提供）内に「Japan」の記載があるもの）を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
おすすめの「はてなブログ」カスタマイズ方法をまとめて紹介【初心者向け】｜本日もトントン拍子
今回は僕が現在も使っているはてなブログのカスタマイズについて紹介していきたと思います。ブログのカスタマイズは楽しいので思わずのめり込んでしまいます。 つい色々なカスタマイズを導入してしまいますが、後々よく考えると必要のないカスタマイズだったり、ページが重くなってしまうものも多くあります。この記事では僕が現在でも使わせていただいているカスタマイズを紹介していきます。 「はてなブログ pro」の契約が必須 はじめに前提としてですが、はてなブログを自由にカスタマイズするためには「はてなブログ pro」の契約が必須となります。 「はてなブログ pro」について詳しくはこちらの記事を御覧ください。 www.tontonpig.com シェアボタン、フォローボタンの設置 スマホ版、PC版ともにみやすいシェアボタンとフォローボタンを設置しました。はてな純正のものに比べるとかなりデザイン的によくなりました
Google Chromeで滑らかなスクロールを無効にする方法 - どうのブログ
2016 - 01 - 16 Google Chromeで滑らかなスクロールを無効にする方法 Google Chrome と Chrome canaryを使用しているのですが、 突如滑らかなスクロールが有効になってしまったので、設定方法をメモ。 スムーズスクロール。あまり得意じゃないんだよなあ 方法は以下。 アドレスバーに chrome ://flags/ と入力。 試験運用機能の一覧ページが出てくるので、 その中から「滑らかなスクロール」を見つけ、無効にするだけ。 後は Chrome を再起動すればOK！！ cuptan 2016-01-16 08:54 Google Chromeで滑らかなスクロールを無効にする方法 list Tweet 広告を非表示にする コメントを書く « 【漫画】七つ屋 志のぶの宝石匣 1~2巻 読… 可哀想な正月…とは？ »
スタイルフィットマイスター5色、ジェットストリーム4&1、ピュアモルト4&1の軸とグリップで可能な組合せ色々 - 趣味と物欲
三菱鉛筆の多機能ペン3種、スタイルフィット マイスター 5色ホルダー（ノック式）、ジェットストリーム 多機能ペン 4＆1、ピュアモルト 4＆1 5機能ペンのグリップと軸をそれぞれ組み合わせてみました。 オリジナルの軸はこう。 スタイルフィットのリフィルはジェットストリームインクのSXR-89、ジェットストリーム 4＆1とピュアモルト 4＆1はSXR-80芯でどちらも80円ですが、スタイルフィットの方がインク量が多くて、ちょっとお得？ それぞれのペン先側の軸に加えて、交換用グリップのSMART-GRIP*1 溝タイプも試してみます。このタイプのSMART-GRIPは、ジェットストリーム 4&1とフリクションボール 3・4に対応しています。 ネジ溝の形はスタイルフィットとジェットストリーム系はまったく異なっているんですが、、、 スタイルフィット マイスターにピュアモルト 4＆1のグリップは何故
アプリーチの使い方の説明とコピペで使えるCSSデザインを用意しました | ゴトーのブログ
STEP1: アプリの検索 まずは上の画像のように、入力ボックスに検索したいアプリ名を入力して検索ボタンをクリックする。 すると最も適合したアプリのデータが表示される。ここでは「白猫」と入力したら白猫プロジェクトが表示されている。 STEP2: データのカスタマイズ このSTEP2はアフィリエイトリンクに差し替えたり、データのカスタマイズをしなくても良いという場合は飛ばしても良い。 カスタマイズをしたい場合は、まずは「追加機能」というボタンをクリックしよう。 すると上の画像のように様々なメニューが表示される。 それぞれどのようなものかは以下の通り。 開発元あり / なし…ボックスに開発元を表示するかどうか。ただしなしにするとデザインが崩れる 価格あり / なし…有料アプリの場合のみ価格と表示するかどうか。 タイトル…アプリのタイトルに何に準拠するかどうか。基本的にデフォルトで良い。 画像…
ブログのカテゴリー数は７個程度がいいと思う（カテゴリの整理） - ナンダのサラリーマンblog
どうもサラリーマンブロガーの僕です。 今日はブログのカテゴリー数（整理）についての記事です。 はじめに 先に結論 カテゴリー数は何個が適正なのか？ カテゴリーの整理方法 カテゴリの整理方法詳細 現状確認 カテゴリー名を変更してマージする カテゴリーをマージする手順 まとめ はじめに 今日はお休みいただきましたので、せっかくできた自分の時間を有効活用しようと思い、ブログのカスタマイズしました。 本当はグローバルメニュー追加とか、全体のデザインを変更しようと思ったのですが、そういや、ブログ始めてからカテゴリーの整理してなかったなと思い、カテゴリの整理をしたのです…（それだけで結構時間かかってしまった） 先に結論 今回のカテゴリーの整理により 整理前⇨３０個 整理後⇨１１個（ー１９個） という数に減らすことができました。 カテゴリーの整理方法、僕が考える適正な数については後述します。 カテゴリー
【コピペOK！】めっちゃ秘密にしたかったけどCSSで文字を震えさせる方法を大公開するよ！ - にーとのかがみ。
どうも、沖縄在住ニートブロガーのケンヂ（@neetblogman）です。 実は最近、僕のブログで使用しているとある機能について問い合わせを受けることがちょくちょく出てきました。 まぁ既にタイトルにも記載しているんですが、文字が震える機能のことです。 これとか！ これね！！！ この機能が僕のブログに独自性を持たせていたともいえるため、この方法を周りのブロガーに紹介してしまうと僕の存在が消えてしまうのではないかという恐れがありますが、今回はそこについて気にしない方向で行きたいと思います。 何故なら、一度はIT業界に携わった身ですからアウトプットの大切さを僕は知っているのです。アウトプットがあるから新たなインプットが生まれる、これの繰り返して人間という生き物は成長していくのですよ。 というわけで！！誰でもサクッと簡単に使うための方法を教えちゃうよ―(‘ω‘ ) CSSなどの導入方法はこちらのペー
【ブログ読者奪取テロ？】はてなブログで読者登録ボタンをカスタマイズしている人の「他人の読者数」を勝手に減らせるのか？ - 攻めは飛車角銀桂守りは金銀三枚
今日ある人のブログを見ていた。 www.nichi-petit.com 間違えて記事下にある「読者になる」ボタンを押してしまった。 「このブログには１０２１人の読者がいます。読者をやめる」って表示されました。 「この人、読者１０００人越えの人なんだ・・・」と思いましたが、アクセス数の報告みていると「９月で４桁後半」とある。 「やけにアクセス数すくないなぁ・・・」と思いもう一度ブラウザバックして記事下の「読者になる」ボタンにマウスを合わせると ブラウザーの下に ｈttp://blog.hatena.ne.jp/shiromatakumi/shiromatakumi.hatenablog.com/subscribe とビミョーに表示されてる。 こ、これはこのテーマ（Brooklyn）を作られた「シロマティ (id:shiromatakumi) 」さんのURLそのまんまだ。 これがうわさの「ブロ
ブログのカテゴリ分けについての考察 - とまじぃさんち
2016 - 10 - 16 ブログのカテゴリ分けについての考察 シェアする Twitter Google+ Pocket はいども！久々にブログネタで～っす♪ ちょっとアクセスとか増えてくると、少なかった頃とは違ったものが見えてくる事もありまして。 今日は「カテゴリ分け」でちょっと気づいたことがあるんでシェアさせていただきます。 親カテゴリと子カテゴリ はてなのデフォ状態だと カテゴリは一段しか設定できませんが、結構な数の方が「パンくずリスト」とか導入してると思うので、親カテゴリと子カテゴリは設定してるんじゃないでしょうか？ んで、文末とかに 「関連記事」 って形で同カテゴリの記事を５個位載せてるって感じ？ わかりやすく クルマあたりで例えると 親カテゴリ：トヨタ 子カテゴリ：コンパクトカー（設定的には トヨタ-コンパクトカーって書きます） で・・このカテゴリなんですけど、 訪問者の導
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
ブレーキワイヤーを手軽に短くする方法 | 4番は司令塔
not found