How to add Facebook/Twitter/Google share buttons to the page top?

ravipratap95

kaaleth

Where exactly would you like to put it?

ravipratap95

kaaleth replied at 2012-11-23 12:35
Where exactly would you like to put it?

Well....at the top....where it is in the screenshot....or at any better place ......i was thinking at the bottom.........yes at the bottom...please tell me how to...

kaaleth

What about this, mate? Let me try.

I Option


How to.

1. Open ..\template\default\common\header.htm
2. Find </head> tag and BEFORE add:

1. <script type="text/javascript">var switchTo5x=true;</script>
   
2. <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
   
3. <script type="text/javascript">stLight.options({publisher: "ur-b255a218-2438-f181-39c3-533f68e9cb6f"});</script>

Copy the Code

3. Find

1. <!--{hook/global_cpnav_extra1}-->

Copy the Code

AFTER this add:

1. <span class='st_facebook' displayText='Facebook'></span>
   
2. <span class='st_twitter' displayText='Tweet'></span>
   
3. <span class='st_google' displayText='Google'></span>
   
4. <span class='st_email' displayText='Email'></span>

Copy the Code

II Option

1. Open ..\template\default\common\header.htm
2. Find </head> tag and BEFORE add:

1. <script type="text/javascript">var switchTo5x=true;</script>
   
2. <script type="text/javascript" src="http://w.sharethis.com/button/buttons.js"></script>
   
3. <script type="text/javascript">stLight.options({publisher: "ur-278f6f05-864f-dd21-67cb-8cbba91c25a1"});</script>

Copy the Code

3. Find

1. <!--{hook/global_cpnav_extra1}-->

Copy the Code

AFTER this add:

1. <span class='st_facebook_hcount' displayText='Facebook'></span>
   
2. <span class='st_twitter_hcount' displayText='Tweet'></span>
   
3. <span class='st_email_hcount' displayText='Email'></span>
   
4. <span class='st_googleplus_hcount' displayText='Google +'></span>

Copy the Code

Remember!
Update cache from admin control panel.

Of course, you can add this code wherever you want. For bottom position, you have to edit FOOTER.html.

masbahrun

using plugin Social 3in1 1.0
u can download here

Parsson

masbahrun 2014-2-15 22:30
using plugin Social 3in1 1.0
u can download here

The download link is broken. can u upload it again?

lewellyn

Parsson 2014-9-23 15:10
The download link is broken. can u upload it again?

I had downloaded it before, but found the original solution to work better. The plugin just didn't work as well as the ShareThis buttons. Unfortunately, I can't find the downloaded file any longer.