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

デキるビジネスパーソンなら、日々のインプットに書籍だけでなくブログも読んでいる！という方は多いのではないでしょうか？ 数あるブログサービスの中でも草分け的存在であり、現在もネットの言説を左右するアルファブロガーが多いのが、「はてなブログ」をはじめとする株式会社はてなのサービスです。ここでは、ニュース・時事評論・ライフハック・業界裏話などなど、数多いはてなのエントリーの中から、特にビジネスパーソンにおすすめのはてなブロガーさんを10人、まとめてご紹介します。 ビジネスに役立つテクニックはもちろん、ふと人生を見直すきっかけも得られるかもしれません。 ビジネスパーソンにオススメのはてなブロガー10人 watermanさん「自分の仕事は、自分でつくる。」 映像ディレクター・プランナーのwatermanさんが職業・仕事についての話題について書かれているブログです。おすすめ記事はこちら！ 10年後も残

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

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」を作りました。 「はてなブログを一瞬でおしゃれに美しくする最強のデザインカスタマイズ方法」と仰々しいタイトルを先に決め、ブログのカスタマイズ記事を書き出し

はてなブログでは自分のブログに対して他のはてなブログからどのような言及がされていたのか確認できるようになっているのですが、特に通知はきていなかったものの以下の記事で自分への言及がされているのを確認しました。 読者登録数ランキング ・改 - ゆとりずむ こうやってみると、トップブロガー間での交友関係（？）がなんとなく見えるかなあとは思ったのですが、やはり読者登録だけじゃちょっと無理がありますね。誰が輪の中に入っていないのか？が分かったくらいですね（笑） その中で、ブログの書き手同士の読者登録関係図（上）が紹介されています。"誰が輪の中に入っていないのか？が分かった"とありますが、これを見る限り、私は輪の中には入っていないようです。 この関係図は、はてなブログでの読者登録数が多い55名の間での読者登録関係を確認しているため、私は自分以外の54名の方をたまたま読者登録していないことにより、このよ

コピペコードをうつす前に、必ず以前のコードをメモ帳にバックアップしておくなどの対策をしておくようにしてください。 シェアボタンを設置する上で、何らかのトラブルや損失・損害等につきましては一切責任を問わないものとします(一応)。 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から同時に大きく取り扱われました。 リアル

最近ブログカスタマイズがマイブームの@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

ここ最近、はてなブログを見ていると左サイドバーが多く感じるようになりました。つい1ヶ月くらい前までは左サイドバーは稀だったというのがボクの印象です。 好みや慣れという事もあるのですが、個人的にはブログなら右サイドバーが好きです。 サイドバー無しというのは、結構自分としてはハードルが高いため採用しないな～と思っています。サイドバー上部のクリック課金型広告を出したいから使用しない　サイドバーがあるといろんな情報が読み取れるので便利ですよね。 上記の写真より 上記の写真を見てもらうと、右の空白よりも左のダンボーに最初に目が行く方が多いかと思います。 人は、ネットだと左から右に目を運ぶ習性があると言われています。 サイドバーの効果 サイドバーのあるブログのメリットはいろいろありますし、UIを考えた時にはサイドバーはあった方が良いと思っています。 もちろん、好みや主張を持ってサイドバー無しをされてい

「面倒くさい」は開発の母だと思います。 はてなブログでは過去記事の紹介ツイートをしようとした時、わざわざ自分で記事をピックアップしてタイトルやURLを貼り付けてとしないとダメみたいで、面倒くさいなと思ったので半自動化してみました。 どんなものが出来たか、何をやったのか紹介してみます。では、いってみよー。 半手動ブログ過去記事ツイートサービス 半手動ブログ過去記事ツイートサービス 完成品はこちらです。URLを入れて、見出しを決めれば（見出しはそのままでもいいし、消しても構いません）ボタンひとつで過去記事を引っ張りだしてツイート文を作ってくれます。 で、下のボタンを押したらTwitterの画面が出るので、あとは投稿するだけ！ 簡単でしょ？ ※URLは個別記事のものでなく、ブログトップのURLをご入力下さい はてなブログ以外にも対応しています 最初ははてなブログのために作ろうとしていたのですが、

はてなブログでは、スマートフォンのデフォルト表示でも、記事およびブログ上下にHTMLを自由に記述できるようにしました。あわせて、デザイン設定画面に「スマートフォン」タブを新設し、既存のスマートフォン向けデザイン機能もまとめて設定できるようにしました。 ※「スマートフォン」タブの設定項目のうち、新しく利用できるようになった機能は、はてなブログProユーザー限定です。 スマートフォンで閲覧されたときにも、固定のメニューを表示したり、ソーシャルボタンやブログパーツを機能させたり、スマートフォン用にカスタマイズした広告を掲載するなど、より自分らしくブログをカスマイズすることができます。どうぞご利用ください。 「スマートフォン」タブで利用できるデザイン設定 新しくデザイン設定画面に追加した「スマートフォン」タブでは、スマートフォンでの表示について以下の項目がカスタマイズ可能です。 ブログの「ヘッダ」