【簡単HTML】サイドバーにTwitterを埋め込もう!【はてなブログ初心者向けカスタマイズ】
サイドバーにTwitterのタイムラインを埋め込んだので、そのやり方を紹介します!
1.コードの作成
↑このサイトを使うことで誰でも簡単に埋め込み用コードが作れます。
まずこの画面に自分のTwitterのURLを貼り付けます。
「https://twitter.com/○○○」
この○○○のところにご自身のTwitterIDを入れて入力してください。
そうするとこういう選択画面になると思うので、左の「Embedded Timeline」を選択してください。
そしたら「set customization options.」をクリックします。
ここで埋め込みのオプションを設定できます。
縦は700くらい、横は320くらいがちょうどいい感じのサイズです!
「Light」のところは「Dark」にするとダークテーマ(黒基調)に変更できます。
「Automatic」は言語が自動で判断されるようになっているので、いじらなくてOKです。
設定ができたら「Update」を押します。
そしたらここの「Copy Code」を押して、クリップボードにコピーができました。
これが出ればOKです。
2.はてなブログのツールバーに貼り付ける
コピーができたら、それをツールバーに貼り付けます。
管理画面の「デザイン→スパナマーク→サイドバー」を選択して、
下の方にある「モジュールを追加」をクリック。
モジュールの追加画面が出たら、「HTML」をクリックして、タイトルを入力して、その下の四角の中にさっきコピーしたタグを貼り付けます。
これで「適用」を押して、「変更を保存する」を押せば完了です!
3.完成
自分のブログを見てみると、サイドバーにTwitterのタイムラインが埋め込まれているはずです。
いい感じですね♪
ブログと一緒にTwitterもやられている方、埋め込んでみるとブログが賑やかになりますので、是非やってみてください!
今後もはてなブログで使える便利なものをいろいろ紹介していくので、ブックマーク・読者登録よろしくお願いします。
ブログ関連の他の記事はこちらから。
本ブログのメインコンテンツはこちらから。