You create. We’ll help you earn. AdSense makes it easy to earn money from your content, whether you’re an independent creator or a larger company. You’re always in control, and Google AI helps you maximize earnings. Sign up Learn how to start earning

はてなブログで使ってたテーマが作者さんにより削除されてた･･･— 桜餅 (@sakuramochi702) 2013年10月18日 今までこのブログのテーマに使ってたplatismさんの"Excalibur"というテーマが削除されました。 理由としては、 なんというか過去に作ったものって一定期間が経過すると非常に恥ずかしくなるんですよね。なんでこんなデザインにしたのかーとか。かといって大幅修正を加えるのもどうかなーと葛藤しちゃうのです。 とのこと。 まぁソースはあるし、適用もしてるからほっといても別に使えるんですが、 作者さんが恥ずかしいと感じてるみたいなので、僕としてもこれを機にテーマを変えようと思いまして、 さらに以前からCSS触りたいなと思っていたこともあったので、 せっかくだからテーマ自作してみることにしました。 はてな公式が配布している叩き台テンプレートのBoilerplateを

ちょっとブログのデザインをいじっていまして、記事上に吹き出し型のソーシャルボタンを設置してみました。 その他にも、Feedlyの登録ボタンとFacebookページのいいねボタンも設置していますが、そちらは人によって、何を設置したいか様々でしょうが、ソーシャルボタンは自分も設置してみたいと思う人がいるかもしれないので、簡単に自分の方法を説明しておきます。 方法は簡単で、ブログの設定画面から「デザイン」を選択し、PC画面のカスタマイズを行います。「記事」にある「記事上下のカスタマイズ」の「記事上」を以下に設定するだけ。 <table border=0 cellspacing=10> <tr> <th><a href="https://twitter.com/share" class="twitter-share-button" data-url="{Permalink}" data-count

HTMLはh1要素だけで、CSSの「border」や「box-shadow」「transform」「linear-gradient」、擬似要素の「:before」や「:after」を使った見出しデザインをご紹介します。まずはサンプルをご覧ください。 サンプルページ » 01.切り取り線 紙を切り取ったようなデザインです。 サンプルとソースを見る » ポイント垂直方向の影のオフセット距離を設定しただけでは、左右両脇にも影ができてしまうので、一旦5px下に影をオフセットしたうえで、広がり距離を負の値(-4px)にし縮小することで、上部の影のみを残しています。 border-top:1px dashed #aaa; border-bottom:1px dashed #aaa; background:#eee; text-shadow:1px 1px 0 rgba(255,255,255,1);