Bloggerにソーシャルメディアのアイコンを追加する方法

このチュートリアルでは、私はあ このチュートリアルでは、あなたが始めるために無料のソーシャルメデ

Photobucketがサービスを利用するために年間400ドルを請求する最近の変更により、このチュートリアルを更新し、自分のBloggerアカウントで画像をホストする方法を

あなたがダウンロードするための景品

あなたは次のリンクをクリックして、あなたのブログのためにこれらの無料のソーシャルメディアのアイコン サインアップは必要ありません。 アイコンをダウンロードするにはここをクリックしてください。

無料のソーシャルメディアアイコン

ブログを開始する方法:チュートリアルに入る前に、お金を稼ぐブログを開始することに興味があるなら、Bluehost 無料のドメイン名、自動WordPressのインストール、および無料のSSL証明書を月額just3.95(ここをクリック)で入手してください。

Bloggerにソーシャルメディアアイコンを追加する方法

Bloggerで、新しい投稿を作成し、投稿にソーシャルメディアアイコンをアップロードします。

アップロードアイコン

画像をアップロードした後、プロンプトが表示されたら、以下を選択します:

  • 画像配置:なし
  • 画像サイズ:元のサイズ
元のサイズ

ステップ#2

“HTML”タブを選択します。 これを行うと、各ソーシャルメディアアイコンの画像リンクが表示されます(下のリンクを強調表示しています)。 このウィンドウを開いたままにします。HTMLコード

ステップ#3

新しいタブを開きます。 Bloggerダッシュボードで、”レイアウト”を選択します。”

レイアウト

ステップ#4

“サイドバー-右”領域で”ガジェットを追加”を選択し、”HTML/JavaScript”ガジェットを選択します。

sidebar-gadget
HTMLボックス

ステップ#5

「HTML/JavaScript」ボックスに、次のコードを貼り付けます(ソーシャルメディアアイコンごとにこれを行います):

<a href=”URLはここに行きます”><img src=”画像の直接リンクはここに行きます”/></a>

ステップ#6

あなたのソーシャルメディアのアイコンをアップロードしたポストエディタに戻って頭。 アイコンの1つの画像リンクをコピーします(手順1を参照)。Bloggerの「HTML/JavaScript」ガジェットに戻り、「Image Direct Link Goes Here」と表示されている場所に画像リンクを貼り付けます(ソーシャルメディアアイコンごとにこれを行い、引用符内に保 これは次のようになります:

<a href=”URLはここに行きます”><img src=”https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png” /></A>

ステップ#8

今、あなたのソーシャルメディアのUrlに追加する時間です。 “HTML/JavaScript”ガジェットを開いたままにして、新しいウィンドウまたはタブで、ソーシャルメディアプロファイルに向かい、プロファイルのURLをコピーします。ステップ#9

さて、”HTML/JavaScript”ガジェットに戻って、”URL Goes Here”というURLを貼り付けます(ソーシャルメディアアイコンごとにこれを行い、引用符の間に保持します)。ステップ#10

終了したら「保存」を選択します。 完成したコードは次のようになります:

<a href=”https://www.facebook.com/BeautifulDawnDesigns”><imgsrc=”https://3.bp.blogspot.com/-nCoP8tLzxwE/WVq3ZFw_fEI/AAAAAAAAN0Q/CF60HjN2aI02ePhN_aJqcHH6vaI082NJgCLcBGAs/s1600/icon-facebook-1.png” /></a>

作成した投稿の下書きを自由に削除してください。

注:電子メールボタンを使用している場合は、次のように配置しますmailto:youremailaddresshere URLがここに行くと言う引用符の間。

Leave a Reply

メールアドレスが公開されることはありません。