Showing posts with label Social Media Widget. Show all posts
Showing posts with label Social Media Widget. Show all posts

Wednesday, 24 May 2017

How To Add Together Floating Social Media Icons To Blogger

Hello friends, welcome to the Social tutorial today I volition present yous how to insert add together floating Social Media icons to Blogger weblog amongst pictures.
 welcome to the  Social tutorial today I volition present yous how to insert add together floating How to Add Floating Social Media Icons to Blogger

When nosotros add together insert floating social media buttons or sharing buttons on Blogger too then our visitors tin easily share our weblog article on at that topographic point social media network, In this means other visitors from social media volition come upward inwards our Blogger blog. It volition growth our weblog visibility / traffic on online.

These are Following Steps:-


Step 1: First nosotros opened upward Blogger Layout too click Add a Gadget link.
 welcome to the  Social tutorial today I volition present yous how to insert add together floating How to Add Floating Social Media Icons to Blogger
Step 2: Now Select HTML/JavaScript gadget.
 welcome to the  Social tutorial today I volition present yous how to insert add together floating How to Add Floating Social Media Icons to Blogger
Step 3: Here nosotros glue the code.
 welcome to the  Social tutorial today I volition present yous how to insert add together floating How to Add Floating Social Media Icons to Blogger
Step 4: Now opened upward the Blogger Blog.

Copy I Floating Social Media Code:-
 welcome to the  Social tutorial today I volition present yous how to insert add together floating How to Add Floating Social Media Icons to Blogger
<!-- Scrolling social Button BEGIN --><div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a><a class="addthis_button_tweet" tw:count="vertical"></a><a class="addthis_button_google_plusone" g:plusone:size="tall"></a><a class="addthis_counter"></a></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script><!-- Scrolling social Button END -->
Copy II Floating Social Media Code:-
 welcome to the  Social tutorial today I volition present yous how to insert add together floating How to Add Floating Social Media Icons to Blogger
<!-- Scrolling social Button BEGIN --> <div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook"></a><a class="addthis_button_twitter"></a><a class="addthis_button_google_plusone_share"></a><a class="addthis_button_pinterest_share"></a><a class="addthis_button_digg"></a>
<a class="addthis_button_compact"></a></div>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-508240f16db23831"></script>



Monday, 15 May 2017

How To Add Together Social Media Buttons To Blogger Posts

Hello friends, welcome to the Social tutorial today I volition demo y'all how to add together social media buttons to Blogger spider web log posts alongside pictures.
 welcome to the  Social tutorial today I volition demo y'all how to add together social media bu How to Add Social Media Buttons to Blogger Posts

Here nosotros going to insert social media buttons on Blogger spider web log posts, straightaway the create goodness in addition to why nosotros add together this because Blogger convey social buttons but they are non attractive in addition to non plenty social buttons, thus nosotros going to insert / add together 3rd party social media buttons in addition to it will be increase spider web log post service traffic in addition to back-links.

These are Following Steps:-


Step 1: Go to Blogger Theme in addition to click Edit HTML button.
 welcome to the  Social tutorial today I volition demo y'all how to add together social media bu How to Add Social Media Buttons to Blogger Posts
Step 2: Now click anywhere inwards the code in addition to press Ctrl+F in addition to discovery <div class='post-footer'> in addition to then hold upwards into twice in addition to glue the code higher upwards the <div class='post-footer'> tag.
 welcome to the  Social tutorial today I volition demo y'all how to add together social media bu How to Add Social Media Buttons to Blogger Posts
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit" pi:pinit:layout="horizontal"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-XXXXXXXXXXX"></script>
<!-- AddThis Button END -->
Step 3: Now opened upwards the Blogger blog.

Note:- if these are non working good in addition to then become ADDTHIS site.