コピペでどうぞ。はてなブログ用の見出しCSSカスタマイズをとりあえず25個ほど - つばさのーと
こんにちは、つばさ（@_tsubasa123_）です。 今日はみんな大好きコピペシリーズで王道の見出しデザインを試してみました。とりあえず25パターンほど用意しましたが、今後も気が向いたときに追加していければいいかなと思っています。ありきたりなデザインばかりであまり面白くないですが、誰かのお役に立てれば幸いです。 カスタマイズコードの登録方法と修正方法 この記事で紹介するCSSコードをそのままダッシュボードへコピペしていただければ、見出しのデザインが適応されるようにしてあります。PC、スマホどちらでも大丈夫です。HTMLとかCSSとかはちょっと…という方は作業をされる前にバックアップをとることをおススメします。 また、はてなブログを書く際に編集モードで「見たままモード」を利用されている方の場合、『大見出しにはh3』、『中見出しにはh4』、『小見出しにはh5』というタグが利用されています。
コピペでどうぞ。CSSでテキストの下線をちょっとオシャレにみせるカスタマイズ - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 今日はカスタマイズにちょっとした遊び心を付け加えてみました。お時間がある方は遊んでみてください。 CSSで下線をオシャレにしたい 色を選ぼう！ さいごに 関連記事 CSSで下線をオシャレにしたい shiromatakumi.hatenablog.com 先日公開されたシロマティさんのカスタマイズ、デザイナーさんってすごいですね。これからのはてなブログ界隈ではこの囲みのデザインを色んなサイトで見かけるようになるのでしょうか。 囲みも確かによく使いますが、同じくらい文字の装飾も使うものなのかな、と。文字自体の色の変更機能ははてなブログにデフォルトでついていますし、文字に下線をつける機能もありますが、下線にだけ色を付ける機能はないみたいなんですよね。というか、HTMLタグだけじゃできないのかな、多分。 たまに導入しているブログを見かけますが、C
ブログのシェアボタンを変更しました。
ブログ開設当初はAddthisを使っていたのですが、これだとはてなブックーマックのシェア数がうまく表示されないので、シェアボタンを変更することにしました。 参考サイト 変更した理由 私が追加したカスタマイズ 参考サイト コードを公開されている方がいたので、こちらを使わせてもらい微調整して記事の上下に設置してみました。ゆきひーさん（id:ftmaccho）ありがとうございます。 http://www.yukihy.com/entry/vol2-hatenablog-share-btn-custom 昨日まではこのURLで見れていたのですが、1/8の12:00現在だと「ページが見つかりません」と出てきてしまいました。ドメインの期限切れでしょうか？失礼ながらはてなIDから辿っていって記事を見つけることができました。 yukihy.hatenadiary.com 変更した理由 Addthisだとは
滞在時間は本当に上がるの？読了までの所要時間を予測して表示するカスタマイズ - つばさのーと
こんにちは、つばさ（@tsubasa123）です。 www.ideaxidea.com ちょっと古いですがこちらの記事にインスパイアされたカスタマイズです。 もうあるけど自分で作ろう このカスタマイズの目的 短い記事は最後まで読んでもらいやすくなる 長い記事はブックマークされやすくなる 機能説明 カウントされないもの カスタマイズ手順 HTMLの追記 CSSの追記 JavaScriptの追記 想定している利用者 把握している課題 さいごに 関連記事 もうあるけど自分で作ろう 記事を読むのにかかる時間の目安を記事のボリュームから表示するだけなんですがこれだけで 滞在時間が13.8%向上 SNSへの登録が67%向上 ってすごいですよね。これはやるしかない。でもほんとかな？ いつもカスタマイズの相談にのっていただいていているポジ熊さんにも話を聞いていただいたところ、有用なカスタマイズだと言ってい
【はてなブログカスタマイズ/Innocent】LINE風の会話を表現する
タイトルの通り、LINE風の会話をブログ上で表現します。アイコンの表示はありません。 このブログは、はてなブログテーマ『innocent』( http://moonnote.hateblo.jp/entry/innocent-hatenablog-theme ) を使用していますが、このコードは他のテーマでも、ワードプレスで作ったサイトでも使えると思います（多分…） デモ HTML CSS 参考サイト おわりに デモ こんな感じに表示されます。 ヌッ! 疲れからか、不幸にも黒塗りの高級車に追突してしまう。後輩をかばいすべての責任を負った三浦に対し、 車の主、暴力団員谷岡に言い渡された示談の条件とは・・・。 これもうわかんねぇな HTML HTML編集モードでLINE風にしたい会話をdivで囲み、クラス名をline_wrapperにします。 左の吹き出しに入れたい文章のpタグクラス名をlin
はてなブログをカスタマイズするために必要なCSSの知識を気軽に学べるサイトのご紹介 - KAZULOG
2017 - 01 - 05 はてなブログをカスタマイズするために必要なCSSの知識を気軽に学べるサイトのご紹介 ブログ運営 ブログカスタマイズ シェアする Twitter Google Pocket Line ありがたいことに はてなブログ のカスタマイズはコピペでもできるようにコードを紹介してくれているブログが沢山あります。 ただやはり幅を変えたり、フォントを変えたり、色を変えたり・・・。 それをもとにちょっとイジリたい時もあるかと思います。 今回は CSS 初心者が気軽に学べるサイトのご紹介です。 ドットインストール Schoo Webクリエイターボックス まとめ ドットインストール CSS のみでなくHTMLやHP作成に必要なプログラム全般を動画で学べるサイトです。 全ての動画が3分程度の区切りになっているのと会員登録なしで利用できるので気軽に取り組めるのが良いですね。 会員登録
はてなブログをリニューアルする際に参考になったこと【初心者向け】 - KAZULOG
ブログをリニューアルいたしました。 今回のリニューアル内容と共に参考にさせていただいた記事や書籍を紹介したいと思います。 ブログ名の変更・コンセプトの見直しからブログカスタマイズまで網羅しております。 カスタマイズに関しては完全にコピペとまではいきませんがHTMLとかCSSなど解からなくても何とかなるレベルかと思います(^^;) カスタマイズ情報の前に（前提として） こんな方のお役に立てる記事です テーマについて ブログ名の見直し ブログコンセプトの見直し ブログコンセプトについて思うこと 本ブログのコンセプト ブログカスタマイズについて 実装を行う前に・・・ ヘッダー部分 記事中・サイドバーの見出しデザイン フォローボタン・シェアボタンの充実 サイドバーの整理 関連記事について archiveページへの遷移 まとめ カスタマイズ情報の前に（前提として） こんな方のお役に立てる記事です 私
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
はてなブログで参考にしたカスタマイズ - おもてうら倉庫