●掲載ソースを追加して正しく表示されないときは次を確認ください。
・ソースが文字化けしている可能性があります。一旦テキストエディタに貼り付けて確認してください。
・ご自身で全角スペースを入力している可能性があります。全角スペースを削除してください。
●画像は説明用のイメージサンプル画像です。
実際のブログや管理画面とは細部の表示が異なる部分がありますので予めご了承ください。
●CSS/HTMLソースの行数の番号/色は説明用です。
実施のブログでは、行数が違う・行数表示が無い・色が無い、となりますので予めご了承ください。
広告を2つ横並びにする
広告を2つ横並びにする方法の説明です。
このように横並びで表示させる方法です。
記述方法
※2015-02-24 14:00 ソース更新※ソースをダブルクリックしてその状態でコピーしてください
【ご注意】Google Chromeは ドラッグ でコピーしてください。ダブルクリックしてコピーすると文字化けします。
広告ソース（左側表示分）広告ソース（右側表示分）
※表示させる場所の横幅の 左側50％・右側50％ を割り当てています。
※入力した文字や画像は、それぞれの枠内で、センタリングされます。
(広告によってはしない場合があります）
※スマホ・タブレットで横幅670px以下のときは、自動的に 縦並び になります。
メインカラムに貼る場合
横並びさせる2つの広告幅の合計は、表示させる場所の横幅内に収まらないと広告は重なって部分的に表示されます。
メインカラムの場合、デフォルトのメインカラム幅は こちら で説明しているとおり、
2カラム（600px）・3カラム（500px）となります。
・広告の幅に合わせてブログ幅を広げるか
・デフォルト幅に合わせた広告にするか
の選択になりますのでお好みで設定ください。