{"id":24468899,"date":"2024-10-11T07:01:07","date_gmt":"2024-10-11T07:01:07","guid":{"rendered":"https:\/\/www.fastudio.my\/?page_id=24468899"},"modified":"2024-11-15T16:43:49","modified_gmt":"2024-11-15T16:43:49","slug":"masonry-gallery","status":"publish","type":"page","link":"https:\/\/demo.fastudio.my\/divi-pixel\/modules\/masonry-gallery\/","title":{"rendered":"Masonry Gallery"},"content":{"rendered":"\n[et_pb_section fb_built=&#8221;1&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; background_color=&#8221;#0C71C3&#8243; background_enable_pattern_style=&#8221;on&#8221; background_pattern_style=&#8221;diagonal-stripes&#8221; background_pattern_color=&#8221;rgba(0,0,0,0.04)&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_row _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; global_colors_info=&#8221;{}&#8221;][et_pb_heading title=&#8221;Masonry Gallery&#8221; _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; title_font=&#8221;|700|||||||&#8221; title_text_align=&#8221;center&#8221; title_text_color=&#8221;#f2bc39&#8243; global_colors_info=&#8221;{}&#8221;][\/et_pb_heading][et_pb_text _builder_version=&#8221;4.27.2&#8243; _module_preset=&#8221;default&#8221; text_text_color=&#8221;#FFFFFF&#8221; text_font_size=&#8221;16px&#8221; text_orientation=&#8221;center&#8221; global_colors_info=&#8221;{}&#8221;]<p>Modul Galeri Masonry telah dibangunkan untuk menyediakan lebih banyak pilihan untuk memaparkan galeri. Ia merupakan modul yang sangat fleksibel dan berfungsi yang membolehkan anda membuat galeri batu yang menarik untuk mempamerkan foto, portfolio, perkhidmatan anda dan banyak lagi.<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.16&#8243; background_color=&#8221;rgba(68,0,153,0.06)&#8221; custom_padding=&#8221;120px||120px|||&#8221; custom_padding_tablet=&#8221;80px||80px||false|false&#8221; custom_padding_phone=&#8221;60px||60px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; text_font=&#8221;|700|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.12)&#8221; text_font_size=&#8221;50px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||30px||false|false&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;40px&#8221; text_font_size_last_edited=&#8221;on|desktop&#8221; header_font_size_tablet=&#8221;30px&#8221; header_font_size_phone=&#8221;30px&#8221; header_font_size_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Demo 1[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; background_color=&#8221;#ffffff&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1400px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;5px|5px|5px|5px|false|false&#8221; box_shadow_style=&#8221;preset1&#8243; box_shadow_blur=&#8221;22px&#8221; box_shadow_color=&#8221;rgba(68,0,153,0.18)&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_masonry_gallery images=&#8221;32055,32057,32056,32058&#8243; gallery_ids=&#8221;23479109,23479110,23479111,23479112&#8243; title_in_lightbox=&#8221;on&#8221; caption_in_lightbox=&#8221;on&#8221; use_overlay=&#8221;on&#8221; overlay_align_horizontal=&#8221;flex-start&#8221; overlay_align_vertical=&#8221;flex-start&#8221; title_in_overlay=&#8221;on&#8221; caption_in_overlay=&#8221;on&#8221; title_animation=&#8221;fadeInLeft&#8221; caption_animation=&#8221;flipInX&#8221; columns=&#8221;2&#8243; gutter=&#8221;5&#8243; use_thumbnails=&#8221;on&#8221; image_size_tablet=&#8221;et-pb-image&#8211;responsive&#8211;tablet&#8221; image_size_phone=&#8221;et-pb-image&#8211;responsive&#8211;phone&#8221; fix_lazy=&#8221;on&#8221; show_lightbox_tablet=&#8221;&#8221; show_lightbox_phone=&#8221;off&#8221; show_lightbox_last_edited=&#8221;on|tablet&#8221; use_overlay_tablet=&#8221;&#8221; use_overlay_phone=&#8221;off&#8221; use_overlay_last_edited=&#8221;on|phone&#8221; overlay_bg_color_gradient_type_tablet=&#8221;linear&#8221; overlay_bg_color_gradient_type_phone=&#8221;linear&#8221; _builder_version=&#8221;4.16&#8243; header_font=&#8221;|600||on|||||&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_font_size=&#8221;14px&#8221; header_letter_spacing=&#8221;1px&#8221; caption_font=&#8221;|700|||||||&#8221; caption_text_color=&#8221;#FFFFFF&#8221; caption_font_size=&#8221;50px&#8221; caption_line_height=&#8221;1em&#8221; caption_font_size_tablet=&#8221;41px&#8221; caption_font_size_phone=&#8221;&#8221; caption_font_size_last_edited=&#8221;on|tablet&#8221; global_colors_info=&#8221;{}&#8221; overlay_bg_color_gradient_type__hover=&#8221;linear&#8221; image_bg_color_gradient_type__hover=&#8221;linear&#8221; content_bg_color_gradient_type=&#8221;linear&#8221; content_hover_bg_color_gradient_type=&#8221;linear&#8221; item_bg_color_gradient_type=&#8221;linear&#8221; image_bg_color_gradient_type=&#8221;linear&#8221; front_side_bg_color_gradient_type=&#8221;linear&#8221; back_side_bg_color_gradient_type=&#8221;linear&#8221; first_heading_color_gradient_type=&#8221;linear&#8221; second_heading_color_gradient_type=&#8221;linear&#8221; background_text_color_gradient_type=&#8221;linear&#8221; fh_reveal_effect_color_gradient_type=&#8221;linear&#8221; sh_reveal_effect_color_gradient_type=&#8221;linear&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_masonry_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.19.4&#8243; background_color=&#8221;rgba(68,0,153,0.06)&#8221; custom_padding=&#8221;120px||120px|||&#8221; custom_padding_tablet=&#8221;80px||80px||false|false&#8221; custom_padding_phone=&#8221;60px||80px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;1&#8243; make_equal=&#8221;on&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; module_class=&#8221;column-reverse-mobile&#8221; _builder_version=&#8221;4.16&#8243; background_enable_color=&#8221;off&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1450px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; module_alignment_tablet=&#8221;&#8221; module_alignment_phone=&#8221;&#8221; module_alignment_last_edited=&#8221;on|phone&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; text_font=&#8221;|700|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.12)&#8221; text_font_size=&#8221;50px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||30px||false|false&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;40px&#8221; text_font_size_last_edited=&#8221;on|desktop&#8221; header_font_size_tablet=&#8221;30px&#8221; header_font_size_phone=&#8221;30px&#8221; header_font_size_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]Demo 2[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row column_structure=&#8221;1_2,1_2&#8243; use_custom_gutter=&#8221;on&#8221; gutter_width=&#8221;4&#8243; make_equal=&#8221;on&#8221; custom_padding_last_edited=&#8221;on|phone&#8221; _builder_version=&#8221;4.16&#8243; background_enable_color=&#8221;off&#8221; width=&#8221;85%&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1450px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;||||false|false&#8221; custom_padding_tablet=&#8221;&#8221; custom_padding_phone=&#8221;||0px||false|false&#8221; module_alignment_tablet=&#8221;&#8221; module_alignment_phone=&#8221;&#8221; module_alignment_last_edited=&#8221;on|phone&#8221; collapsed=&#8221;off&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;1_2&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_masonry_gallery images=&#8221;32059,32068,32067,32065,32071,32060&#8243; gallery_ids=&#8221;23479087,23479091,23479097,23479088,23479099,23479093&#8243; show_lightbox=&#8221;off&#8221; use_overlay=&#8221;on&#8221; overlay_align_vertical=&#8221;flex-end&#8221; hover_icon=&#8221;&#x5c;||divi||400&#8243; title_in_overlay=&#8221;on&#8221; caption_in_overlay=&#8221;on&#8221; icon_animation=&#8221;bounceIn&#8221; icon_speed=&#8221;1200ms&#8221; title_delay=&#8221;400ms&#8221; columns=&#8221;3&#8243; overlay_bg_color=&#8221;RGBA(0,0,0,0)&#8221; overlay_icon_color=&#8221;#FFFFFF&#8221; overlay_icon_use_icon_font_size=&#8221;on&#8221; overlay_icon_font_size=&#8221;30px&#8221; fix_lazy=&#8221;on&#8221; overlay_padding=&#8221;30px|30px|10px|30px|false|false&#8221; overlay_bg_use_color_gradient=&#8221;on&#8221; overlay_bg_color_gradient_stops=&#8221;rgba(10,0,0,0) 0%|rgba(10,0,0,0.4) 45%&#8221; overlay_bg_color_gradient_start=&#8221;rgba(10,0,0,0)&#8221; overlay_bg_color_gradient_end=&#8221;rgba(10,0,0,0.4)&#8221; overlay_bg_color_gradient_end_position=&#8221;45%&#8221; show_lightbox_last_edited=&#8221;off|desktop&#8221; columns_tablet=&#8221;&#8221; columns_phone=&#8221;2&#8243; columns_last_edited=&#8221;on|phone&#8221; overlay_bg_color_gradient_type_tablet=&#8221;linear&#8221; overlay_bg_color_gradient_type_phone=&#8221;linear&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font=&#8221;|||on|||||&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_font_size=&#8221;16px&#8221; header_letter_spacing=&#8221;1px&#8221; max_width=&#8221;800px&#8221; custom_margin_tablet=&#8221;&#8221; custom_margin_phone=&#8221;0px||40px||false|false&#8221; custom_margin_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; overlay_bg_color_gradient_type__hover=&#8221;linear&#8221; image_bg_color_gradient_type__hover=&#8221;linear&#8221; content_bg_color_gradient_type=&#8221;linear&#8221; content_hover_bg_color_gradient_type=&#8221;linear&#8221; item_bg_color_gradient_type=&#8221;linear&#8221; image_bg_color_gradient_type=&#8221;linear&#8221; front_side_bg_color_gradient_type=&#8221;linear&#8221; back_side_bg_color_gradient_type=&#8221;linear&#8221; first_heading_color_gradient_type=&#8221;linear&#8221; second_heading_color_gradient_type=&#8221;linear&#8221; background_text_color_gradient_type=&#8221;linear&#8221; fh_reveal_effect_color_gradient_type=&#8221;linear&#8221; sh_reveal_effect_color_gradient_type=&#8221;linear&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_masonry_gallery][\/et_pb_column][et_pb_column type=&#8221;1_2&#8243; module_class=&#8221;dp-vertical-align&#8221; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_3_font=&#8221;Montserrat|800|||||||&#8221; header_3_text_color=&#8221;#002b09&#8243; header_3_font_size=&#8221;38px&#8221; custom_margin=&#8221;||10px||false|false&#8221; header_3_font_size_tablet=&#8221;40px&#8221; header_3_font_size_phone=&#8221;30px&#8221; header_3_font_size_last_edited=&#8221;on|phone&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<h3>Masonry Gallery Features<\/h3>[\/et_pb_text][et_pb_text _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; text_font=&#8221;Montserrat||||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.29)&#8221; text_font_size=&#8221;18px&#8221; text_line_height=&#8221;1.5em&#8221; max_width=&#8221;513px&#8221; custom_margin=&#8221;||40px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Display beautiful galleries with this highly customizable gallery module for Divi. Add coverflow effect, image title, caption and more!<\/p>[\/et_pb_text][et_pb_blurb title=&#8221;Individual animation settings for all elements&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x4e;||divi||400&#8243; icon_color=&#8221;#FFFFFF&#8221; image_icon_background_color=&#8221;#1aa325&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;13px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;15px&#8221; header_line_height=&#8221;1.9em&#8221; image_icon_custom_padding=&#8221;8px|8px|8px|8px|false|false&#8221; custom_margin=&#8221;||1px|||&#8221; border_radii_image=&#8221;on|100%|100%|100%|100%&#8221; icon_font_size=&#8221;13px&#8221; use_circle=&#8221;on&#8221; circle_color=&#8221;#1aa325&#8243; global_colors_info=&#8221;{}&#8221; image_icon_background_color__sticky_enabled=&#8221;#2ea3f2&#8243; image_icon_background_color__sticky=&#8221;#2ea3f2&#8243; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_blurb][et_pb_blurb title=&#8221;Speed and Delay settings&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x4e;||divi||400&#8243; icon_color=&#8221;#FFFFFF&#8221; image_icon_background_color=&#8221;#1aa325&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;13px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;15px&#8221; header_line_height=&#8221;1.9em&#8221; image_icon_custom_padding=&#8221;8px|8px|8px|8px|false|false&#8221; custom_margin=&#8221;||1px|||&#8221; border_radii_image=&#8221;on|100%|100%|100%|100%&#8221; icon_font_size=&#8221;13px&#8221; use_circle=&#8221;on&#8221; circle_color=&#8221;#1aa325&#8243; global_colors_info=&#8221;{}&#8221; image_icon_background_color__sticky_enabled=&#8221;#2ea3f2&#8243; image_icon_background_color__sticky=&#8221;#2ea3f2&#8243; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_blurb][et_pb_blurb title=&#8221;Disable Lighbox option&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x4e;||divi||400&#8243; icon_color=&#8221;#FFFFFF&#8221; image_icon_background_color=&#8221;#1aa325&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;13px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.16&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;15px&#8221; header_line_height=&#8221;1.9em&#8221; image_icon_custom_padding=&#8221;8px|8px|8px|8px|false|false&#8221; custom_margin=&#8221;||1px|||&#8221; border_radii_image=&#8221;on|100%|100%|100%|100%&#8221; icon_font_size=&#8221;13px&#8221; use_circle=&#8221;on&#8221; circle_color=&#8221;#1aa325&#8243; global_colors_info=&#8221;{}&#8221; image_icon_background_color__sticky_enabled=&#8221;#2ea3f2&#8243; image_icon_background_color__sticky=&#8221;#2ea3f2&#8243; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_blurb][et_pb_blurb title=&#8221;Custom CSS for elements&#8221; use_icon=&#8221;on&#8221; font_icon=&#8221;&#x4e;||divi||400&#8243; icon_color=&#8221;#FFFFFF&#8221; image_icon_background_color=&#8221;#1aa325&#8243; icon_placement=&#8221;left&#8221; image_icon_width=&#8221;13px&#8221; content_max_width=&#8221;1100px&#8221; _builder_version=&#8221;4.18.1&#8243; _module_preset=&#8221;default&#8221; header_font_size=&#8221;15px&#8221; header_line_height=&#8221;1.9em&#8221; image_icon_custom_padding=&#8221;8px|8px|8px|8px|false|false&#8221; custom_margin=&#8221;||1px|||&#8221; border_radii_image=&#8221;on|100%|100%|100%|100%&#8221; icon_font_size=&#8221;13px&#8221; use_circle=&#8221;on&#8221; circle_color=&#8221;#1aa325&#8243; global_colors_info=&#8221;{}&#8221; image_icon_background_color__sticky_enabled=&#8221;#2ea3f2&#8243; image_icon_background_color__sticky=&#8221;#2ea3f2&#8243; theme_builder_area=&#8221;post_content&#8221;][\/et_pb_blurb][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.16&#8243; background_color=&#8221;#ffffff&#8221; custom_padding=&#8221;120px||120px|||&#8221; custom_padding_tablet=&#8221;80px||80px||false|false&#8221; custom_padding_phone=&#8221;60px||60px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; text_font=&#8221;|700|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.12)&#8221; text_font_size=&#8221;50px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||30px||false|false&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;40px&#8221; text_font_size_last_edited=&#8221;on|desktop&#8221; header_font_size_tablet=&#8221;30px&#8221; header_font_size_phone=&#8221;30px&#8221; header_font_size_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Demo 3<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; width_tablet=&#8221;90%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1400px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_masonry_gallery images=&#8221;32059,32060,32061,32062,32063,32064,32065,32066,32067,32068,32069,32070,32071,32072,32073,32074,32300,32301,32302,32299,32298,32297&#8243; gallery_ids=&#8221;23479087,23479093,23479094,23479095,23479092,23479089,23479088,23479096,23479097,23479091,23479098,23479090,23479099,23479100,23479101,23479102,23479103,23479104,23479105,23479106,23479107,23479108&#8243; gallery_orderby=&#8221;rand&#8221; use_overlay=&#8221;on&#8221; overlay_align_horizontal=&#8221;flex-end&#8221; overlay_align_vertical=&#8221;flex-start&#8221; hover_icon=&#8221;&#x30;||divi||400&#8243; icon_animation=&#8221;zoomIn&#8221; icon_speed=&#8221;400ms&#8221; gutter=&#8221;22&#8243; overlay_bg_color=&#8221;rgba(21,2,42,0.15)&#8221; overlay_icon_color=&#8221;#15022A&#8221; overlay_icon_use_circle=&#8221;on&#8221; overlay_icon_circle_color=&#8221;#FFFFFF&#8221; overlay_icon_use_icon_font_size=&#8221;on&#8221; overlay_icon_font_size=&#8221;15px&#8221; fix_lazy=&#8221;on&#8221; overlay_padding=&#8221;20px|20px|20px|20px|false|false&#8221; columns_tablet=&#8221;3&#8243; columns_phone=&#8221;2&#8243; columns_last_edited=&#8221;on|phone&#8221; gutter_tablet=&#8221;12&#8243; gutter_phone=&#8221;8&#8243; gutter_last_edited=&#8221;on|phone&#8221; overlay_icon_font_size_tablet=&#8221;&#8221; overlay_icon_font_size_phone=&#8221;12px&#8221; overlay_icon_font_size_last_edited=&#8221;on|phone&#8221; overlay_padding_tablet=&#8221;&#8221; overlay_padding_phone=&#8221;10px|10px|10px|10px|false|false&#8221; overlay_padding_last_edited=&#8221;on|phone&#8221; overlay_bg_color_gradient_type_tablet=&#8221;linear&#8221; overlay_bg_color_gradient_type_phone=&#8221;linear&#8221; _builder_version=&#8221;4.16&#8243; custom_padding=&#8221;20px|20px|20px|20px|false|false&#8221; border_radii_grid_item=&#8221;on|10px|10px|10px|10px&#8221; border_radii_grid_item_tablet=&#8221;&#8221; border_radii_grid_item_phone=&#8221;on|5px|5px|5px|5px&#8221; border_radii_grid_item_last_edited=&#8221;on|phone&#8221; box_shadow_style_images=&#8221;preset3&#8243; box_shadow_vertical_images=&#8221;3px&#8221; box_shadow_blur_images=&#8221;26px&#8221; box_shadow_color_images=&#8221;rgba(0,0,0,0.19)&#8221; global_colors_info=&#8221;{}&#8221; overlay_bg_color_gradient_type__hover=&#8221;linear&#8221; image_bg_color_gradient_type__hover=&#8221;linear&#8221; content_bg_color_gradient_type=&#8221;linear&#8221; content_hover_bg_color_gradient_type=&#8221;linear&#8221; item_bg_color_gradient_type=&#8221;linear&#8221; image_bg_color_gradient_type=&#8221;linear&#8221; front_side_bg_color_gradient_type=&#8221;linear&#8221; back_side_bg_color_gradient_type=&#8221;linear&#8221; first_heading_color_gradient_type=&#8221;linear&#8221; second_heading_color_gradient_type=&#8221;linear&#8221; background_text_color_gradient_type=&#8221;linear&#8221; fh_reveal_effect_color_gradient_type=&#8221;linear&#8221; sh_reveal_effect_color_gradient_type=&#8221;linear&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_masonry_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.19.4&#8243; background_color=&#8221;rgba(68,0,153,0.06)&#8221; custom_padding=&#8221;120px||120px|||&#8221; custom_padding_tablet=&#8221;80px||80px||false|false&#8221; custom_padding_phone=&#8221;60px||60px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.16&#8243; text_font=&#8221;|700|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.12)&#8221; text_font_size=&#8221;50px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||30px||false|false&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;40px&#8221; text_font_size_last_edited=&#8221;on|desktop&#8221; header_font_size_tablet=&#8221;30px&#8221; header_font_size_phone=&#8221;30px&#8221; header_font_size_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Demo 4<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.16&#8243; width_tablet=&#8221;90%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1400px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_masonry_gallery images=&#8221;32059,32065,32064,32070,32068,32063&#8243; gallery_ids=&#8221;23479087,23479088,23479089,23479090,23479091,23479092&#8243; use_overlay=&#8221;on&#8221; hover_icon=&#8221;&#xe01a;||divi||400&#8243; title_in_overlay=&#8221;on&#8221; caption_in_overlay=&#8221;on&#8221; icon_animation=&#8221;rotateInDownRight&#8221; icon_speed=&#8221;1000ms&#8221; title_delay=&#8221;500ms&#8221; title_speed=&#8221;1000ms&#8221; caption_animation=&#8221;fadeInDown&#8221; columns=&#8221;3&#8243; gutter=&#8221;15&#8243; overlay_bg_color=&#8221;rgba(21,2,42,0)&#8221; overlay_icon_color=&#8221;#FFFFFF&#8221; overlay_icon_use_circle=&#8221;on&#8221; overlay_icon_circle_color=&#8221;RGBA(0,0,0,0)&#8221; overlay_icon_use_circle_border=&#8221;on&#8221; overlay_icon_circle_border_color=&#8221;#FFFFFF&#8221; overlay_icon_use_icon_font_size=&#8221;on&#8221; overlay_icon_font_size=&#8221;15px&#8221; fix_lazy=&#8221;on&#8221; overlay_padding=&#8221;20px|20px|20px|20px|false|false&#8221; show_lightbox_tablet=&#8221;&#8221; show_lightbox_phone=&#8221;off&#8221; show_lightbox_last_edited=&#8221;on|desktop&#8221; columns_tablet=&#8221;3&#8243; columns_phone=&#8221;1&#8243; columns_last_edited=&#8221;on|phone&#8221; gutter_tablet=&#8221;12&#8243; gutter_phone=&#8221;8&#8243; gutter_last_edited=&#8221;on|phone&#8221; overlay_icon_font_size_tablet=&#8221;&#8221; overlay_icon_font_size_phone=&#8221;12px&#8221; overlay_icon_font_size_last_edited=&#8221;on|phone&#8221; overlay_padding_tablet=&#8221;&#8221; overlay_padding_phone=&#8221;10px|10px|10px|10px|false|false&#8221; overlay_padding_last_edited=&#8221;on|phone&#8221; overlay_bg_color_gradient_type_tablet=&#8221;linear&#8221; overlay_bg_color_gradient_type_phone=&#8221;linear&#8221; _builder_version=&#8221;4.17.0&#8243; header_font=&#8221;|800|||||||&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_font_size=&#8221;24px&#8221; custom_padding=&#8221;20px|20px|20px|20px|false|false&#8221; border_width_all_grid_item=&#8221;9px&#8221; border_color_all_grid_item=&#8221;#FFFFFF&#8221; border_radii_grid_item_tablet=&#8221;&#8221; border_radii_grid_item_phone=&#8221;on|5px|5px|5px|5px&#8221; border_radii_grid_item_last_edited=&#8221;on|phone&#8221; box_shadow_style_images=&#8221;preset3&#8243; box_shadow_vertical_images=&#8221;3px&#8221; box_shadow_blur_images=&#8221;25px&#8221; box_shadow_color_images=&#8221;rgba(68,0,153,0.24)&#8221; global_colors_info=&#8221;{}&#8221; overlay_bg_color_gradient_type__hover=&#8221;linear&#8221; image_bg_color_gradient_type__hover=&#8221;linear&#8221; overlay_bg_color__hover_enabled=&#8221;on|hover&#8221; overlay_bg_color__hover=&#8221;rgba(21,2,42,0.5)&#8221; overlay_bg_enable_color__hover=&#8221;on&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_masonry_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section][et_pb_section fb_built=&#8221;1&#8243; custom_padding_last_edited=&#8221;on|tablet&#8221; _builder_version=&#8221;4.16&#8243; background_color=&#8221;#ffffff&#8221; custom_padding=&#8221;120px||120px|||&#8221; custom_padding_tablet=&#8221;80px||80px||false|false&#8221; custom_padding_phone=&#8221;60px||60px||false|false&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_row _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_text _builder_version=&#8221;4.19.4&#8243; text_font=&#8221;|700|||||||&#8221; text_text_color=&#8221;rgba(21,2,42,0.12)&#8221; text_font_size=&#8221;50px&#8221; text_orientation=&#8221;center&#8221; custom_margin=&#8221;||30px||false|false&#8221; text_font_size_tablet=&#8221;&#8221; text_font_size_phone=&#8221;40px&#8221; text_font_size_last_edited=&#8221;on|desktop&#8221; header_font_size_tablet=&#8221;30px&#8221; header_font_size_phone=&#8221;30px&#8221; header_font_size_last_edited=&#8221;on|desktop&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;]<p>Demo 5<\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][et_pb_row _builder_version=&#8221;4.19.4&#8243; background_enable_color=&#8221;off&#8221; width=&#8221;90%&#8221; width_tablet=&#8221;90%&#8221; width_phone=&#8221;&#8221; width_last_edited=&#8221;on|phone&#8221; max_width=&#8221;1400px&#8221; module_alignment=&#8221;center&#8221; custom_padding=&#8221;0px|||||&#8221; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][et_pb_column type=&#8221;4_4&#8243; _builder_version=&#8221;4.16&#8243; global_colors_info=&#8221;{}&#8221; theme_builder_area=&#8221;post_content&#8221;][dipi_masonry_gallery images=&#8221;32059,32060,32061,32062,32063,32064,32065,32066,32067,32068,32069,32070,32071,32072,32073,32074,32300,32301,32302,32299,32298,32297&#8243; gallery_ids=&#8221;23479072,23479073,23479074,23479075,23479076,23479077,23479078,23479079,23479080,23479081,23479082,23479083,23479084,23479085,23479086&#8243; gallery_orderby=&#8221;rand&#8221; use_overlay=&#8221;on&#8221; overlay_align_horizontal=&#8221;flex-start&#8221; overlay_align_vertical=&#8221;flex-end&#8221; icon_in_overlay=&#8221;off&#8221; title_in_overlay=&#8221;on&#8221; icon_animation=&#8221;fadeInLeft&#8221; icon_speed=&#8221;400ms&#8221; gutter=&#8221;22&#8243; overlay_bg_color=&#8221;rgba(21,2,42,0)&#8221; overlay_icon_color=&#8221;#15022A&#8221; overlay_icon_use_circle=&#8221;on&#8221; overlay_icon_circle_color=&#8221;#FFFFFF&#8221; overlay_icon_use_icon_font_size=&#8221;on&#8221; overlay_icon_font_size=&#8221;15px&#8221; fix_lazy=&#8221;on&#8221; overlay_padding=&#8221;20px|20px|20px|20px|false|false&#8221; image_animation=&#8221;move-up&#8221; image_animation_speed=&#8221;1000ms&#8221; image_count_tablet=&#8221;12&#8243; image_count_phone=&#8221;8&#8243; image_count_last_edited=&#8221;on|phone&#8221; columns_tablet=&#8221;3&#8243; columns_phone=&#8221;2&#8243; columns_last_edited=&#8221;on|phone&#8221; gutter_tablet=&#8221;12&#8243; gutter_phone=&#8221;8&#8243; gutter_last_edited=&#8221;on|phone&#8221; overlay_bg_color_tablet=&#8221;rgba(21,2,42,0)&#8221; overlay_bg_color_phone=&#8221;rgba(21,2,42,0)&#8221; overlay_bg_color_last_edited=&#8221;on|desktop&#8221; overlay_icon_font_size_tablet=&#8221;&#8221; overlay_icon_font_size_phone=&#8221;12px&#8221; overlay_icon_font_size_last_edited=&#8221;on|phone&#8221; overlay_padding_tablet=&#8221;&#8221; overlay_padding_phone=&#8221;5px|10px|5px|10px|false|false&#8221; overlay_padding_last_edited=&#8221;on|phone&#8221; overlay_bg_color_gradient_type_tablet=&#8221;linear&#8221; overlay_bg_color_gradient_type_phone=&#8221;linear&#8221; _builder_version=&#8221;4.20.4&#8243; header_font=&#8221;|700|||||||&#8221; header_text_color=&#8221;#FFFFFF&#8221; header_font_size=&#8221;20px&#8221; custom_padding=&#8221;20px|20px|20px|20px|false|false&#8221; header_font_size_tablet=&#8221;20px&#8221; header_font_size_phone=&#8221;16px&#8221; header_font_size_last_edited=&#8221;on|phone&#8221; border_width_all_grid_item=&#8221;14px&#8221; border_color_all_grid_item=&#8221;rgba(255,255,255,0.17)&#8221; border_style_all_grid_item=&#8221;ridge&#8221; border_radii_grid_item_tablet=&#8221;&#8221; border_radii_grid_item_phone=&#8221;on|5px|5px|5px|5px&#8221; border_radii_grid_item_last_edited=&#8221;on|phone&#8221; border_width_all_grid_item_tablet=&#8221;14px&#8221; border_width_all_grid_item_phone=&#8221;6px&#8221; border_width_all_grid_item_last_edited=&#8221;on|phone&#8221; box_shadow_style_images=&#8221;preset3&#8243; box_shadow_color_images=&#8221;rgba(0,0,0,0.19)&#8221; global_colors_info=&#8221;{}&#8221; overlay_bg_color_gradient_type__hover=&#8221;linear&#8221; image_bg_color_gradient_type__hover=&#8221;linear&#8221; overlay_bg_color__hover_enabled=&#8221;on|hover&#8221; overlay_bg_color_gradient_stops__hover=&#8221;rgba(21,2,42,0) 60%|rgba(10,0,0,0.79) 90%&#8221; overlay_bg_use_color_gradient__hover=&#8221;on&#8221; overlay_bg_color__hover=&#8221;rgba(21,2,42,0)&#8221; theme_builder_area=&#8221;post_content&#8221;][\/dipi_masonry_gallery][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n","protected":false},"excerpt":{"rendered":"<p>Modul Galeri Masonry telah dibangunkan untuk menyediakan lebih banyak pilihan untuk memaparkan galeri. Ia merupakan modul yang sangat fleksibel dan berfungsi yang membolehkan anda membuat galeri batu yang menarik untuk mempamerkan foto, portfolio, perkhidmatan anda dan banyak lagi.Demo 1<div class=\"et_pb_module dipi_masonry_gallery dipi_masonry_gallery_0\">\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t\n\t\t\t\t<div class=\"et_pb_module_inner\">\n\t\t\t\t\t<div class=\"dipi_masonry_gallery_wrapper\" data-config=\"{&quot;infinite_scroll_viewport&quot;:&quot;25%&quot;}\">\n                \n            <div\n                class=\"dipi_masonry_gallery_container animated none\"\n                \n                data-count=\"4\"\n                data-anim=\"none\"\n            >\n                <div class=\"grid show_lightbox show_lightbox_tablet show_lightbox_phone hide_overlay \" data-lazy=\"false\" >\n                    <div class=\"grid-sizer\"><\/div><div class=\"gutter-sizer\"><\/div><div class=\"grid-item et_pb_gallery_image \">\n                       \n                        <div class=\"img-container dipi-mg-animation dipi-mg-none\" href=\"https:\/\/demo.fastudio.my\/divi-pixel\/wp-content\/uploads\/2024\/10\/dp-demo-03.jpg\">\n                            <img decoding=\"async\" src=\"https:\/\/demo.fastudio.my\/divi-pixel\/wp-content\/uploads\/2024\/10\/dp-demo-03.jpg\"\n                                alt=\"\"\n                                loading=\"lazy\"\n                            \/>\n                            <span class=\"dipi_masonry_gallery_overlay background\"><\/span>\n                <span class=\"dipi_masonry_gallery_overlay background-hover\"><\/span>\n                <span class=\"dipi_masonry_gallery_overlay content\" style=\"transition-duration: 0ms;\">\n                    <div class=\"et-pb-icon  dipi-mansonry-gallery-icon animated fadeInUp\"data-no-icon><\/div>\n                    \n                    \n                <\/span>\n                        <\/div>\n                    \n                <\/div><div class=\"grid-item et_pb_gallery_image \">\n                       \n                        <div class=\"img-container dipi-mg-animation dipi-mg-none\" href=\"https:\/\/demo.fastudio.my\/divi-pixel\/wp-content\/uploads\/2024\/10\/dp-demo-02.jpg\">\n                            <img decoding=\"async\" src=\"https:\/\/demo.fastudio.my\/divi-pixel\/wp-content\/uploads\/2024\/10\/dp-demo-02.jpg\"\n                                alt=\"\"\n                                loading=\"lazy\"\n                            \/>\n                            <span class=\"dipi_masonry_gallery_overlay background\"><\/span>\n                <span class=\"dipi_masonry_gallery_overlay background-hover\"><\/span>\n                <span class=\"dipi_masonry_gallery_overlay content\" style=\"transition-duration: 0ms;\">\n                    <div class=\"et-pb-icon  dipi-mansonry-gallery-icon animated fadeInUp\"data-no-icon><\/div>\n                    \n                    \n                <\/span>\n                        <\/div>\n                    \n                <\/div><div class=\"grid-item et_pb_gallery_image \">\n                       \n                        <div class=\"img-container dipi-mg-animation dipi-mg-none\" href=\"https:\/\/demo.fastudio.my\/divi-pixel\/wp-content\/uploads\/2024\/10\/dp-demo-04.jpg\">\n                            <img decoding=\"async\" src=\"https:\/\/demo.fastudio.my\/divi-pixel\/wp-content\/uploads\/2024\/10\/dp-demo-04.jpg\"\n                                alt=\"\"\n                                loading=\"lazy\"\n                            \/>\n                            <span class=\"dipi_masonry_gallery_overlay background\"><\/span>\n                <span class=\"dipi_masonry_gallery_overlay background-hover\"><\/span>\n                <span class=\"dipi_masonry_gallery_overlay content\" style=\"transition-duration: 0ms;\">\n                    <div class=\"et-pb-icon  dipi-mansonry-gallery-icon animated fadeInUp\"data-no-icon><\/div>\n                    \n                    \n                <\/span>\n                        <\/div>\n                    \n                <\/div>\n                <\/div>\n                \n            <\/div>\n            \n            <\/div>\n             \n\t\t\t\t<\/div>\n\t\t\t<\/div><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":26944642,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","footnotes":""},"dipi_cpt_category":[],"class_list":["post-24468899","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/24468899","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/comments?post=24468899"}],"version-history":[{"count":0,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/24468899\/revisions"}],"up":[{"embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/pages\/26944642"}],"wp:attachment":[{"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/media?parent=24468899"}],"wp:term":[{"taxonomy":"dipi_cpt_category","embeddable":true,"href":"https:\/\/demo.fastudio.my\/divi-pixel\/wp-json\/wp\/v2\/dipi_cpt_category?post=24468899"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}