あなたのクーポンをTumblrからリンクする方法
目次:
- ステップ1:ウェブサイトに配置するバッジを選択する
- ステップ2:バッジコードをコピーする
- ステップ3:ブログやウェブサイトにコードスニペットを貼り付ける
- Tumblrのポストにバッジを追加する
- Tumblrのサイドバーにバッジを追加する
- ステップ4:バッジをテストする
- 通常のリンクを追加する
- ステップ3:Tumblrにリンクを追加する
- ステップ4:リンクをテストする
- 新機能:
Tumblrのクーポンにリンクするには、Investmentmatomeダッシュボードの[クーポンにリンク]ボタンをクリックします。 [今すぐバッジを追加]ボタンをクリックし、4つの簡単な手順に従って、Investmentmatomeのクーポンにリンクするボタンバッジをウェブサイトに追加します。あなたのウェブサイトにボタンバッジを追加したくない場合は、「通常のリンクを追加したい」というハイパーリンクをクリックして、通常のリンクを使用してクーポンにリンクすることができます。
- ステップ1:ウェブサイトに配置するバッジを選択する
- ステップ2:バッジコードをコピーする
- ステップ3:あなたのTumblrにコードスニペットを貼り付ける
- Tumblrのポストにバッジを追加する
- Tumblrのサイドバーにバッジを追加する
- ステップ4:バッジをテストする
- 定期的なリンクを追加する
- 新機能
ステップ1:ウェブサイトに配置するバッジを選択する
選ぶべき5つのバッジがあります。白または青の背景または白または青の背景またはHTMLテキストリンクを含む大きなバッジを持つ小さなバッジを選択します。クリックして、あなたのウェブサイトやブログに追加したいバッジを選択します。選択したバッジの周りの薄い灰色の枠線で選択されているバッジを確認できます。 Webページにイメージを追加しない場合は、バッジのHTMLテキストリンクバージョンを使用してください。このバッジは、Investmentmatomeの店舗の個人クーポンページにリンクします。バッジをクリックして選択するだけです。ここに例があります:
ステップ2:バッジコードをコピーする
提供されたコードスニペットをコピーします。テキストボックス内をクリックし、テキストをクリップボードにコピーします。 HTMLコードスニペットはこれに似ていますが、店舗用にカスタマイズされています:
ステップ3:ブログやウェブサイトにコードスニペットを貼り付ける
ステップ2からコピーしたコードスニペットをHTMLソースコードのTumblrに貼り付けます。サイドバー、フッター、または好きな場所でTumblrにコードを貼り付けてください。コードは、ステップ1で選択した画像バッジボタンまたはHTMLテキストリンクとして表示されます。
あなたのクーポンにリンクするTumblrのウェブサイトからバッジイメージを追加するには、2つの方法があります。
- Tumblrのポストにバッジを追加する
- Tumblrのサイドバーにバッジを追加する
Tumblrのポストにバッジを追加する
Tumblrにバッジコードを追加するには、Tumblrダッシュボードにアクセスし、[テキスト]ボタンをクリックして新しいテキスト投稿を追加します。
「テキストの投稿を追加する」画面で、「マイストアのクーポン」のような投稿のタイトルを入力して、「HTML」ボタンをクリックしてテキスト投稿にHTMLを追加します。
HTMLボタンを押すと、HTMLソースエディタウィンドウがポップアップします。手順2でコピーしたコードスニペットをHTMLソースエディタに貼り付け、[更新]ボタンをクリックします。
さて、あなたの記事の本文に新しいバッジが表示されます。
投稿を公開するには、[投稿を作成]ボタンをクリックしてください。
Tumblrの投稿にバッジを追加しました!
次の最後のステップに進んでください!
Tumblrのサイドバーにバッジを追加する
Tumblrのサイドバーにバッジを追加するこの方法は、あなたが使用しているTumblrテーマに依存し、HTMLを知るのに役立ちます。
Tumblrのページに移動し、画面の右上にある[カスタマイズ]ボタンをクリックします。
画面上に、ツールバーが画面の左側に表示されます。あなたのTumblrテーマのHTMLを編集するには、 "Edit HTML"ボタンをクリックしてください。
この次のステップはTumblrのテーマによって異なります。この例のTumblrテーマは、Redux by jacobです。また、バッジコードを配置する場所を見つけるには、少しHTMLを知る必要があります。
「HTML編集」ボタンをクリックすると、TumblrページのHTMLソースが表示されます。 HTMLソースでバッジコードを追加する場所を検索します。ステップ2からコピーしたバッジコードスニペットを貼り付けます。バッジコードを貼り付ける場所は、Tumblrのテーマとコードを貼り付ける場所によって異なります。たとえば、Tumblrのサイドバーの下にバッジを追加したいので、「モバイル」ボタンを探してサイドバーのモバイルボタンコードの後にバッジコードを貼り付けました。
「更新プレビュー」ボタンをクリックして、画面の右側にあるTumblrページのプレビューにバッジ画像が表示されているかどうかを確認します。
あなたがバッジコードを貼り付けた場所が好きなら。変更を保存するには、画面の左側上部にある[保存]ボタンをクリックします。
Tumblrのサイドバーに新しいバッジがあり、読者を店のクーポンページに直接接続できます。
ステップ4:バッジをテストする
ステップ3を終了したら、ステップ3からバッジコードを入力したURLを教えてください。次に、「今すぐテスト」ボタンをクリックして、ウェブサイトにバッジボタンを追加したことを確認してください。
ウェブサイトにバッジボタンを追加すると、「成功!」というメッセージが表示されます。次に[OK]をクリックして続行します。
今度はクーポンを編集して画像を追加し、各クーポンに最大3つのタグを付け、利用可能な他の新しい機能をすべてお楽しみください。その結果、店舗やクーポンの露出が増えます。あなたの店のクーポンについて言葉を広げてくれてありがとう!
あなたのブログやウェブサイトでHTMLを編集できない場合や、ボタンバッジをウェブサイトに追加したくない場合は、通常のリンクを使用してクーポンにリンクすることができます。ハイパーリンク。 ステップ2:クーポンページのURLをコピーする 提供されたURLをコピーします。これはInvestmentmatomeにあなた自身の店のクーポンページです。 あなたのTumblrに定期的なリンクを追加するには、あなたのTumblr Dashboardに行き、 "Link"ボタンをクリックして新しいリンク投稿を追加してください。 リンク先のタイトルを「My Store's Coupon Codes」のように入力します。 URLフィールドにInvestmentmatomeの店舗のクーポンページへのリンクを貼り付けます。
次に、[投稿を作成]ボタンをクリックしてリンク投稿を作成します。 [今すぐテスト]ボタンをクリックして、ウェブサイトへのリンクを追加したことをテストします。 ウェブサイトへのリンクを追加した場合、「成功!」というメッセージが表示されます。次に[OK]をクリックして続行します。 今すぐクーポンを編集して、それぞれに画像を追加し、利用できる他のすべての新機能をお楽しみください。その結果、店舗やクーポンの露出が増えます。
ご不明な点がございましたら、[email protected]までご連絡ください。通常のリンクを追加する
ステップ3:Tumblrにリンクを追加する
ステップ4:リンクをテストする
新機能: