013-9346624

Breadcrumbs

Menambah navigasi Breadcrumb ke tapak anda akan meningkatkan pengalaman pengguna dengan memudahkan navigasi tapak. Ia juga bagus untuk SEO. Modul ini membolehkan anda memasukkan navigasi Breadcrumb dengan mudah pada mana-mana halaman dan menyesuaikannya agar sesuai dengan gaya tapak web dan penjenamaan syarikat anda.

Demo 1
[dipi_breadcrumbs bc_home_icon=”on” bc_home_color=”#ff4200″ bc_schema=”on” bc_separator_size=”14px” bc_separator_color=”rgba(21,2,42,0.25)” bc_separator_space=”-2px” bc_item_bg_color=”#ffffff” bc_item_padding=”10px|20px|10px|20px|false|false” bc_active_item_color=”rgba(255,255,255,0.42)” bc_active_item_padding=”10px|20px|10px|20px|false|false” bc_hover_item_bg_color=”#ff4200″ _builder_version=”4.16″ items_font_size=”14px” items_line_height=”1em” hover_text_color=”#ffffff” active_text_color=”rgba(21,2,42,0.59)” background_color=”rgba(0,0,0,0)” width=”100%” module_alignment=”center” border_radii_items=”on|100px|100px|100px|100px” border_radii_active=”on|100px|100px|100px|100px” box_shadow_style_items=”preset3″ box_shadow_blur_items=”14px” box_shadow_color_items=”rgba(0,0,0,0.12)” box_shadow_style_active=”preset3″ box_shadow_blur_active=”10px” box_shadow_color_active=”rgba(0,0,0,0.1)” global_colors_info=”{}” bc_home_color__hover_enabled=”on|hover” bc_home_color__hover=”#ffffff” theme_builder_area=”post_content”][/dipi_breadcrumbs]
Demo 2
[dipi_breadcrumbs bc_schema=”on” bc_separator_size=”20px” bc_separator_color=”rgba(21,2,42,0.25)” bc_separator_space=”-2px” bc_item_bg_color=”#15022a” bc_item_padding=”8px|15px|8px|15px|false|false” bc_active_item_color=”#ff4200″ bc_active_item_padding=”8px|10px|8px|10px|false|false” bc_hover_item_bg_color=”#ff4200″ _builder_version=”4.16″ items_font=”|600||on|||||” items_text_color=”#ffffff” items_font_size=”11px” items_letter_spacing=”1px” items_line_height=”1em” hover_text_color=”#ffffff” background_color=”rgba(0,0,0,0)” max_width=”370px” module_alignment=”right” border_radii_items=”on|100px|100px|100px|100px” border_radii_active=”on|100px|100px|100px|100px” box_shadow_style_items=”preset2″ box_shadow_color_items=”rgba(21,2,42,0.29)” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_breadcrumbs]

Demo 3

[dipi_breadcrumbs bc_separator_size=”20px” bc_separator_color=”#ffffff” bc_separator_space=”0px” bc_item_bg_color=”rgba(21,2,42,0.3)” bc_item_padding=”8px|20px|8px|20px|false|false” bc_active_item_color=”#15022a” bc_active_item_padding=”10px|20px|10px|20px|false|false” bc_hover_item_bg_color=”#15022a” _builder_version=”4.16″ items_text_color=”#ffffff” active_text_color=”#ffffff” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_breadcrumbs]

Demo 4

[dipi_breadcrumbs bc_home_icon=”on” bc_home_color=”#ff4200″ bc_separator_size=”20px” bc_separator_color=”#ffffff” bc_separator_space=”0px” bc_item_bg_color=”#ffffff” bc_item_padding=”8px|20px|8px|20px|false|false” bc_active_item_color=”#15022a” bc_active_item_padding=”10px|20px|10px|20px|false|false” bc_hover_item_bg_color=”#ff4200″ _builder_version=”4.16″ items_text_color=”#15022a” hover_text_color=”#ffffff” active_text_color=”#ffffff” max_width=”465px” module_alignment=”right” border_radii_items=”on|100px|100px|100px|100px” border_radii_active=”on|100px|100px|100px|100px” box_shadow_style_items=”preset1″ box_shadow_style_hover=”preset3″ global_colors_info=”{}” bc_home_color__hover_enabled=”on|hover” bc_home_color__hover=”#ffffff” theme_builder_area=”post_content”][/dipi_breadcrumbs]

Demo 5

[dipi_breadcrumbs bc_separator=”symbol” bc_separator_sysmbol=”☞” bc_separator_size=”24px” bc_separator_color=”#ff4200″ bc_separator_space=”0px” _builder_version=”4.16″ items_text_color=”#15022a” hover_text_color=”#ff4200″ active_text_color=”rgba(21,2,42,0.3)” module_alignment=”center” global_colors_info=”{}” theme_builder_area=”post_content”][/dipi_breadcrumbs]

Demo 6

[dipi_breadcrumbs bc_separator_color=”#ff4200″ bc_separator_space=”0px” bc_item_bg_color=”rgba(255,66,0,0.13)” bc_item_padding=”8px|20px|8px|20px|false|false” bc_active_item_color=”#440099″ bc_active_item_padding=”8px|20px|8px|20px|false|false” bc_hover_item_bg_color=”#ff4200″ _builder_version=”4.16″ items_text_color=”rgba(255,66,0,0.51)” items_font_size=”16px” hover_text_color=”#ffffff” active_text_color=”#ffffff” max_width=”430px” module_alignment=”right” border_color_all_hover=”#ff4200″ global_colors_info=”{}” border_color_all_hover__hover_enabled=”on|desktop” theme_builder_area=”post_content” border_color_all_hover__hover=”#ff4200″][/dipi_breadcrumbs]