Syndrome|ロリポップキャンディシンドローム北の大地に住まう男の子「たろ」の雑記ブログ。彼女できるまで頑張る。彼女探し北海道お金のこと2015-12-28はてなブログをカスタマイズしてTwitterとドロップダウンメニューをつけてみたはてなブログ広告シェアするTwitterGoogle+Pocket最近、Twitter上でブログ友達、ブロ友が増えてきました。ボクが一方的に友達だと思っているだけかも知れませんが。そんな皆さんのブログを見ていると素晴らしいこんなボクのブログみたいにテンプレートをそのまま使っている人は皆無なので、ボクもブログをカスタマイズしてみました。©サンライズきっかけはお知り合いのブロガーさんが「続きを読む」ボタンのカスタマイズ方法をブログ内で公開していたからありがたく使わせていただきました。今回してみたのはこちら「続きを読む」ボタンのカスタマイズドロップダウンメニューの追加サイドバーにTwitterのタイムラインを追加の3本です。「続きを読む」ボタンのカスタマイズから。「続きを読む」ボタンのカスタマイズ参考にさせてもらったブログはコレ↓www.ituore.comいつから俺ができないと錯覚していた?いつ俺.comのshunさんのブログから拝借させてもらいました。ここではコピペで簡単にカスタマイズが出来るソースコードを公開しています。基本パターンは1種類だけど、様々な動きのボタンを公開してます!やり方は、ブログのダッシュボードからデザインを選択してデザインCSSの中に貼るというとても簡単なカスタマイズになってるので、是非ともやってみてください。やり方は上のリンクからどうぞ。右に選べたら良かったなぁと個人的には思います。次はドロップダウンのメニュー。ドロップダウンメニューのカスタマイズドロップダウンのカスタマイズもコピー&ペーストでできます。ドロップダウンメニュー」で検索するとOK!Google!!といって教えてくれます。今回は以下に記述するので、参考にでもしてください。href="hoge">ほげ5</a></li></ul></li></ul></nav>このソースコードを貼ります。貼るのはダッシュボードからデザインを選択してヘッダーのヘッダー下に上記のソースコードを貼ってください。left;}このCSSと言われるソースコードをダッシュボードからデザイン、デザインCSSの部分に追加してください。これでボクのブログと同じようなドロップダウンのメニューができていると思います。0;の部分で20%になっているかと思います。これはボクのブログで5個のボタンが使われているからです。4個のボタンにする場合は、HTMLのコードを変更した上で25%つまり、合計で100%になるように調整してください。href="hoge">ほげ5</a></li></ul></li>を削除し、増やす場合はコピーして追加してください。わからない場合は余りいじらないほうが良いかも...です。最後はTwitterのタイムラインをサイドバーに表示する方法です。これもデザインからカスタマイズ、サイドバーを選択します。/>HTMLを選択します。Twitterのコードを挿入するのですが、Twitter側でも設定が必要です。Twitterの「プロフィールと設定」からウィジェットを選択します。ここで表示する項目の設定をしてウィジェットを作成するを押すと、ソースコードが吐き出されます。/>HTMLに追加します。保存を押すとサイドバーにTwitterのタイムラインが表示されます。【まとめ】これは、はてなブログのカスタマイズ一例です。カスタマイズをして自分だけのオリジナルはてなブログをつくっちゃおう!次回があれば、スマートフォンのカスタマイズをしたいと思います。スマートフォンにもメニューをつけたいですね。大切なのは読者が使いやすいようにカスタマイズすること。目的の記事に到達できるように考えて設計しましょう。はてなブログPro試されている北の大地に住んでいる男の子(おのこ)です。彼女ができるまでブログを続けます。最新記事2019-02-13【オススメ】マージナルオペレーションを読んで感動したので感想をば【ネタバレ】2018-01-15コミックエッセイはじめました。2017-03-13彼女のご両親に同棲の挨拶へと行ってきました。Syndrome|ロリポップキャンディシンドローム広告Amazonスターをつけました引用をストックしましたストック一覧を見る閉じる引用するにはまずログインしてくださいログイン閉じる引用をストックできませんでした。再度お試しください閉じる限定公開記事のため引用できません。