How to add both vertical & horizontal social media share buttons?

We have given a tutorial on how to add share buttons using Addthis. Though the buttons provided by addthis are on varied designs, adding of their buttons is quite lengthy-procedures. In every possibility, newbies may commit some errors.
         

And for this reason, here is yet another tutorial on how to add both vertical as well as horizontal social media share buttons in blogger. 

But if you love share buttons of Addthis, you may add from it. This tutorial is for newbies who don't know much about adding third party gadgets.

Step 1

Login to your blogger account

Step 2

Select a blog (if you have more)

Step 3

Click on drop down menu

Step 4

Click on Layout button

Step 5

Click on Add a Gadget

Step 6

Select HTML/JavaScript

Step 7

Keep title blank

Step 8

In content, add the share button codes of your choice & click Save.

Horizontal Social media share button code:

<script>
document.write('<script src="//sharebutton.net/plugin/sharebutton.php?type=horizontal&u=' + encodeURIComponent(document.location.href) + '"></scr' + 'ipt>');
</script>

Vertical Social media share button code:

<script>

document.write('<script src="//sharebutton.net/plugin/sharebutton.php?type=vertical&u=' + encodeURIComponent(document.location.href) + '"></scr' + 'ipt>');

</script>

And if you want the share buttons both in vertical as well as in horizontal design, adding them in one gadget won't work. You have to add in two separate gadgets.