横に二つを並べて表示したい

  1. 相互RSSを横に二つ並べる方法について解説します。実際に表示しているものはここにあります。

  2. cssに次の項目を設定します。

    .blogroll-wrapper{
    	width:640px;
    	overflow:hidden;
    }
    .blogroll-column{
    	float:left;
    	width:50%;
    }
    

    ※width:640pxの部分は任意の幅を設定してください。

  3. 相互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>