BLOGGER・ヘッダーメニューの編集の仕方

これまで無料有料Bloggerテンプレートを紹介してきましたがヘッダーメニューの設定方法がhtmlで設定するテンプレートが多いのでその設定方法の一部をYouTubeを交えて紹介したいと思います。



補足

今回はパソコンからの操作です。タブレットからでも出来るかも知れませんが、タブレットとか持ってないので確認が取れていません。

Bloggerダッシュボード→テンプレート→HTMLの編集をクリックしてHTML画面にして下さい。

HTML画面を一回クリックすると編集できるようになります。
キーボードのcommandキーとFキー(mac)を同時に押すと画面右上にSearchボックスが開きます。(winの場合はCtrtとFキー)

ボックスに、/headと打ち込んでエンターキーを押すと</head>の場所へ瞬間移動します。
その下の方へスライドしていくとヘッダーメニューのこんな記述が出てきます。

<nav id='main-nav'>

<div class='main-menu'>
<ul class='menu' id='menu-main'>
<li><a class='active' expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a href=''>Blog</a>

'#'の場所にラベルアドレスとか表示したいアドレスを入れます。Blogの場所にはタイトルを入れて保存をクリックします。

最初は心配な感じを受けますが、こういう操作はすぐ慣れると思います。

PC画面を録画するとデータ容量が大きすぎてYouTubeにアップで出来なかったので画質を落としているのでちょっと見づらいかもしれません。



コメントを投稿

0 コメント