Pix海外には色々なbloggerテンプレートが配布されていて、デザインが超かっこいいものばかりですが、パンくずリストが設置されていない事が多いです。実際に、パンくずリストの設置方法が分からずに困っている人も多いのでは、と思います。そこで今回は、bloggerにパンくずリストを設置する方法を紹介していきます。Blogger」と言う記事ですが、ulタグを使っていないし、デザインが微妙なので、コードは若干変えています。それでは、やっていきましょう。スポンサーリンク目次bloggerにパンくずリストを設置する方法パンくずリストのCSSを記述するbloggerにパンくずリストを設置する方法まずは、管理画面に入り、「テンプレート」→「HTMLの編集」からテンプレートのコード画面に行きましょう。テンプレートの中から、以下のコードを見つけて下さい。name=’status-message’/>上のコードの見つけ方は、キーボードの「Ctrl」と「F」を同時押しすれば検索窓が出てくるので、そこに「status」と入力して、Enterを押しまくれば見つかります。上記のコードを見つけたら、そのすぐ下に、以下のコードをコピペします。name=’breadcrumb’/>上手くいけば、下の画像のようになるはずです。id=’main’~>」と言う記述の少し下の所にコピペすると、上手くいきます。上記のコードをコピペした後は、以下のコードをテンプレートから探しましょう。id=’~>」という記述がたくさん書かれている部分があります。id=’~>」の間に以下のコードをコピペします。上の例だと、4084行目と4085行目の間になります。expr:href=’data:blog.homepageUrl’>Home</a></li><li><data:blog.pageName/></li></ul></b:if></b:if></b:if></b:if></b:includable>上手くいけば、こんな感じになっているはずです。</b:includable>の真下にコピペしていますね。パンくずリストのCSSを記述する以上で一応、パンくずリストは機能できますが、デザインがめちゃくちゃなので、デザインをカッコよくするために、CSSに以下のコードを追加します。ちなみに、bloggerのCSSの編集部分は、テンプレートの中で、青色の文字で記述されている場所になります。分からない人は、下の例のように、「]]</b:skin>」の部分の真上にコピペすると良いです。CSSにコピペするコードは、これです。none;}これで、bloggerのパンくずリストは完成です。記事タイトル」の「>」のデザインにクセがあったりしましたが、そこを修正しました。タイトルとURLをコピーしました。