はてなブログの体裁を整える001回目
はてなブログにTwitterのウィジェットを入れる方法
みんなさんこんにちは「たこ壺」です。
なんかブログの横にWordでいうところのナビゲーションウィンドウが欲しいなと。
他のブログにはあるのに自分のブログにはどうしてないのか。。教えて先生!
Google先生に「はてなブログ、サイドバー」で画像検索をかけてみました。
ヒットした記事はこちら。
はてなブログのデザインをカスタマイズしたいときに役立つサイト - はなこのブログ。
はてなブログをカスタマイズする際に超参考になる記事まとめ - hacogaki
はてなブログのサイドバーのカスタマイズ方法 [コピペで使える]
調べてみると思っていたよりも色々できそうだぞ!ひとつずつ実践していこう。
Twitterのウィジェットを作成する。
2016年6月にウィジェットの仕様が変わったらしくこちらの記事を参考にしました。
Twitterのタイムラインウィジェットをブログ設定する方法について | まさぼっち.net
おおまかな流れとしては
完成イメージはこちら(TLの追加とフォローアイコンの追加です)
なぜかページの一番下に出てきてしまいました。。
ウィジェットの配置についてはまた次の機会にします。
それでは実際の作業に移って行きましょう 。
Twitter「ウィジェット」 →「 プロフィール」とクリックしていきます。
急に英語のサイトが出てきますが大丈夫です。あなたは合っています。
https://twitter.com/自身のTwitterのスクリーンネームを入力し「→」を押します。
自身のブログに追加したい方を選択します。
「TwitterのTL」または「フォローアイコン」
簡単な調整は「set customization options」で可能です。
「Copy Code」を押して下の画面が出れば成功です。
あとはクリップボードにコピーされたコードを
はてなブログ管理画面から「工具アイコン」→「サイドバー」→「モジュールの追加」→「HTML」→「貼り付け」で作業は終了です。
注:ページから抜けるときは忘れずに変更を保存してください。
いかがだったでしょうか?思ったよりも簡単だったのではないでしょうか?
今回はここまで!みなさん良い1日をお過ごし下さい。