Social networks now a days gaining more attention from users regarding modern modification in search engine optimization. In order to getting full benefit from major social platforms it is necessary to give a way to our readers for the sake of sharing and liking our content. As TcM is a leading website that shares a large number of multi stylish social sharing buttons, and floating bar already. But this post is totally new widget in its kind. That gives a splendid glance to your website. Readers enjoy sharing posts with these tools. Now take a look insight this latest edition with implementation. Also check the mashable version of social icons.
Only apply html with cascading style sheet transitional effects this widget has been arrange. It is also a good practice to utilize these browser support able languages that are rapidly takes effects & load faster as compare to Java script. More over it is a nice way to reduce speed of a website which is a solid accountable factor in SEO. Reduction in page loading speed result of most of traffic you will get. Applying css transitional properties we make widgets & buttons fancier.
How to add:
In order to getting installation of this version you have some awareness of blogger template. Keeping in view newer bloggers who face difficulties while editing and adding social buttons I try to make this gadget simpler. As soon as you apply this widget to their sites you will assess how it trouble-free. Also with the use of HTML & CSS we able to customize these type of social sharing buttons as we want.
Go to blogger dashboard
Select Layout > Add a gadget > Choose HTML Java script widget.
Now copy the whole code from here and paste it to inside html java scriptwidget. Finally hit orange button and reload the page.
You are done. Enjoy your new sharing buttons with transitional effects widget. Here is the demo of these social transitional effects buttons. After completing the whole process these buttons looks like as you see below.
Customization:
Changing the size of these buttons adjust orange highlighted width: 4; height: 40px; according to your
template settings. If not adjusted properly set green colourized margin-left: -15px!important; compatible to
well site appearance. Lastly remove all 6 pink # sign with your social profile addresses. Alternatively remain all settings default.
Need help:
At any stage of implementation of these social buttons if you face any type of problem then feel free to ask us in comments section. Also if you like or this is helpful then P.s. share these widgets with others while they people get more advantage from this widget.
Only apply html with cascading style sheet transitional effects this widget has been arrange. It is also a good practice to utilize these browser support able languages that are rapidly takes effects & load faster as compare to Java script. More over it is a nice way to reduce speed of a website which is a solid accountable factor in SEO. Reduction in page loading speed result of most of traffic you will get. Applying css transitional properties we make widgets & buttons fancier.
How to add:
In order to getting installation of this version you have some awareness of blogger template. Keeping in view newer bloggers who face difficulties while editing and adding social buttons I try to make this gadget simpler. As soon as you apply this widget to their sites you will assess how it trouble-free. Also with the use of HTML & CSS we able to customize these type of social sharing buttons as we want.
Go to blogger dashboard
Select Layout > Add a gadget > Choose HTML Java script widget.
Now copy the whole code from here and paste it to inside html java scriptwidget. Finally hit orange button and reload the page.
You are done. Enjoy your new sharing buttons with transitional effects widget. Here is the demo of these social transitional effects buttons. After completing the whole process these buttons looks like as you see below.
Customization:
Changing the size of these buttons adjust orange highlighted width: 4; height: 40px; according to your
template settings. If not adjusted properly set green colourized margin-left: -15px!important; compatible to
well site appearance. Lastly remove all 6 pink # sign with your social profile addresses. Alternatively remain all settings default.
Need help:
At any stage of implementation of these social buttons if you face any type of problem then feel free to ask us in comments section. Also if you like or this is helpful then P.s. share these widgets with others while they people get more advantage from this widget.
No comments:
Post a Comment