横に二つを並べて表示したい
-
相互RSSを横に二つ並べる方法について解説します。実際に表示しているものはここにあります。
-
cssに次の項目を設定します。
.blogroll-wrapper{ width:640px; overflow:hidden; } .blogroll-column{ float:left; width:50%; }
※width:640pxの部分は任意の幅を設定してください。
-
相互RSSのタグを表示したい場所に入力します。
■■■■■の部分は表示したいチャンネルを記載してください。
<div class="blogroll-wrapper"> <div class="blogroll-column"> <script type="text/javascript"> <!-- var blogroll_channel_id = ■■■■■; // --> </script> <script type="text/javascript" charset="utf-8" src="http://blogroll.livedoor.net/js/blogroll.js"></script> <link rel="stylesheet" type="text/css" href="http://blogroll.livedoor.net/css/default2.css" /> </div> <div class="blogroll-column"> <script type="text/javascript"> <!-- var blogroll_channel_id = ■■■■■; // --> </script> <script type="text/javascript" charset="utf-8" src="http://blogroll.livedoor.net/js/blogroll.js"></script> <link rel="stylesheet" type="text/css" href="http://blogroll.livedoor.net/css/default2.css" /> </div> <!-- /.blogroll-wrapper --></div>