プチ・ホームページサービス

カスタマイズTips

HTMLやCSSを編集するオリジナルのプチを作る方法です

ホームページの横(欄外)にブログパーツやバナーを貼る

ホームページ横の欄外に、ブログパーツやバナーなどを設置する際の方法です。

1.「 座標指定によるオリジナルHTMLの配置 」を開きます

管理者ページに入り、カスタマイズページの「 座標指定によるオリジナルHTMLの配置 」を開きます。

※管理者ページ上部メニューの「カスタマイズ」から
「詳細カスタマイズ > 座標指定によるオリジナルHTMLの配置」を選択すると編集画面が開きます。

2.編集欄に設置用の記述を追加します

編集画面が開いたら、編集欄のいちばん上に以下のHTMLソースを追加します。

<div style="position:absolute; left:700px; top:100px;">
~ここに設置用コードを追加します~
</div>

そして、追加したHTMLソースの2行目( ~ここに設置用コードを追加します~ )の部分を、ブログパーツやバナーなどの設置用コードと差し替えます。

※設置するブログパーツ・バナーなどの表示位置は、1行目の記述の修正で調整が可能です。
・「 left:700px 」 … ホームページ左端からの距離で、数字が大きくなると右に移動します。
・「 top:100px 」 … ホームページ上端からの距離で、数字が大きくなると下に移動します。

以上の編集が終わったら、ページ下の「 変更する 」ボタンを押して完了です。