Ravens PHP Scripts: Forums
 

 

View next topic
View previous topic
Post new topic   Reply to topic    Ravens PHP Scripts And Web Hosting Forum Index -> How To's
Author Message
doffer83
Worker
Worker



Joined: Apr 17, 2011
Posts: 117
Location: Amsterdam

PostPosted: Sun Sep 01, 2013 5:13 am Reply with quote

I wish I could add the share buttons (fb and twitter at the right side) like the next dutch site :
[ Only registered users can see links on this board! Get registered or login! ]

is het a code or just pictures added to the theme

if you can help I appreciate it

Image
 
View user's profile Send private message Visit poster's website
kguske
Site Admin



Joined: Jun 04, 2004
Posts: 6432

PostPosted: Sun Sep 01, 2013 7:16 am Reply with quote

It's Javascript, and you should be able to add it.

Look at [ Only registered users can see links on this board! Get registered or login! ] and search for facebookpluginright and twitterpluginright. Also find these in the HTML source for the page. The configuration that specifies the facebook page and twitter account are defined in the HTML source (i.e. you will need to change that for your FB page and Twitter account).

There is CSS that handles the appearance here: [ Only registered users can see links on this board! Get registered or login! ] (search for socialmediaright )

_________________
I search, therefore I exist...
nukeSEO - nukeFEED - nukePIE - nukeSPAM - nukeWYSIWYG
 
View user's profile Send private message
montego
Site Admin



Joined: Aug 29, 2004
Posts: 9457
Location: Arizona

PostPosted: Sun Sep 01, 2013 7:32 am Reply with quote

Personally, I just use AddThis. Their new "layers" implementation is quite nice I think.

_________________
Where Do YOU Stand?
HTML Newsletter::ShortLinks::Mailer::Downloads and more... 
View user's profile Send private message Visit poster's website
doffer83







PostPosted: Mon Sep 02, 2013 7:42 am Reply with quote

Thank you both for the answers.. I have tried to add the js and the css code but nothing happend .. it does not show any thing on the home page.

I will look at your link montego.. it looks good I agree

Once again thanks
 
kguske







PostPosted: Mon Sep 02, 2013 9:22 am Reply with quote

If you're using RN 2.40 or higher, create this file: includes/addons/body-AddThis.php
Code:
<?php


$bodyHTML = '
<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=mypubid"></script>
<script type="text/javascript">
  addthis.layers({
    \'theme\' : \'dark\',
    \'share\' : {
      \'position\' : \'left\',
      \'numPreferredServices\' : 4
    },
    \'follow\' : {
      \'services\' : [
        {\'service\': \'facebook\', \'id\': \'nukeseo\'},
        {\'service\': \'twitter\', \'id\': \'_nukeseo\'},
        {\'service\': \'google_follow\', \'id\': \'104278050305044376442\'}
      ]
    },   
    \'whatsnext\' : {},
    \'recommended\' : {}
  });
</script>
<!-- AddThis Smart Layers END -->
';

if (is_array($bodyJS) and function_exists('addJSToBody')) addJSToBody($bodyHTML, 'inline');
else echo $bodyHTML."\n";

?>


Make sure to change to YOUR AddThis publisher id:
Code:
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=mypubid"></script>


Make sure to change to YOUR FB, Twitter, Google IDs:
Code:
{\'service\': \'facebook\', \'id\': \'nukeseo\'}, 

        {\'service\': \'twitter\', \'id\': \'_nukeseo\'},
        {\'service\': \'google_follow\', \'id\': \'104278050305044376442\'}


You can also tweak the appearance by changing other settings in the JS.

#hack #addthis
 
kguske







PostPosted: Sun Sep 29, 2013 6:33 am Reply with quote

Montego pointed out that the Share buttons blocked the menu on my site. I changed that by specifying an offset parameter. Below is the updated code with the offset:
Code:
<?php 


$bodyHTML = '
<!-- AddThis Smart Layers BEGIN -->
<!-- Go to http://www.addthis.com/get/smart-layers to customize -->
<script type="text/javascript" src="//s7.addthis.com/js/300/addthis_widget.js#pubid=mypubid"></script>
<script type="text/javascript">
  addthis.layers({
    \'theme\' : \'dark\',
    \'share\' : {
      \'position\' : \'left\',
      \'offset\' : {\'bottom\': \'25px\'},
      \'numPreferredServices\' : 4
    },
    \'follow\' : {
      \'services\' : [
        {\'service\': \'facebook\', \'id\': \'nukeseo\'},
        {\'service\': \'twitter\', \'id\': \'_nukeseo\'},
        {\'service\': \'google_follow\', \'id\': \'104278050305044376442\'}
      ]
    },   
    \'whatsnext\' : {},
    \'recommended\' : {}
  });
</script>
<!-- AddThis Smart Layers END -->
';

if (is_array($bodyJS) and function_exists('addJSToBody')) addJSToBody($bodyHTML, 'inline');
else echo $bodyHTML."\n";

?>

You can specify top or bottom and adjust the value accordingly (default is top: 50px).
 
montego







PostPosted: Wed Oct 02, 2013 6:10 am Reply with quote

Nice. I also see that it is automatically adjusting to a different style upon the viewport shrinking (ala: mobile devices). Again, nice... they've done a good job with this.
 
Display posts from previous:       
Post new topic   Reply to topic    Ravens PHP Scripts And Web Hosting Forum Index -> How To's

View next topic
View previous topic
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum
You can attach files in this forum
You can download files in this forum


Powered by phpBB © 2001-2007 phpBB Group
All times are GMT - 6 Hours
 
Forums ©