本文へスキップ

ブログをナビボタンにリンクさせる方法/ホームページビルダー21フルcssテンプレート編集

ブログをナビボタンにリンクさせる方法/ホームページビルダー21フルcssテンプレート編集

ブログをナビボタンにリンクさせる方法/ホームページビルダー21フルcssテンプレート編集

ブログをナビボタンにリンクさせる方法

  • ホームページビルダーではメニューからブログの設定や更新できるようになっています。
    ここではビルダーで設定する以外のその他の方法の説明です。

    今まで書いていたブログやこれから始めるブログを作成中のホームページにリンクさせる方法です。
    ▼ナビゲーションボタンでリンクさせます。
    ▼ここでは、ブログのURLがあることが条件です。
    ▼URLがない方は、どこかでブログを作成して下さい。

ビルダーでのブログ設定方法

  • メニュー→ツール(T)→ブログ(B)→ブログ設定(B)・・・とやるそうです。
    その先は知りません。
    ホームページビルダーテンプレート編集

その他の方法でブログをリンクさせる方法

  • @下の画像は、編集画面です。
    右のナビゲーションボタン「お問い合わせ」の下にブログにリンクしたナビゲーションボタンを作ります。


    ホームページビルダーテンプレート編集

  • Aソース編集をします。
    下の画像の青く変色した「お問い合わせ」のナビゲーションのHTMLを編集します。


    ホームページビルダーテンプレート編集

  • B「お問い合わせ」のHTMLを頭から最後まで下の画像のようにドラッグし、
    そのまま右クリックして「コピー」を選択します。


    ホームページビルダーテンプレート編集


  • Cコピーを選択したら
     ja">お問い合わせ</span></a>←のこの最後にマウスインさせます。
    そのまま右クリックして「貼り付け」を選択します。
    ※下の画像で「お問い合わせ」のHTMLが二列になったのがわかりますか。
    青くなっている「お問い合わせ」のHTMLが増えたHTMLです。
    次で(Dで)この増えたHTMLを書き変えます。


    ホームページビルダーテンプレート編集

  • D下の画像の青い部分の書き換えられた部分がわかりますか?
    私のブログの名前を仮に「ビルダー編集」としました。勿論、ブログは存在しません。
    皆さんのブログタイトルとURLで書き変えてください。
    ▼URLは必ずブログのタイトルをクリックして、現れたURLをコピーして貼り付けるといつも更新されたブログにリンクされ飛びます。


    ホームページビルダーテンプレート編集


  • E書き換えが終了したら上の段の「ページ編集」部分にマウスインさせます。
    右のナビゲーションに「ビルダー編集ブログ」のナビゲーションボタンが作成されています。
    プレビューして更にクリックしてリンク先のブログに飛ぶかを確認します。
    ▼リンクが確認できたら「ブログリンク」のナビゲーションボタンのHTMLをコピーして全ページのナビゲーション貼り付けてください。

    ホームページビルダーテンプレート編集



  • 質問やお問い合わせは、LINEでお願い致します。(無料)
    LINE ID