DTIブログトップへブログのトップページDTIブログ・ポータルサイトモブログ一覧最新ニュースからブログのネタをゲットしようテンプレートの一覧メンバーログイン
日記 趣味 ブログ ビジネス 芸能 ランダム表示

マニュアル > サイドバーにバナーを入れる


第04章:デザイン

2. テンプレートの編集 : c. サイドバーにバナーを入れる (ブログパーツ設置方法)

 

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

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

*現在は、プラグイン機能には対応しておりません。

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



 
 
 
下記のコードを挿入します
 
(リンク先の変更等、タグの改変は禁止しております)

<!-- ここからブログパーツ -->
<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内で「プロフィール」部分を見つけます
 
*管理ページの「デザイン(の編集)」にある「テンプレート設定」のところで、テンプレート名の右にある「修正」をクリックすると、HTML修正画面が出てきます。


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

 
ブログパーツの上下にスペースを設ける為、<br />という改行を入れたほうが良いです。
 
 
更新ボタンを押します
 
 
 
ブログパーツ「踊るラブ運試し」がプロフィールの下に表示されました

 
 
 
 
 
 
HOME初めに何ができるの?新規ブログ作成用語集ご利用規約プライバシー会社概要ヘルプ