こんにちは、てつです。 遅ればせながら、、、はてなブログのSSL化対応しました🎉 面倒くさそうだな・・・と思っていましたが、実際にやってみるとそんなに時間はかかりませんでした。 はてなブログのSSL化に際してやったことの備忘録や、そもそもどういったブロガーが作業の対象になるのか？SSL化のメリットは？などを書いていきます。 SSL化ってなに？はてなブロガーはどういう人が対象？ そもそもSSLとはどういうことでしょうか？ネットで調べるとこんな感じで情報が出てきます。 SSL（Secure Sockets Layer）とTLS（Transport Layer Security）は、いずれもインターネット上でデータを暗号化して送受信する仕組み（プロトコル）です。個人情報やクレジットカード情報などの重要なデータを暗号化して、サーバ～PC間での通信を安全に行なうことができます。 SSL/TLSって

※当テーマの紹介する際は、テーマ配布ページではなくこの記事のURLを使用してください。 ※追記あり：デザインのアップデートについて+ 元のデザインに戻す方法 当ブログ「ひつじの雑記帳」を開設して間もなく、フラットデザイン風のおしゃれな自作テーマ「Codomisu Flat」を公開しました。 レイアウト的に少し扱いにくいテーマでしたが、思っていたよりたくさんの方に使ってもらえました。 力こそパワー　+ログ　ゼロから始めるビットコイン さんなど特におしゃれにカスタマイズされているので是非見てみてください。 あれから約2ヵ月経った今、オリジナルのはてなブログテーマ第二弾「Minimalism」を公開しました！ Minimalism（ミニマリズム）の特徴 このテーマは、テーマ名「Minimalism」にある通り、デザインは最小限のみに抑えてあり、「美」をとことん追求しました。 こどみすフラットとは

Site will be available soon. Thank you for your patience!

この前、もう１つの新ブログを公開したことを、このブログで宣伝させてもらいましたが、もっと宣伝したくなったので、サイドバーに画像付きで、新ブログのリンクを貼ってみました。本日は、『はてなブログ』のカスタマイズ！サイドバーに画像編と題しまして、その方法を備忘録として書き留めておきたいと思います。 完成図 こんな感じでサイドバーに新ブログの宣伝をしてみました。ちょっと画像が大きすぎるような気がしますが、まぁよしとしましょう。 それでは、実際にサイドバーに画像を貼り付ける方法について解説していきたいと思います。 1.まず画像を準備する まずは画像を準備しましょう。このブログの場合サイドバーの横幅が300pxなので、300pxの画像を用意しました。何となく正方形にしたかったので、約300×300でトリミングして形を整えました。 2.画像のアップロード フォトライフに画像をアップロードしましょう。 ア

ituore.com 2024 著作権. 不許複製 プライバシーポリシー

Javascriptのコードを生成 下記のページにて、お持ちのURL等を入力してscriptコードを作成します。 http://www.shisuh.com/statics/relatedPageSetting/ はてなブログにログインし、「デザイン」へ 左上をクリックした後出現するメニューの中の、「デザイン」をクリックします。 補足ですが、デザインのアイコンは下記のような画像です。 遷移後は、下記のような画面が表示されます。 デザインのカスタマイズ画面へ デザイン画面の左ペインのスパナのようなマークをクリックする。 すると、下記の様にカスタマイズメニューが出現します。 記事下のカスタマイズをする 「記事」をクリックすると、ソーシャルパーツのカスタマイズが見えます。 この左ペインを「記事下」が現れるまでスクロールします。(下画像参照) この画面の「記事下」に一番最初に生成したscriptコ

2016 - 02 - 11 ブログカスタマイズの日。スマホ版の軽量化のためにあれこれ ☆ブログ☆ ☆ブログ☆-カスタマイズ スポンサーリンク シェアする Twitter Google+ Pocket さて、今日は祭日。 あれもやりたい、これもやりたい、ああしたほうが（儲かるかも）こうしたほうが（儲かるかも）とやってる間にコテコテ仕様になってたウチのスマホサイト。 重いわ～完全に表示されるのにものすごく時間がかかる。家ならWi-Fiでネットの速度は十分なはずなのにこのモッサリ感はやっぱりいろいろくっつけすぎなんやろな、ということで今日は祭日、家を出ないで引きコーモリしてブログでもいじろうかなと。 ふっふっふ、ひきコーモリな。 やってみたことあれこれ 複合メニューバーをつけた www.yukihy.com じつは今回の軽量化のメインはこれをつけることだったんですよ。これを付けたらMilla

