[blogger]タイトルの横が余ってると感じるblogger使いの人に!タイトルの横にガジェットを配置する方法をご紹介。CustomAboutNAVER2012/06/01[blogger]タイトルの横が余ってると感じるblogger使いの人に!タイトルの横にガジェットを配置する方法をご紹介。カスタマイズこんばんは!すなふです。個人的には、何を配置したらいいのか迷ってる段階なのですが、取り敢えずなんでも置けそうな感じなので、タイトル横のガジェット配置についてご紹介。順序タイトルは、標準のテキスト状態でも、自作の画像でも大丈夫な事は一応確認しました。稼働ブログのほうで置くものが決まってないので、取り敢えずテストブログのほうでの確認ですので、何かうまくいかないことがあればご連絡下さい。bloggerのヘッダー部分のガジェットを追加出来るようにHTMLを編集する。レイアウトからガジェットを追加する(今回は忍者おまとめボタンを置いてみました)。カスタムCSSを使って、配置を調整する。この様な順序でいきたいと思います。ヘッダー部分にガジェットを追加できるようにする大体のテンプレートでは、ヘッダー部分のガジェットは変更出来ないようにロックがかかっていますので、まずはそれを変更します。id='header'という文字列を探します。showaddelement='no'』となっていると思います。showaddelement='yes'>と変更してあげます。『maxwidgets』は、配置できるガジェットの最大数。『showaddelement』は、レイアウト画面で、「ガジェットを追加する」を表示させるかどうかの選択です。ガジェットを追加する出来ましたら、次は管理画面から「レイアウト」を選択して、「ガジェットを追加」で、お好きなガジェットを追加します。追加をクリックして↓このように、ドラッグして位置移動。カスタムCSSで、配置を調整ここでの追加コード#Header1{float:left}#HTML2{float:right;}.header.section{height:110px;}では順番に・・・。管理画面から「テンプレート>カスタマイズ>アドバンス>CSSの追加」で、カスタムCSSの追加フォームを開きます。ちなみに、今はこういう状態です。フォームに、#Header1{float:left;}と入力します。『#Header1』が、bloggerのタイトル指定部分です。テンプレートによって違ってくる場合は、宜しければChromeの右クリックからできる「要素の検証」などを使って、IDを確認してみてください。他のブラウザでもあると思いますが、私がChromeなので、それしか詳しく知りません。タイトル部分を右クリックです。次に、#HTML2{float:right;}と入力・・・とはいえ、ここのID名は追加するものによって変わってきます。今回はHTML2でしたが、例えば「bloggerロゴ」だと『#BloggerButton1』などになっていました。これも、前述の『要素の検証』を使うか、「HTMLの編集」画面を開いて、ヘッダーセクションのガジェット一覧から、ID名を確認をしてください。showaddelement='yes'>一番初めに変更した、この部分の下にガジェット名が並びます。最後に、2つのガジェットをfloatで位置指定すると、何故かヘッダーの高さ指定がおかしくなってしまって、タイトル画像にしても、ガジェットにしてもクリック出来ない状態になりましたので、それを修正します。.header.section{height:110px;}このコードで、高さを明示しています。数値は、タイトル画像の大きさや、テキストの大きさで変更して下さいね。備考このような感じになったでしょうか?画像では少しタイトル画像が上に行きすぎてますね。この場合は、#Header1{float:left;}を、#Header1{float:left;margin-top:10px;}というように、margin値を足して調整してみてください。margin設定をして、タイトル下に変な白線がでたりしたら、.header.section{height:120px;}headersectionの高さをmargin分増やしたりすると解消出来ます。以上、タイトル横にガジェットを追加して配置する方法でした!bloggerでも、結構簡単にソーシャルボタンだったり、バナーだったり置けそうなので、良ければ試してみて下さい。元「なんでもエンジニ屋」のダメ日記Bloggerのタイトル横にガジェットを配置したいと思い、いろいろ調べてましたがBlogger記事を多く投稿されているクリボウさんの設置方法が一番簡単そうだったので紹介&やり方をメモしておきます。...こちらで説明されています。ゆとり世代の生存戦略この辺りの方法で対処出来そうです。それではまた~!参考になった方はシェアしてくださると嬉しいです!https://www.sunabox.net/2012/06/bloggerblogger.html[blogger]タイトルの横が余ってると感じるblogger使いの人に!タイトルの横にガジェットを配置する方法をご紹介。Twitterのフォローはこちらから!■Twitterによる更新情報などのつぶやきもおこなっております。HomeSocialProfileすなふここは、GoogleChromeの事やbloggerの事等を軸としながら、気になった事を、何も気にせずに書いていこう、そんなブログです。Twitterアカウントのフォロー、ブログについてのコメント、メール等いつでも待ってます。30days)綿向山登山!すっかり登山者気分に浸れる雰囲気と、歩きやすい道が気持ちよかった![Windows7]ゴミ箱をタスクバーに移動する方法!デスクトップにアイコンを置きたくない人に最適です。【ほぼ滋賀県】去年の秋から登山を始めた私がご紹介したい7つの山。miniも新しく!2011モデルとの比較表。Tweetbotや他のアプリの通知が表示されない!そんな時の対処法の1つをご紹介。[blogger]下から上まで一気に飛ぼう!「ページトップに戻る」ボタンを付ける。