ライブドア相互rssカスタム at自作テンプレート小ネタ

edi

2017年02月22日 19:19

前回のブログの見出しについてのネタが思いの外、ご好評いただけたようですので調子に乗って自作テンプレネタをもう一つ投稿します。

今回はライブドアの相互リンクについてです。

縦長で冗長になりすぎ

ライブドアの相互リンクは、おそらく皆さんサイドバーのカスタムプラグインに「コード」を貼り付けてると思います。
でもこの方法だとサイドバーが縦に長くなりすぎて少々見た目が残念な感じがしないでしょうか?(え?僕だけですか?)

そこで、解決策としてブログの相互リンクをブログフッター部分に移動してみました。
これで、サイドバーの大半を占めていた相互リンクがなくなるので、かなりシンプルな見た目になると思います。(僕だけ?)

僕のブログの一番下にある「相互リンク」の部分を見ていただくか、先行して「たいちちさん」が使っていらっしゃるので、実際にどのようなものか確認してみてください。

適用方法

今回はスタイルシートではなくHTMLに変更を加えていきます。
また、バージョン2(ガーリー)バージョン3(クール)にしか適用できません。

  1. テンプレートの「トップページ」「個別記事」「アーカイブ」それぞれの下記の場所を探してください。 <footer>
    <p id="page-top"><a href="#"><i class="fa fa-chevron-up"></i><br><TOP></a></p>
    <!--livedoor相互rss-->
    </footer>
  2. 各項目の探し出した箇所にある(<!--livedoor相互rss-->)と書かれている所にライブドア相互rssのコードを貼り付けます。
  3. 貼り付けたら、<link rel="stylesheet" type="text/css" href="http://blogroll.livedoor.net/css/default2.css" />
    の一文を削除してください。
  4. 最後にライブドア相互rssでの設定で、「表示方式」は「サイト名」もしくは「記事名」どちらかのみにしてください。
    両方表示すると変なふうになります。
    あと、更新時刻・更新月日もです。アイコンも付けないほうがいいと思います。

以上でテンプレートの更新は完了です。

テンプレートのダウンロードはこちらから

今回紹介したテンプレートのカスタマイズは、僕の公開しているテンプレートについての方法です。
僕の公開しているテンプレートはレスポンシブデザインで使っていただいている方からはスマフォやタブレットでとても見やすくなったと嬉しい声を頂いております。
よろしかったらどうぞw

バージョン3のテンプレート(クール)をご希望の方はこちらからどうぞ

バージョン2のテンプレート(ガーリー)をご希望の方はこちらからどうぞ

バージョン1のテンプレートをご希望の方はこちらからどうぞ

ナチュログと同じデザインのレスポンシブデザインテンプレートをご希望の方はこちらからどうぞ

最後に、僕はウエブデザイナーでも何でもございません。
趣味の領域で作成したテンプレートなので、テンプレート運用に関わるサポートはございません。
が、何かしらテンプレートの不具合があれば一緒に解決策を探っていきたいとは思っています。
このテンプレートで気になったことなどがあればお問い合わせください。

また、本職の方で「ここの記述はおかしい・ここはこうした方がいい」などアドバイスなどがあれば、大歓迎でお待ちしておりますので、どしどしコメントください。

お約束ですが、ご使用の際は自己責任でお願いします。
テンプレートの利用で不具合など生じても当方では責任は負えませんのでよろしくお願い致します。

また、このテンプレートは古いブラウザには対応していません。あしからずw



あなたにおススメの記事
関連記事