容量2GB!アクセス解析&動画ファイルも可能な無料ブログ。アフィリエイト完全対応。

サイドバー(サイドカラム)にバナーを入れる

  1. テンプレート
HTMLやスタイルシートに該当するコードを入力することで記事としてだけではなく、ブログのサイドバー(横のカラム)にバナーや画像を入れる事が出来ます。

ここでは、ブログパーツ「踊るラブ運だめし」の設置方法を紹介していますが、他のブログパーツやバナー等も同様の方法で設置することができます。

<ブログパーツ「踊るラブ運だめし」>






サイドバーにある「プロフィール」の下にブログパーツをいれてみましょう

sidebar1


下記のコードを挿入します

(リンク先の変更等、タグの改変は禁止しております)
<!-- ここからブログパーツ -->
<script src="http://goodluck.noz.st/imgs/nbp880/getversionvb.vbs" language="VBScript" type="text/vbscript"></script>
<script src="http://goodluck.noz.st/nbp880/NOZ00544/blogp/" language="javascript"></script>
<noscript>
<table width="166" height="326" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFF0F5">
<tr>
<td height="206" align="center" valign="middle"><p style="font-size:80%; line-height:1.2; color:#333; padding:0.2em 2em;">踊るラブ運だめしをするにはJavaScriptを有効にしてください</p></td>
</tr>
<tr>
<td height="120"><a href="http://love.nozze.com/kekkon/NOZ00544/blogp/"><img src="http://goodluck.noz.st/imgs/nbp880/166_120_01.gif" alt="無料パートナー紹介" width="166" height="120" border="0"></a></td>
</tr>
</table>
</noscript>
<!-- ここまでブログパーツ -->

HTML内で「プロフィール」部分を見つけます

sidebar3

*管理ページの「デザイン(の編集)」にある「テンプレート設定」のところで、テンプレート名の右にある「修正」をクリックすると、HTML修正画面が出てきます。


ブログパーツのコードをペーストします

sidebar4

ブログパーツの上下にスペースを設ける為、
という改行を入れたほうが良いです。
ペーストしたら更新ボタンを押しましょう。



ブログパーツ「踊るラブ運試し」がプロフィールの下に表示されました

sidebar5

<<  記事欄表示位置の変更  |  もくじへ  |  サイドバーのメニューの変更  >>
|