Demo – WP-AdPunch Bar – Custom HTML – Social Share

You can easily add Social Share buttons to your WP AdPunch Bar.

Simply add the following code to the custom message section, after editing the values in blue

<!– — facebook — –>
<div class=”wpadp_inline_block“>
<iframe src=”//www.facebook.com/plugins/like.php?href=http%3A%2F%2Fwww.facebook.com%2FWpAdPunch&send=false&layout=button_count&width=150&show_faces=false&action=like&colorscheme=light&font=arial&height=21″ scrolling=”no” frameborder=”0″ style=”border:none; overflow:hidden; width:150px; height:21px;” allowTransparency=”true”></iframe>
</div>
<!– — twitter — –>
<div class=”wpadp_inline_block“>
<a href=”https://twitter.com/share” class=”twitter-share-button” data-url=”http://wpadpunch.com” data-text=”WordPress Plugin WP-AdPunch Bar – Redefining Ad Spaces” data-via=”WPAdPunch” data-hashtags=”WPAdPunch, WordPress, Plugin“>Tweet</a>
<script type=”text/javascript”>!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>
</div>
<!– — Google+ — –>
<div class=”wpadp_inline_block“>
<!– Place this tag where you want the +1 button to render –>
<g:plusone annotation=”inline” href=”http://wpadpunch.com“></g:plusone>
<!– Place this render call where appropriate –>
<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>
</div>

Thats it!!!

Leave a Reply

Your email address will not be published. Required fields are marked *

roBot? *