Beautiful Custom Share Buttons For Emporio Blogger Blog

emporio

(Tunde Sanusi (Tuham)) #1

If you’re looking to rock your Emporio Blog theme with a Stylish customized Share buttons, then I’ve come up with cute one for you.

This post was inspired especially after the request of the Share buttons in Emporio by one of the member here. To cut the long story short, let’s cut the cake :wink:

To add a custom share buttons to your Emporio blog (like the one in the screenshot below). Simply;

Step 1: Login to your Blog’s Dashboard >> Theme >> Edit HTML

Step 2: Ctrl + F <data:post.body/>

Step 3: Now Copy the code below

(I couldn’t get to paste the code here directly but i made it available online here.

Step 4: After you have copy the code, now Paste it directly below <data:post.body/> and you’re good to go!

Feel free to leave a comment if you had any trouble doing it! :smile:

P.S: I also recently launched a Customized Emporio Stylish theme With Sidebar + Awesome Features , you can check the Specs, Demo + Price Here


(Jide Ogunsanya) #2

Nice share bro but you can post codes here. You can use the"preformmated text" icon in the toolbar to wrap your code.

<!-- Custom share buttons BEGIN --><p>
<div style='text-align: left;'>

<div class='addthis_toolbox'>

<div class='custom_images'><a class='addthis_button_share'><img alt='Share this Post' border='0' src='http://1.bp.blogspot.com/-Doe-nHNRph0/VXi6oEYHpiI/AAAAAAAALf0/vehf0HZG3W8/s1600/Share%2Bthis%2BPost.png'/></a><a class='facebook' expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank' title='Share This On Facebook'><img alt='Facebook share' border='0' src='http://4.bp.blogspot.com/-1zDqh-W7LLk/VXi6ntQsYtI/AAAAAAAALfQ/Pprvi03-NpQ/s1600/Facebook%2BButton%2BShare.png'/></a><a class='twitter' expr:href='&quot;https://twitter.com/share?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' rel='nofollow' target='_blank' title='Tweet This'><img alt='Twitter share' border='0' src='http://4.bp.blogspot.com/-9ot9ZrDBORw/VXi6olHElFI/AAAAAAAALfg/FgkFZtzhM7E/s1600/Twitter%2BButton%2BShare.png'/></a><a class='addthis_button_pinterest_share'><img alt='Pin This' border='0' src='http://3.bp.blogspot.com/-b8J3nxp5Zek/VXi6oOIafaI/AAAAAAAALfU/0U0YQQdo2Z0/s1600/Pinterest%2BButton%2BShare.png'/></a><a class='addthis_button_tumblr'><img alt='Share on Tumblr' border='0' src='http://1.bp.blogspot.com/-fla_oko-g4I/VXi6oeLUW7I/AAAAAAAALfc/3mpJuBDo8YY/s1600/Tumblr%2BIcon.png'/></a><a class='addthis_button_google_plusone_share + data:post.url + &quot;&amp;t=&quot; + data:post.title' rel='nofollow' target='_blank'><img alt='Share on Google Plus' border='0' src='http://1.bp.blogspot.com/-SVErwlOWPws/VXi6n0s0yQI/AAAAAAAALfM/trsRWvm8eNk/s1600/Google%2BPlus%2BShare.png'/></a><a class='addthis_button_email'><img alt='Email This' border='0' src='http://1.bp.blogspot.com/-0Wsj8_RX-B4/VXi6noTVdDI/AAAAAAAALfI/ZjlhX2fT9mA/s1600/Email%2BButton%2BShare.png'/></a>

</div></div></div><script type='text/javascript'>var addthis_config = {&quot;data_track_addressbar&quot;:false};</script><script src='//s7.addthis.com/js/300/addthis_widget.js#pubid=ra-511bbe8405a64ebd' type='text/javascript'/>

    <!-- NetSocialBlog.com share Buttons END --></p>

(Tunde Sanusi (Tuham)) #3

I tried to use the pre-formatted when i was typing but it was displaying the diagram in the post. don’t know why