BUN HACK

高校生ブロガーと言えば?

2分で完了!Twitterをはてなブログのサイドバーに設置する方法

f:id:bunntinnmalu:20180116074959p:plain

スポンサードリンク
   

サイドバーに設置する方法

その①:このサイトで設定をします。

まず、

Twitter Publish

にアクセスします。

そしたら、こんな画面が出てくるので、青丸で囲まれた部分をクリックします。

f:id:bunntinnmalu:20180116075334p:plain

次に、青四角で囲まれた部分をクリックします。

f:id:bunntinnmalu:20180116075430p:plain

そしたら、こんな画面が出てくるので、以下の値を入力します。

①:縦の長さ(600がおすすめ)

②:横の長さ(300がおすすめ)

③:リンクの色

そして「Update」をクリックします。

f:id:bunntinnmalu:20180116155844p:plain

最後に、「Copy Code」をクリックしてこちらでの設定は終わりです。

f:id:bunntinnmalu:20180116161152p:plain

その②:はてなブログで設定

まず、「ダッシュボード」から「デザイン」を開いてください。すると、こんな画面が出てくるので、青丸で囲まれた部分をクリックして画面を切り替えてください。

f:id:bunntinnmalu:20180111165830p:plain

次に、「サイドバー」を開き「モジュールを追加」をクリックします。

f:id:bunntinnmalu:20180113091847p:plain

最後に、「HTML」を選択し、先ほどコピーしたコードを張り付けて、「適用」をクリックして完成です。

f:id:bunntinnmalu:20180116161833p:plain

完成図

f:id:bunntinnmalu:20180116162011p:plain

最後に

皆さんは上手くTwitterを埋め込むことが出来たでしょう?分かりやすく解説したのでおそらく出来たと思います。最後までお読みいただきありがとうございました。

スポンサードリンク