はてなブログでは、さまざまなコンテンツを貼り付けできる「リンク挿入」機能を強化し、はてなブログの記事を簡単に、きれいに整った体裁で貼り付けることができるようにしました。 はてなブログで運営されているブログを紹介したり記事に言及する際に、この 記事貼り付け 機能を利用すると、記事タイトルや、本文の概要、アイキャッチ画像などがコンパクトにまとまった ブログカード 形式で、次のように貼り付けることができます。 あわせて、自分がこれまでに投稿した記事を簡単に挿入できるように、そのブログの「過去記事貼り付け」機能を、編集サイドバーに追加しました。 ※「記事貼り付け」できるのは、はてなブログの記事だけです。 はてなブログの記事を「記事貼り付け」するには はてなブログの記事URLをコピーし、編集画面にペーストします。すると「リンクを挿入」ウィンドウが開くので、挿入する形式として「埋め込み」を選択します。

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.

はてなブログをこれからカスタマイズをしていきたい。そんな時におすすめなテーマが『Report』です。公式テーマなのでインストールをしなくても使えます。 なぜ、このReportがカスタマイズにおすすめかと言うと、限りなくシンプルだからです。 特にサイドバーのアイコンも付かないところが良い。本当になんの飾りもない。限りなくゼロに近いんですよね。だからこそ、カスタマイズにはうってつけのテーマだと思います。 これからこのブログもカスタマイズをしていく訳ですが、まずはReportの中身をもっと知ろうと思い、もう一つ、カスタマイズ用にブログを作ってみました。 スキナモノートでカスタマイズしていくと、なんかごちゃごちゃになってしまいそうなので（笑） customibu.hatenablog.jp それに、せっかくはてなブログもPROにしたのですから、ブログを10個作れると言う特典も有効利用しようかと。

この記事は、はてなブログのサイドバーのカスタマイズについて書かれています。 今回は、サイドバーの背景色と囲み、そして幅を少し広げました。 「サイドバー」の変更は、デザインCSSに以下のように追加 まず、サイドバーの幅を広げるには、CSSで記事幅を指定します。いつもと同じように、はてなブログのダッシュボードから デザイン → カスタマイズ → デザインCSSで追加することができます。 /*サイドバー幅*/ #box2 { float: right; width: 250px; } widthの数値を変えてやることで、幅を拡げたり狭めたりすることができます。 次に、サイドバーの背景色と境界線ですが、 /*サイドバー背景色*/ .hatena-module { margin-bottom: 20px; background: #FFE; padding: 10px; border-top-rig

今回はタイトルの通り、記事本文とサイドバーの幅を変更する方法をご紹介します。 はてなブログの幅の変更方法 具体的には「本文の幅（赤）」「サイドバーの幅（青）」「ブログの幅（黄色）」を変更していきます。 #container { width: 973px; } #main { width: 728px; } #box2 { width: 220px; } 上記のコードをはてなブログの「デザイン」→「デザインCSS」の中に書き込むだけです。 ちょっと解説 「#container」が「ブログの幅（黄色）」 「#main」が「本文の幅（赤）」 「#box2」が「サイドバーの幅（青）」 に対応しています。 「width: ○○px;」の数値を変更することで調節が可能です。 上のコードだと 本文の幅（728px）＋サイドバーの幅（220px）＝948px となるのですが、本文の幅をぴったり948pxに

MAIL MAGAZINE 読み物としてお楽しみいただけるコンテンツや、最新の製品情報などをお届けしています。 ※プライバシーポリシーをよくお読みいただき、同意の上ご登録ください。