2017年5月13日土曜日

Bloggerにオリジナルナビゲーションバーを設置する

テンプレートの機能を有効に利用しオリジナルナビゲーションバーを設置

以前に「ラベル」をナビゲーションバーを設置する方法を紹介しましたが、今回は任意の項目で、しかも、簡単に表示する方法を紹介します

ガジェット設置

「デザイン」、Cross-Columnの「ガジェットを追加」、「HTML/JavaScript」を選択



ガジェットを編集


「タイトル」を空白にして次のようなコードを記述して下さい
 
<div id="menu">
<ul>
<li><a href="リンクURL1" target="_blank">タイトル1</a></li>
<li><a href="リンクURL2" target="_blank">タイトル2</a></li>
<li><a href="リンクURL3" target="_blank">タイトル3</a></li>
<li><a href="リンクURL4" target="_blank">タイトル4</a></li>
<li><a href="リンクURL5" target="_blank">タイトル5</a></li>
</ul>
</div>

オリジナルナビゲーションバー表示

このように表示されます

0 件のコメント:

コメントを投稿