長かった！ここまで長かった…！ まとめてみたら1万字の大ボリュームになってしまった！ それなりに満足する出来になってきたので当ブログで行ったカスタマイズをまとめて大公開するぞっ！！（といっても初心者向け） カスタマイズする際は前のコードを取っておきましょう！カスタマイズ用のサブブログもあると便利！紹介だけなので各自で頑張ってみてね。僕も素人だったのでやればいろいろできますぞ。 導入テーマ タイトル周辺 タイトル画像 グローバルメニュー 記事本文 記事本文のCSS 記事内の一部を背景色と蛍光ペンみたいな下線で装飾する方法 リンクの色 変な行間の消し方 見出しのカスタマイズ 枠線 目次 記事タイトル等 日付 記事タイトルの見出し 記事上のタグと記事間のスペース調整 続きを読むボタン 挿入する画像に枠を付ける サイドバー プロフィール フォロー、シェアボタン サイドバーのモジュール まとめ 導入

This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.

はてなブログにはPC表示用にもスマホ表示用にも、グローバルナビゲーションが純正では用意されていません。 スマホにもグローバルナビを設置したいなーという人は多いのでしょうか？昨日、吉本ユータヌキさんからこんなツイートをもらいました。 @aiueolab ひ！非常に嬉しいです！！全然関係ないんですが、スマホ用ヘッダーのカテゴリーボタンの配置方法記事お願いします！！あれすごく良いです！！！— 吉本ユータヌキ (@gonnakill_uta) 2014, 9月 18 私は恥ずかしながら、かなりテキトーにカテゴリを並べていただけですが、ユータヌキさんからリクエストをいただいたので、書いてみることにしました。 はてなブログはスマホでもヘッダーにJavaScript書けるんでしたっけ？調べるのちょっと面倒だったので、今回は使わずに設置してみます。 用例画像は、吉本ユータヌキさんのブログ「タヌキ部屋」より

以前、はてなブログのスマホデザインのカスタマイズ方法について書いた。 はてなブログのスマホデザインCSSをカスタマイズして、簡単にオシャレに見せる方法 - Literally 多くの方に参考にして頂いたようでとても嬉しい。続編を書いて欲しいというご要望をいくつか頂いたので、僭越ながらまたデザインカスタマイズのTipsを書こう思う。前回はスマホデザインについてのみ触れたが、今回はPC表示のカスタマイズについて。主にコピペだけで「超カンタン」におしゃれなブログが作れるので、Webデザイン初心者の方にも是非読んでいただきたい。 はてなブログユーザーでないのにこのページに辿り着いてしまった方、大変申し訳ありません… はてなブログテーマ「DUDE」を作りました。 「はてなブログを一瞬でおしゃれに美しくする最強のデザインカスタマイズ方法」と仰々しいタイトルを先に決め、ブログのカスタマイズ記事を書き出し

PR：はてなブログのテーマ「Naked」を作成しました！デフォルトでもカスタマイズもしやすいテーマです。よろしければご利用ください！↓ www.yukihy.com 今までいろいろとはてなブログをカスタマイズしてきて、特にシェアボタンなどはいろんなところで使われているようでありがたいです！ 数も多くごちゃごちゃになってきたので、一旦まとめたいと思います。 新しいカスタマイズを行い次第、この記事にどんどん付け加えていこうと思っています。 カスタマイズ記事まとめ 見出しのデザイン SNSシェアボタン関係 旧バージョン 新バージョン SNSフォローボタン メニュー関係 スマホ版のみ グローバルメニューと両立してレスポンシブ対応にする グローバルメニュー（ドロップダウン）&トグルメニューのレスポンシブ対応 グローバルメニュー（ドロップダウン）&スライドメニューのレスポンシブ対応 レスポンシブ対応な

コピペコードをうつす前に、必ず以前のコードをメモ帳にバックアップしておくなどの対策をしておくようにしてください。 シェアボタンを設置する上で、何らかのトラブルや損失・損害等につきましては一切責任を問わないものとします(一応)。 2015/11/21追記：11/20より、ツイッターのシェア数の取得ができなくなりました。(参考：持続的なプラットフォームのための難しい決断)これにより、ツイッターのシェア数の部分を「Twitter」と表示するように変更しました。 2016/1/11追記２：当ブログのシェアボタンを使っているかたのみ、Twitterのシェア数を表示させるようにする記事を書きました。詳しくは「count.jsoonを使って当ブログのシェアボタンを使っている方のTwitterカウント数を取得する方法 - Yukihy Life」をごらんください。 2016/5/18追記３：Faceboo

