Banguardサイトスマートフォン用の表示で見るBanguardサイト「ビジネスマンを応援するブログ」をテーマに、ビジネスに役立つ記事を書いています。この広告は、90日以上更新していないブログに表示しています。2012-01-21はてなブログに「Twitterのタイムラインを表示させる」方法はてなブログで、プロフィール下部のサイドバー編集が可能と鳴りました。・「サイドバー編集機能」を追加しました(はてなブログ開発ブログ)はてなブログの開発ブログさんを見てみると、Twitterのタイムライン(=TL)が表示されています。いえば、いろんなブロガーさんのサイトを見てもTwitterを表示させている方は多いですね。「僕もやってみたい!」と思い、いろいろ調べてみました。「ブログパーツ」について知るブログにさまざまな要素(TwitterのTL表示とか)を加えるためのパーツを「ブログパーツ」と呼ぶそうです。基本的には無料で公開されており、HTMLに貼付けることができるコードをコピーして自分のサイトにペーストして反映できます。ブログパーツ」とかで検索するとわんさか出てくるので、興味があれば検索してみると良いと思います。Twitterのブログパーツは公式でTwitterのTL表示のためのパーツも、Webで簡単に検索して見つかります。いくつか見てみましたが、「はてなブログ開発ブログ」さんのTwitter表記方法が一番素敵だったんです。どのパーツなんだろう?と思っていたら、Twitterの公式ブログパーツでした。Twitterの公式パーツはカスタマイズが自由自在TwitterのオフィシャルWebサイトの「素材」というページで、いろいろなパーツが無料で公開されています。「ツイートするボタン」や「Twitterのロゴ」などなど。そんな中に、「ブログに自信のTLを貼付ける」ツールがあるのです。TwitterのTL表示パーツは「ウィジェット」からTwitterのTL表示パーツは、素材ページの「ウィジェット」から入手できます。真ん中から目的のページへ。ちなみに、左右でTwitterのボタンやロゴをゲットできますよ。素材>ウィジェット>自分のサイト>プロフィールウィジェットの順で進みます。他にもいろいろ面白そうなツールが並んでいますね。特定情報の発信だけをするのであれば、「検索ウィジェット」なんかも面白いのではないでしょうか。プロフィールウィジェットから、自分のTLを表示するツールのカスタマイズができます。僕はTLの表示数を3つにしてみました、あんまり主張しないように。左のイメージは表示する際の色を編集する画面です。デフォルトだとかなりサイバーな感じで浮きまくること必至なので、是非カスタムしましょう。僕はこのサイトと色を合わせました。Twitterは脇役なので、文字の色も薄いグレーに変えています。最後に、サイズの調整を行います。width」にチェックを入れれば自動でサイズ調整してくれます。Code」をクリックするとブログに貼付けるコードを入手するページへと移ります。はてなブログにブログパーツを貼るには、ダッシュボードの「デザイン」で変更TwitterのTLを貼付けるコードをゲットしたら、あとはブログへコピペです。はてなブログは、ダッシュボード画面の「デザイン」の項目から簡単に設定が可能になりました。デザイン設定の「カスタマイズ」のタブに、サイドバーという項目があります。最初はプロフィール/検索/リンク、の3種しかないですが、自由に増やせます。あと、位置も上下に変えられますよ。「+モジュールを追加」を選択するとポップアップする画面に、先ほどのTwitterのパーツコードを貼付けて完成です!どうですか?意外と簡単にできますね。やり過ぎには注意したいですが、他にも良さそうなブログパーツがあればトライしてみようと思います。皆さんは、ブログにアップする画像をどのように加工しています...2013-03-06はてなブログに実施した、4つのデザインカスタマイズブログのデザインを少し変更してみました。検索プロフィール東京都在住、サービスマッチングの会社で主に営業戦略の企画をしています。大事だと思ったことや興味あることを、忘れないように残すためはじめたブログです。このブログが、少しでも皆さんのお役に立てる時があればうれしいです。人気の記事はてなブログをはじめよう!banguard9383さんは、はてなブログを使っています。ブログを報告するスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。