本文へスキップ

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

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

ブログをナビボタンにリンクさせる方法/ホームページビルダー21・22フル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にてお問い合わせください。(無料)
      (LINE無料相談は9時〜23時ですがすぐに返信できないこともあります。)

    ご自宅へ出張訪問(関東地区・その他相談)によるサービス(お困りごとの解決)は有料となります。
       (ホームページビルダーによるホームページ作成方法,編集方法を一から教授致します。・・・有料)


    ■有益なタイトルタグ・Descriptionダグを作成致します。5,000円

    ■会社やあなたの昔のホームページを最近流行のレスポンシブデザイン(パソコン・タブレット・スマートフォン対応)のホームページビルダー収録「フルCSSテンプレート」でホームページを作り変え致します。
    (1〜10ページ36,000〜160,000円)
    ・ホームページビルダーを使うので後にご自分で編集できます。
      (ホームページビルダーによるホームページ編集方法を一から教授致します。)

    ▼LINE登録は、QRコードをタップして下さい。
    フリーダム/QRコード
    フリーダム/QRコード

ナビゲーション

バナースペース