Bunu nasıl yaparım? Ufak birşey ama ne?

https://www.emarsys.com/tr/

Bu sitede sağdaki gibi DEMO İSTEYİN diyor ya, bir sürü sitede var. Sağa yada sola bu şekilde 2 tane buton koymak istiyorum. Bunu nasıl yaparım? Sistem wordpress.

Sayfa şeklinimi istiyorsunuz ? yoksa sadece butonmu?

Kendi siteme aynı şekilde buton koymak istiyorum.



Kendi siteme aynı şekilde buton koymak istiyorum.

<style>
.btsnts-flt-wdt{
position:fixed;
right:10px;
top:30%;
}
.btsnts-flt-wdt img{
float:right;
clear:right;
margin:1px;
-webkit-transition: all .0s ease-in-out;
-moz-transition: all .2s ease-in-out;
-o-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.btsnts-flt-wdt img:hover{
-moz-transform: scale(1.2) rotate(6deg);
-webkit-transform: scale(1.2) rotate(6deg);
-o-transform: scale(1.2) rotate(6deg);
-ms-transform: scale(1.2) rotate(6deg);
transform: scale(1.2) rotate(6deg);
}
</style>
<!-- blog-okulum.blogspot.com -->
<div class="btsnts-flt-wdt">
<!-- Facebook -->
<a href="http://www.facebook.com/htmlkod11 title="FACEBOOK TAKİP ET" target="_blank"><img alt="FACEBOOK TAKİP ET" src="http://3.bp.blogspot.com/-zl6GiZgl17w/TzNgd4y2VKI/AAAAAAAAAwQ/yl5f0NXI_Ng/s1600/facebook.png" /></a>
<!-- Twitter -->
<a href="http://twitter.com/EmincanSaral" title="" target="_blank"><img alt="TWİTTER TAKİP ET" src="http://1.bp.blogspot.com/-oZXlXaVZ0NQ/TzNgee09cVI/AAAAAAAAAwY/UVUjQ9LlLuk/s1600/twitter2.png" /></a>
<!-- RSS -->
<a href="http://feeds.feedburner.com/BlogOkulum" title="FEEDBURNER TAKİP ET" target="_blank"><img alt="FEEDBURNER TAKİP" src="http://4.bp.blogspot.com/-v8adyG27cBs/TzNgdRZJzaI/AAAAAAAAAwM/k3HJWWhY0jY/s1600/Rss.png" /></a>
<!-- Email -->
<a href="http://blog-okulum.blogspot.com/p/iletisim.html" title="İLETİSİME GEC" target="_blank"><img alt="İLETİSİME GEC.." src="http://3.bp.blogspot.com/-6ZNwVUqx9eo/TzNhk_KXPvI/AAAAAAAAAwk/uxsSpqb3sdI/s1600/Mail.png" /></a>
</div>
<!-- End -->

Bu kodla hallettim işimi. lazım olan olabilir.

https://codepen.io/tuamedya/pen/qpRwKq