Cara Mengonfigurasi Menu Navigasi
Adding Menu Items to Navigation Menu
-
Go to Blogger Dashboard > select the Layout menu .
-
Look for the section titled Main Navigation Menu .
-
Click the edit button (pencil icon) in the Link List Gadget .
-
The Widget configuration pop-up will appear.
-
In the Title column , fill in as desired (Optional).
-
In the Number of items displayed in the list column , leave it blank.
-
In the Sorting section, just leave the default.
-
In the Link list section, set it as below:
- Click ADD NEW ITEM
- In the Site Name column, fill in the menu title as desired.
- In the site URL column, fill in the destination link URL.
- Once everything is set, click the SAVE button next to it.
-
Once everything is configured click the SAVE button .
-
Finished
Adding Submenu Items to Navigation Menu
-
Go to Blogger Dashboard > select the Layout menu .
-
Look for the section titled Main Navigation Menu .
-
Click the edit button (pencil icon) in the Link List Gadget .
-
The Widget configuration pop-up will appear.
-
In the Title column , fill in as desired (Optional).
-
In the Number of items displayed in the list column , leave it blank.
-
In the Sorting section, just leave the default.
-
In the Link list section, set it as below:
- Click ADD NEW ITEM
- In the Site Name column, fill in the menu title as desired.
- In the site URL column, fill in the
#
. - Create another new menu item below the previously created menu and put a mark
_
at the beginning of the title, as in the example_Submenu
- In the site URL column, fill in the destination link URL.
- Once everything is set, click the SAVE button next to it.
-
Once everything is configured click the SAVE button .
-
Finished
Adding Icons to Menu Items
-
You should visit the Material Design Icons website . There you can choose from a variety of SVG icons, which will then be picked and saved in the Navigation Menu.
-
Select one of the available icon menus, for example select the Plus icon menu .
-
Copy the code in the Menu Item section. For example, like the code example below:
<svg fill="currentColor" viewBox="0 0 24 24"><path d="M19,13H13V19H11V13H5V11H11V5H13V11H19V13Z"></path></svg> NAMA ITEM MENU
-
Finished