カスタマイズおはようございます、すなふ(@sunafu35)です。今回は、今まで色々と「関連記事」関係のJavascriptだったり、「ソーシャルボタン」の追加だったりを書いてきたりしてきたものの、あくまで自分が設置した位置への設置方法しか説明していなかったため、使おうと思った方がコードをどこに挿入すれば、自分好みの位置に設置出来るのかが分からなかったという事があったようなので、そういった所を説明したいと思います。『サイドバー部分』・・・主にガジェット置き場。3カラムの場合はleftとrightに分かれます。『フッター部分』・・・レイアウトにもよりますが、著作情報のガジェットがある所。大体は管理画面のレイアウトから、ガジェットの追加などで対応可能ですが、テンプレートHTMLに直接挿入しないといけないようなものもあるので、2つに分けて説明しています。レイアウト画面での、ガジェット追加を行えるようにするまずは、ヘッダー部分を例にとって説明して、最後にそれぞれの箇所を確認していきます。上の画像ですが、サムネイル付きの記事リンクは標準ではないので、少し置いておきます。1の部分が『ヘッダー部分』2が『タブ部分』です。管理画面でのレイアウトメニュー(ヘッダー部分)さて、レイアウト画面です。サイドバーへのガジェットの追加は相当数可能ですが、ヘッダー部分やタブ部分は、デフォルトの状態では、ロックがかかっていて移動が出来なかったり、ガジェットを追加することは出来ないことが多くあります。そこで、『管理画面>テンプレート>HTMLの編集』から、「ロック解除」と「ガジェットの最大数」の設定を行うことで、変更が可能になります。※ウィジェットテンプレートの展開へのチェックは必要ありません。上の画像の『赤枠部分』が、ヘッダー部分という事になります。画像では、【header-outer】などでページ内検索をすると、探しやすいと思います。showaddelement='yes'>この部分を変更することになります。『showaddelement』・・・ロック設定ですので、maxwidgetsは、設置したいガジェットの数に・・・、showaddelementは【none】から【yes】に変更します。showaddelementを【yes】にした場合、ガジェット内容の編集画面(歯車マークをクリックした時も)に、『削除』ボタンが表示されることにもなりますので、間違って必要な物を削除しないように注意してください。これで、レイアウト画面での、設定可能箇所が増えることになります。showaddelement='yes'>投稿部分も、変更は可能だと思いますが、少し作りがややこしそうだったので、ここでは触れません。記事のヘッダー・フッター部分は、テンプレートHTMLからの管理で説明します。※コードに入ってる数値は、私個人の設定ですので、個人個人の目的によって調整して下さい。テンプレートHTMLでの、位置を確認するヘッダー部分と、タブ部分は、レイアウト画面から管理するとして、その他の部分です。※この方法を利用すると、レイアウト画面から『ブログの投稿』の編集で、「ラベル」「コメント」「共有ボタン」などの設定を行なっても反映されなくなるようですので、以後テンプレートHTMLで移動をする必要が出てきます、注意してください。post-footer-line-1'>それぞれ、このコードの下に、順番に設置したいコードを入れていきます。基本的には、上から下の順番どおりに表示されることになりますので、意識して下さい。※記事フッター部分には、『post-footer-line』が「1から3」まで分かれていると思います。適時どこに何があるかを確認しながら、思う場所にコードを挿入する事になります。標準では、「ラベル」「コメント」「投稿者」などがあるはずですよ。▲画像は、このブログの記事ヘッダー部分の設定です。class='post-header-line-1'>の下に、順番に「広告」「ソーシャルボタン」があり、その下にデフォルトのコードが並んでいる形です。▲こちらは、記事フッター部分の画像。Widget」「Linkwithin」というような、関連記事を表示するJavascriptガジェットが並んでいて、line-1は、ほぼ全て自分で挿入したものだけにしています。あれ?意外と説明部分少ないなって感じですが、覚える箇所が少ないという事ですね!wこれ以外の場所で、ここに表示したいというのがありましたら、連絡下さい。解る限りで、追加していきたいと思っています。sunabox[blogger]消せなくなったガジェットを削除する方法!海外のテンプレートをテストするときには必須です。sunabox参考になった方はシェアしてくださると嬉しいです!https://www.sunabox.net/2012/06/blogger_25.html[blogger]ガジェットのコードの挿入位置を確認するTwitterのフォローはこちらから!■Twitterによる更新情報などのつぶやきもおこなっております。0:53:00この記事を参考に、記事下に広告を挿入しました。HomeSocialProfileすなふここは、GoogleChromeの事やbloggerの事等を軸としながら、気になった事を、何も気にせずに書いていこう、そんなブログです。Twitterアカウントのフォロー、ブログについてのコメント、メール等いつでも待ってます。30days)綿向山登山!すっかり登山者気分に浸れる雰囲気と、歩きやすい道が気持ちよかった![Windows7]ゴミ箱をタスクバーに移動する方法!デスクトップにアイコンを置きたくない人に最適です。Tweetbotや他のアプリの通知が表示されない!そんな時の対処法の1つをご紹介。【ほぼ滋賀県】去年の秋から登山を始めた私がご紹介したい7つの山。miniも新しく!2011モデルとの比較表。[blogger]下から上まで一気に飛ぼう!「ページトップに戻る」ボタンを付ける。