k144 Personal Note

パーソナルノート・ライフログ、気の向くまま書き綴っています。

はてなブログ

はてなブログでインラインCSSを活用して記事をデザインしてみる

displayプロパティ最近「display」プロパティの使い方を覚えた。【参考になる記事】 【CSS】displayの使い方を総まとめ!inlineやblockの違いは? 【displayプロパティを使って記事欄を2カラム構成にする】inline-block:1inline-block:2【コード】 <div style="display: inline-block; width: 50%; height:300px; background: whitesmoke;"> inline-</div>…

【はてなブログ】トップページの先頭に、記事が固定できるようになったそうだ!

はてなブログのトップページの先頭に、記事が固定できるようになったそうなので、やってみました。こんな感じですね。 さて、なにを書こうかと。。。 私のこのブログ、タイトルが「Personal Note」なので、ちょっとしたメモ的な備忘録とでも言うかToDoリスト…

はてなブログ記事編集中に突然終了した!

はてなブログ記事を編集している途中で、突然終了し、タブが消去された!! もう何度となく経験しているこの症状。ブラウザは「Safari」ブラウザ全てが飛んでしまう訳ではなく、はてなブログを開いているタブのみ終了してしまうという現象。 記事編集してい…

Amazonリンクをカスタマイズしてみた!

カスタマイズ前 オリジナルはこんな感じ カスタマイズ後 はてなブログ Perfect GuideBook作者: JOE AOTO出版社/メーカー: ソーテック社発売日: 2016/07/22メディア: 単行本この商品を含むブログ (1件) を見るリンクがAmazonカラーのオレンジに アイコン追加…

見出しをデザインCSSで変更する

参考にさせていただいたサイト www.nxworld.net 大見出し 中見出し 小見出し 標準

記事にアイキャッチ画像を挿入する

記事の見栄えがよくなります。 ブログカードが表示された時にも「No Image」では寂しい感じがしますからね… アイキャッチ画像を指定するには 「編集オプション」から指定することができるんですね。happylife-tsubuyaki.hatenablog.comもっち (id:setuyakuha…

はてなブログをカスタマイズするとき、参考にしたい記事

はてなブログでカスタマイズした8つのデザイン!全てのブログ初心者に捧ぐCSSとHTMLの備忘録 - wepli.20

はてなブログで「FontAwesome」を使う

FontAwesome とは何か? fontawesome.ioWEBフォントと呼ばれるアイコンフォントを提供するサービスです。こちらはSeesaaブログで使用した記事です。 【WEBフォント】Font Awesomeのアイコンフォントを使ってみた、WEBフォントでSeesaaブログをパワーアップ!…