Яндекс.Метрика
Loading...
Sharing Box 2017-09-04T15:06:11+00:00
[fullwidth backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» overlay_opacity=»0.5″ video_mute=»yes» video_loop=»yes» fade=»yes» bordersize=»0px» bordercolor=»#eaeaea» borderstyle=»solid» paddingtop=»30px» paddingbottom=»40px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][one_full last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»»]

Sharing Box Shortcode

Avada has included a quick Sharing Box Shortcode so you can get your message out to the world! Choose an appropriate tagline that complements your blog, and customize it by choosing the tagline color as well as the sharing box’s background color. This shortcode allows you to personalize your icons, personally set the title and the description that will appear when it’s shared, and specifically allows you to upload a custom image for Pinterest.

[/one_full][/fullwidth][fullwidth backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» overlay_opacity=»0.5″ video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»0px» paddingbottom=»60px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][sharing tagline=»Share This Story, Choose Your Platform!» tagline_color=»» title=»Sample Title» link=»http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion» description=»Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. » pinterest_image=»» icons_boxed=»» icons_boxed_radius=»4px» box_colors=»» icon_colors=»» tooltip_placement=»» backgroundcolor=»» class=»» id=»»][/sharing][/fullwidth][fullwidth backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» overlay_opacity=»0.5″ video_mute=»yes» video_loop=»yes» fade=»yes» bordersize=»0px» bordercolor=»#eaeaea» borderstyle=»solid» paddingtop=»0px» paddingbottom=»0px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][one_full last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»»]

Tagline & Content Customization

Create your own custom tagline and content to really let viewers know what your blog is all about. Click one of the social icons to see how it works! Tweak the tagline color as well as the sharing box’s background color.

[/one_full][/fullwidth][fullwidth backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» overlay_opacity=»0.5″ video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»30px» paddingbottom=»60px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][sharing tagline=»This Is Your Custom Tagline!» tagline_color=»#62a7c9″ title=»Sample Title» link=»http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion» description=»Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. » pinterest_image=»» icons_boxed=»no» icons_boxed_radius=»4px» box_colors=»» icon_colors=»#62a7c9″ tooltip_placement=»» backgroundcolor=»#ffffff» class=»» id=»»][/sharing][sharing tagline=»This Is Your Custom Tagline!» tagline_color=»#ffffff» title=»Sample Title» link=»http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion» description=»Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. » pinterest_image=»» icons_boxed=»» icons_boxed_radius=»4px» box_colors=»#92be43″ icon_colors=»#ffffff» tooltip_placement=»» backgroundcolor=»#a2cc55″ class=»» id=»»][/sharing][/fullwidth][fullwidth backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» overlay_opacity=»0.5″ video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»0px» paddingbottom=»0px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][one_full last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»»]

Social Icons Customization

Personalize your social media icons by setting their color, and whether or not they’re displayed with a background. Increase the radius of the box to have circular icons. You can also determine the tooltip’s position, whether it’s top, bottom, left, or right.

[/one_full][/fullwidth][fullwidth backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» overlay_opacity=»0.5″ video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»30px» paddingbottom=»60px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][sharing tagline=»Customize Your Icons» tagline_color=»» title=»Sample Title» link=»http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion» description=»Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. » pinterest_image=»» icons_boxed=»» icons_boxed_radius=»4px» box_colors=»» icon_colors=»#3B5998|#4298ed|#bf0018|#27354b|#d23123|#0064a9|#000000|#3b6094|#b7b7b7″ tooltip_placement=»bottom» backgroundcolor=»#ffffff» class=»» id=»»][/sharing][sharing tagline=»Customize Your Icons» tagline_color=»» title=»Sample Title» link=»http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion» description=»Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. » pinterest_image=»» icons_boxed=»yes» icons_boxed_radius=»0px» box_colors=»#3B5998|#4298ed|#bf0018|#27354b|#d23123|#0064a9|#000000|#3b6094|#b7b7b7″ icon_colors=»#ffffff» tooltip_placement=»left» backgroundcolor=»#ffffff» class=»» id=»»][/sharing][sharing tagline=»Customize Your Icons» tagline_color=»» title=»Sample Title» link=»http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion» description=»Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat orem ipsum dolor sit amet, consectetur adipisicing elit. » pinterest_image=»» icons_boxed=»yes» icons_boxed_radius=»100px» box_colors=»#3B5998|#4298ed|#bf0018|#27354b|#d23123|#0064a9|#000000|#3b6094|#b7b7b7″ icon_colors=»#ffffff» tooltip_placement=»Right» backgroundcolor=»#ffffff» class=»» id=»»][/sharing][/fullwidth][fullwidth backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» overlay_opacity=»0.5″ video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»0px» paddingbottom=»0px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»][one_full last=»yes» spacing=»yes» background_color=»#f6f6f6″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»0px» border_color=»» border_style=»solid» padding=»40px» class=»» id=»»]

Complete Set of Options

Every option and description included with the sharing shortcode is listed below.

[/one_full][/fullwidth][fullwidth backgroundcolor=»» backgroundimage=»» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» overlay_opacity=»0.5″ video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»0px» bordercolor=»» borderstyle=»solid» paddingtop=»30px» paddingbottom=»80px» paddingleft=»0px» paddingright=»0px» menu_anchor=»» equal_height_columns=»yes» hundred_percent=»no» class=»» id=»»][one_half last=»no» spacing=»yes» background_color=»#f8f8f8″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»1px» border_color=»#eaeaea» border_style=»solid» padding=»30px» class=»» id=»»][checklist icon=»fa-check» iconcolor=»#333333″ circle=»no» circlecolor=»» size=»small» class=»» id=»»][li_item icon=»»]tagline — The custom tagline text. For example, Share This Story, Choose Your Platform![/li_item][li_item icon=»»]tagline_color — Accepts a hexcode ( #000000 ). Sets the tagline’s color. Leave blank for Theme Option selection.[/li_item][li_item icon=»»]title — The custom title of the blog post you want to share. For example, My Blog Post.[/li_item][li_item icon=»»]link — The actual URL path that will be shared on the chosen platform. For example, http://www.example.com/.[/li_item][li_item icon=»»]description — The custom description text you want to share on those platforms.[/li_item][li_item icon=»»]pinterest_image — The URL path of the image you want to share on Pinterest, starting with http:// and usually ending on .jpg, .png or .gif.[/li_item][li_item icon=»»]icons_boxed — Can be one of these values: yes, or no. Sets the icons to be boxed or not.[/li_item][/checklist][/one_half][one_half last=»yes» spacing=»yes» background_color=»#f8f8f8″ background_image=»» background_repeat=»no-repeat» background_position=»left top» border_size=»1px» border_color=»#eaeaea» border_style=»solid» padding=»30px» class=»» id=»»][checklist icon=»fa-check» iconcolor=»#333333″ circle=»no» circlecolor=»» size=»small» class=»» id=»»][li_item icon=»»]icons_boxed_radius — Accepts a pixel value that sets the box’s radius. For example, 4px.[/li_item][li_item icon=»»]box_colors — Accepts a hexcode ( #000000 ). Sets the social icon box’s colors. Use one value for all, or unique colors for each. Separate unique colors with a vertical line. For example, #AA0000|#00AA00|#0000AA. Leave Blank for Theme Options selection.[/li_item][li_item icon=»»]icon_colors — Accepts a hexcode ( #000000 ). Sets the social icon’s colors. Use one value for all, or unique colors for each. Separate unique colors with a vertical line. For example, #AA0000|#00AA00|#0000AA. Leave Blank for Theme Options selection.[/li_item][li_item icon=»»]tooltip_placement — Can be one of these values: default, left, right, top, or bottom. Sets the Social Icon Tooltip position.[/li_item][li_item icon=»»]backgroundcolor — Accepts a hexcode ( #000000 ) or RGBA values ( rgba(0,0,0,0) ). Sets the background’s color. Leave Blank for Theme Option selection.[/li_item][li_item icon=»»]class — Add a custom class to the wrapping HTML element for further css customization.[/li_item][li_item icon=»»]id — Add a custom id to the wrapping HTML element for further css customization.[/li_item][/checklist][/one_half][/fullwidth][fullwidth backgroundcolor=»» backgroundimage=»http://turstyle.com/wp-content/uploads/2014/11/home_slider.jpg» backgroundrepeat=»no-repeat» backgroundposition=»left top» backgroundattachment=»fixed» video_webm=»» video_mp4=»» video_ogv=»» video_preview_image=»» overlay_color=»» overlay_opacity=»0.5″ video_mute=»yes» video_loop=»yes» fade=»no» bordersize=»1px» bordercolor=»» borderstyle=»solid» paddingtop=»35px» paddingbottom=»75px» paddingleft=»40px» paddingright=»40px» menu_anchor=»» equal_height_columns=»no» hundred_percent=»no» class=»» id=»»]

Join The 100,000+ Satisfied Avada Users!

[button link=»http://themeforest.net/item/avada-responsive-multipurpose-theme/2833226?ref=ThemeFusion» color=»custom» size=»xlarge» type=»flat» shape=»round» target=»_blank» title=»» gradient_colors=»rgba(255,255,255,.1)|» gradient_hover_colors=»rgba(255, 255, 255, 0.25)|» accent_color=»rgba(255,255,255,.8)» accent_hover_color=»#ffffff» bevel_color=»» border_width=»2px» shadow=»no» icon=»» icon_position=»left» icon_divider=»yes» modal=»» animation_type=»fade» animation_direction=»up» animation_speed=»1″ alignment=»center» class=»» id=»»] BUY AVADA NOW![/button][/fullwidth]