こんばんは。 突然ですが、はてなブログのスマートフォン用ページの下の方に「プロフィール」とか「はてなブログを始めよう」とか「はてなブログ開発ブログ等のリンク」とかがありますよね？？ ↑これです。 プロフィールはまだいいとしても、はてなブログへのリンクは必要ないんじゃないの？？って思うんです。 ですので、これらを非表示にしようと考えました。 でね、ネットで検索して探してみたんですけど、これらを非表示にする方法が書いてある記事が見つからなかったんです。 仕方がないので、ページのソースを見て試行錯誤しながら頑張りました。 結果が↓です。 <style> .hatena-module-title{display:none;} .profile-wrapper{display:none;} /*↑プロフィールの非表示*/ .footer-action-wrapper{display:none;} /

きりんの自由研究ではブログを使って何かしたいと思っている人のために、ブログ運営してて気づいたTIPSも公開していきます。 その中でも今回は、はてなブログのスマホ対応について書きます。 はてなブログを使っている人は、バズった時お客さんが素通りしていくので、ちゃんとスマホ対応しておかないとヤバいです。 はてなブックマーク発で記事がバズるとほとんどモバイル経由になる これはある日のこのブログのGoogle Analyticsのリアルタイム状況です。注目すべきは丸で囲んでいる所。PC/モバイル比率と、アクセス元です。Gnousy/smartnews経由の流入がメインになり、携帯電話比率がPCを超えます。 最近いくつか、はてブ経由での流入を狙った記事を幾つか書いています。これとか↓ この時は男女共に興味のあるテーマだったので、Smartnews/Gnousyから同時に大きく取り扱われました。 リアル

はてなブログのスマホ表示時のデザインはカスタマイズが面倒で、ほぼ全てのブログが同じデザインで個性が出しにくいのが特徴だ。簡単に変更できる部分は、ページ上部のアイコン画像ぐらい。 先日、その単調なはてなブログのスマホ向けデザインをカスタマイズしまくってみた。今回は備忘録がてら、その方法と「簡単にはてなブログのスマホ表示デザインをオシャレにするいくつかのテクニック」を記録してみようと思う。 はてなブログのモバイル（スマホ）デザインCSSを編集する方法 まず、ここがあまりネットで探してもなかなか見つからなかった。はてなブログにはPC表示向けのcss編集ボックスはあるが、スマホ表示用のcss編集ボックスはない。そのため、レスポンシブデザインのテーマを設定しない限り、スマホのデザインはカスタマイズできないんだと諦めている人も多いかもしれない。 ぼくもスマホのデザインをなんとか変えることができないが試

最近ブログカスタマイズがマイブームの@chihayuu_です。 今回は、CSSでデザインした見出しを追加してみました。 デフォルトの見出しでも十分なのですが、弄ってる感を出したかったのでデザインして追加してみました。 今の所は、下記記載の2種類だけ追加しています。随時レパートリーを増やしていこうと思います。 見出しを使い分けて見やすい記事が書けるように頑張ります。 ありきたりなデザインですが、よければお使いください。 吹き出しタイプ 吹き出しタイプ見出しです。 /*吹き出しタイプ見出し*/ .fukidasi{ position: relative; color: #fff; background: #0080FF; font-size: 18px; font-weight: bold; margin: 0 -28px 24px -28px; padding: 12px; box-shad

・2015.1.31 編集・追記 - 言及記事がアップデートされていたため 前記事で「サイドバーのカテゴリを綺麗にリスト表示したいけど」「ちゃんと考えればできると思うんですが、メンドイ」とか書いたくせに、直後に作っちゃいました。 意外とサクッと出来たので、やり方書いておきますね。 では、いってみよー。 基本的にはこちらのコードを （記事のアップデートを確認したので差し替えました / 2015.1.31） こちらに上げられているコードに付け加えて、構造化したカテゴリをサイドバーのカテゴリー欄に表示していきます。 なので、まずは上記事のコードを導入することが第一です。 Javascriptに数行書き足す for(var key in rootCategories) { if(!(rootCategories[key].outerHTML === void 0)) { html += '<li>

はてなブログを書いていて使えるテクニックをまとめてみました。 ここがそのトップページになるので、ブックマークなり戻れるようにしてみてみてください。 他ブロガーさんのリンクを勝手に張っている為、迷惑であればコメントくれれば削除いたしますのでご理解ください。 記事の予約投稿をする方法 オリジナルのピクトグラムをWebフォントとして使う方法 ＲＳＳボタンを設置させる方法 サイドバーにあるプロフィールの説明文を変更する方法 ヘッダーメニューから読者登録する方法 記事のエクスポート・バックアップ方法 無料アクセス解析を設置する方法 qualitte, inc. 「ブログカード」をWordPressのoEmbedに対応させる方法 Googleの著者情報を設定する方法 http://www.hayatokamono.com/entry/2014/07/23/070413 独自ドメインを設定する方法 Yo