livedoor BlogRoll

ブログロールを横に二つ並べる方法について解説します。実際に表示しているものはここにあります。

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

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

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

ブログロールのタグを表示したい場所に入力します。

■■■■■の部分は表示したいチャンネルを記載してください。

<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>