Bloggerでバッジをフロートする方法

Bloggerブログのバッジは、読者をあなたの会社のソーシャルネットワーキングアカウントに誘導します。 Facebookバッジにはあなたのファンの数が表示され、Twitterウィジェットには最近のツイートがリストされ、各読者が外部アカウントにリンクされるので、将来の会社の更新に対応できます。 Bloggerでバッジを揃えるには、CSSのfloatプロパティを使用します。 floatプロパティは、周囲のフローから要素を分離し、隣接するテキストから独立してそれをページの横に配置します。

1。

ブログのダッシュボードを開きます。 ブログの名前をクリックしてその概要ページを開きます。

2。

「テンプレート」をクリックしてテンプレートを編集します。

3。

テンプレートのコードを開くには、[HTMLの編集]をクリックします。

4。

「/ * Content」の行に続くテンプレートのスタイルセクションまでスクロールします。

5。

次のコードを入力して新しいスタイルを追加します。

.float-badges {float:left; }

6。

バッジのコードまでスクロールします。 たとえば、Facebookバッジのコードの先頭は次のようになります。

7。

バッジの前に次のコードを追加します。

8。

バッジの後に次のコードを追加します。

9。

[保存]をクリックしてください。

人気の投稿