bloggerの小道具のhtmlにCSSを挿入するには

Question

だから私は最終的に基本的なhtml/cssコードを自分で作ることができて以来、とても誇りに思っていました。しかし、それらをblogger html/javascriptガジェットにコピーしたとき、私はどこにコードを挿入する必要があります教えてくださいできますか？私は何かを加えるべきですか？

は、CSSのコードはどちらか<style>...</style>タグや<link rel="stylesheet" type="text/css" href="mystyle.css">経由含ま個別のCSSファイルとの間に別々のスタイルのセクションに属しenter image description here

#rectangle { 
 
    width: 100%; 
 
    height: 30px; 
 
    background: #F8E7E1; 
 
    padding: 10px; 
 
}

<div id="rectangle"> 
 
    <div class="separator" style="clear: both; text-align: center;"> 
 
    <a href="http://www.facebook.com/mykoreaobsession"> 
 
     <img border="0" src="https://4.bp.blogspot.com/-Bf7mwFGwROk/V6SKqUYGSYI/AAAAAAAAB_4/OeB9p4MTUSULT6RlPgOAKoZg1CvxFeetACLcB/s1600/facebook.png" height=30 width=30/> 
 
    </a> 
 
    <a href="https://plus.google.com/111582473236918769201"> 
 
     <img border="0" src="https://2.bp.blogspot.com/-vtaPYY5ddhc/V6SKqYEhUbI/AAAAAAAAB_8/E2ai63DrRJ4228zGYfr1jXZCHO3bbZpXgCLcB/s1600/googleplus.png" height=30 width=30/> 
 
    </a> 
 
    <a href="http://www.instagram.com/_ou_ma_"> 
 
     <img border="0" src="https://3.bp.blogspot.com/-Zr10DhdxK4E/V6SKqeryEhI/AAAAAAAACAA/0JVOCrBiNr0SUxWlT6a9zfS9CRQF5FgpgCLcB/s1600/instagram.png" height=30 width=30/> 
 
    </a> 
 
    <a href="http://www.pinterest.com/oumasobsessions"> 
 
     <img border="0" src="https://4.bp.blogspot.com/-YAm1EgkIZ5Y/V6SKqj9e47I/AAAAAAAACAE/yFBPhfkeshMvCP5FSg7U4fJY4FERZpaHQCLcB/s1600/pinterest.png" height=30 width=30/> 
 
    </a> 
 
    <a href="mailto:ouma.kwon@gmail.com"> 
 
     <img border="0" src="https://4.bp.blogspot.com/-tSE8rDvY-Fo/V6SK5hqc5RI/AAAAAAAACAI/vnm5EtELjZsf9afdwnlqJxJxlnh7ootlACLcB/s1600/mail.png" height=30 width=30/> 
 
    </a> 
 
    <a href="https://www.bloglovin.com/blogs/my-korea-obsession-13763831"> 
 
     <img border="0" src="https://1.bp.blogspot.com/--_hjcSVNzZ0/V6SL_c7UctI/AAAAAAAACAU/wk5pkshnNBgPvX7rCDIRE4T-N81Z1JdzQCLcB/s1600/bloglovin.png" height=30 width=30/> 
 
    </a> 
 
    </div> 
 
</div>

Answer 1

CSSコードをCSSファイルに移動する必要があります。別の方法として、あなたはstyleタグでそれをラップすることができます：

<style> 
#rectangle { 
    width: 100%; 
    height: 30px; 
    background: #F8E7E1; 
    padding: 10px; 
} 
</style> 

Answer 2

Uに感謝します。通常、両方ともHTMLファイルのセクションに記載されています。

このような情報は、ウェブでご覧いただけます。ここをクリックしてください：http://www.w3schools.com/css/css_howto.asp

Answer 3

は、あなたが「編集HTML」モードに切り替えることを確認していますか？