Bloggerにソーシャルメディアのアイコンを追加する方法
このチュートリアルでは、私はあ このチュートリアルでは、あなたが始めるために無料のソーシャルメデ
Photobucketがサービスを利用するために年間400ドルを請求する最近の変更により、このチュートリアルを更新し、自分のBloggerアカウントで画像をホストする方法を
あなたがダウンロードするための景品
あなたは次のリンクをクリックして、あなたのブログのためにこれらの無料のソーシャルメディアのアイコン サインアップは必要ありません。 アイコンをダウンロードするにはここをクリックしてください。
ブログを開始する方法:チュートリアルに入る前に、お金を稼ぐブログを開始することに興味があるなら、Bluehost 無料のドメイン名、自動WordPressのインストール、および無料のSSL証明書を月額just3.95(ここをクリック)で入手してください。
Bloggerにソーシャルメディアアイコンを追加する方法
Bloggerで、新しい投稿を作成し、投稿にソーシャルメディアアイコンをアップロードします。
画像をアップロードした後、プロンプトが表示されたら、以下を選択します:
- 画像配置:なし
- 画像サイズ:元のサイズ
ステップ#2
“HTML”タブを選択します。 これを行うと、各ソーシャルメディアアイコンの画像リンクが表示されます(下のリンクを強調表示しています)。 このウィンドウを開いたままにします。HTMLコード
ステップ#3
新しいタブを開きます。 Bloggerダッシュボードで、”レイアウト”を選択します。”
ステップ#4
“サイドバー-右”領域で”ガジェットを追加”を選択し、”HTML/JavaScript”ガジェットを選択します。
ステップ#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がここに行くと言う引用符の間。