Back to vBulletin 5.x Template Modifications

share to facebook, twitter & google+
Mod Version: 1.00, by sukagwe

vB Version: 5.0.0 Rating: (0 vote - 0 average) Installs: 8
Released: 31 Mar 2013 Last Update: Never Downloads: 0
Not Supported Template Edits Re-usable Code Translations  

this template modification will make user easier to share your page to the social network like facebook, twitter & google+

first, go to admincp -> style & template -> style manager than choose edit templates find widget templates at the bottom of templates's list. next find widget_conversationdisplay template. klik edit and add the following code at the top of the template.

Code:
<div id="fb-root"></div>
<script>(function(d, s, id) {
  var js, fjs = d.getElementsByTagName(s)[0];
  if (d.getElementById(id)) return;
  js = d.createElement(s); js.id = id;
  js.src = "//connect.facebook.net/en_US/all.js#xfbml=1";
  fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<fb:like send="false" width="450" show_faces="false"></fb:like>
<a href="https://twitter.com/share" class="twitter-share-button" data-text="{vb:raw conversationStarter.htmltitle}" data-via="your twitter account" data-lang="id" data-hashtags="your twitter account">Tweet</a>
<script>    !function (d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (!d.getElementById(id)) { js = d.createElement(s); js.id = id; js.src = "//platform.twitter.com/widgets.js"; fjs.parentNode.insertBefore(js, fjs); } } (document, "script", "twitter-wjs");</script>
<!-- Place this tag where you want the share button to render. -->
<div class="g-plus" data-action="share"></div>
<!-- Place this tag after the last share tag. -->
<script type="text/javascript">
    (function () {
        var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
        po.src = 'https://apis.google.com/js/plusone.js';
        var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
    })();
</script>
note
remember to find and edit the following line, before you use this template modification
Code:
data-via="your twitter account" data-lang="id" data-hashtags="your twitter account"
enjoy it , this is my 1st post in template modification in vb.org

demo
http://www.sukagwe.com
klik any thread, blog post you want

Download

No files for download.

Similar Mods

Miscellaneous Hacks More Share Options TNG by BOP5 (Facebook, Twitter, Google +1, AddThis) Share Buttons vBulletin 4.x Add-ons
Show Thread Enhancements Google+1 / Facebook / Linkedin / Twitter Share Buttons vBulletin 4.x Template Modifications
Miscellaneous Hacks Share Buttons Bar by BOP5 (Facebook Like, Twitter, Google+1, and more share options) vBulletin 3.8 Add-ons
Show Thread Enhancements Google Buzz, Facebook Share, Twitter On Thread vBulletin 4.x Template Modifications
Add-On Releases v3 Arcade Share Tools - Facebook, Google+, Twitter and More vBulletin 4.x Template Modifications

vblts.ru supports vBulletin®, 2022-2024