カスタムブロガーテンプレートにフォントの素晴らしいアイコンを含めるには？

Question

コーディングの場合、左足が2つあります。私はいくつかのソーシャルメディア（Facebook、twitterなど）のアイコンをレンダリングするカスタムブロガーテンプレートをダウンロードしましたが、すべてではありません（500ピクセル、動作）。私は自分でそれを理解しようとしましたが、悲しいことにまだそれをやっていませんでした。 500pxなどのアイコンが表示されないサイト上のどこでもhttp://kartik1110.blogspot.in/

（ナビゲーションバー、右サイドバーと下）：ここ

はテストブログです。これにどのように取り組んでいますか？

コードが大きなブロガーテンプレートであるため、ここに貼り付けるスニペットを特定できませんでした。私の欠点を許してください。 ありがとうございました。

編集：私は元の質問で間違いを犯しました。テンプレートに付属のカスタムウィジェットに追加のアイコンが表示されません。アイコンは、ブロガーページやその他のウィジェットに表示されます。コードのどの部分が、他のアイコンが表示される能力を削除するか？

ここに限定されたアイコンが表示されている右サイドバー 'follow me'ウィジェットのコードです。

<b:widget id='LinkList2' locked='false' title='Follow Me' type='LinkList' version='1' visible='true'> 
    <b:includable id='main'> 

<b:if cond='data:title != &quot;&quot;'><h2><data:title/></h2></b:if> 
<div class='widget-content'> 
    <ul class='site-social-networks secondary-2-primary style-default show-title'> 
    <b:loop values='data:links' var='link'> 
     <li><a expr:href='data:link.target' target='_blank'><i/><data:link.name/></a></li> 
    </b:loop> 
    </ul> 
    <b:include name='quickedit'/> 
</div> 
</b:includable> 

Answer 1

テンプレートは既に言及したように、フォントAwesomeを使用しています。今すぐする必要があるのは、使用するアイコンを挿入することだけです。

これを行う最も簡単な方法は、hereのようにHTML要素を追加することです。フォント内の「アイコン」に移動することで、必要なアイコンを検索して、必要なHTMLコードを見つけることができます。

500pxの場合は、<i class="fa fa-500px" aria-hidden="true"></i>をHTMLに追加する必要があります。正しいアイコンを追加してください。

あなたはちょうどあなたが必要とするすべてのアイコンと同じ操作を行い、このimage

で結果を見ることができます。

Answer 2

ご使用のバージョンが古いか、不完全である可能性があります。 FAウェブサイトでは、Adblock Plusがいくつかのアイコンを削除することも警告しています。

いずれにしても、フォントセットを直接取得することができますが、とにかくスピード/ SEOの読み込みには常に推奨されます。ただ、自分のWebサイトの指示に従ってください：エトセトラ広告ブロック（プラス）、Ghostery、切断し、uBlock、：

http://fontawesome.io/get-started/