MyBB Community Forums

Full Version: [Tutorial]How To Add All Social Icons In Your Postbit Without Plugin
You're currently viewing a stripped down version of our content. View the full version with proper formatting.
I was looking for some plugin for social sharing but couldn't find any plugin so with some other tutorial references i came up with this and i succeed to add social buttons into postbit Angel

Okay you need to follow these steps in order to get results like this

[Image: uGCWV.jpg]

Alright i know this is fantastic okay let's start:

Step:

Click Me And create an account here.

Okay so after signup choose the website marked in red box in image

[Image: O5DFu.jpg]

Now proceed to step 2

and choose the button size of your choice i am choosing only button no text.

[Image: 4qE7R.jpg]

alright after this proceed to step 3
[Image: Cchx6.jpg]

now select the social networks which you want to place in your list i used the most used one coz everybody has account on facebook,google+,twitter and so on so select what you want to give your audience as a sharing options.

okay click the FINISH:Get The Code button and a popup will came up


[Image: sJBYz.jpg]

okay so now you've 2 code i've marked them as code red and code blue

now copy the code red and go to


Admin Panel>Templates>Your Template>Ungrouped Templates>headerinclude

And search for
<meta http-equiv="Content-Type" content="text/html; charset={$charset}" />
and paste the code before this line and save the template

now for the second code which is marked as blue in image copy that code and go to

Admin Panel>Templates>Your Template>Post Bit Templates>postbit

and paste it before the
</tbody>


and save it now you've the final output as

[Image: uGCWV.jpg]


If you wish to share this to any forum/blog please include my name there

Thanks Smile
They don't look very nice on every post, and don't they link to the same page? And also try to make your subject so that it makes it easier to reply.
(2013-01-07, 04:37 PM)JordanMussi Wrote: [ -> ]They don't look very nice on every post, and don't they link to the same page? And also try to make your subject so that it makes it easier to reply.
thanks for feeedback,if you tell me how to put those buttons only on every 1 post i'll appreciate it
May be you can make a share button and put all those in dropdown.
I think it won't link to the post so I was suggesting just having them showing per thread, so on the show thread template.
Great Tutorial i Will Try It .....
done as per posted and shows nothing

EDIT: Ok this is so simple

add this in Post Templates/Postbit

Just Before <tbody> add this

<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_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-52d345e24e0e1342"></script>
<!-- AddThis Button END -->

It shows on top of every post Smile
I was just going to ask if this could be used with Addthis instead of Sharethis, Wallet just answered that.
Nice plugin. But why is it appearing at the header instead of appearing under the thread?

(2015-08-17, 11:16 AM)christbobby Wrote: [ -> ]Nice plugin. But why is it appearing at the header instead of appearing under the thread?