Blogger Hazır Sosyal Paylaşım Eklentisi

-Blogger Admin Panel > Yerleşim > Gadget Ekle > Html/JavaScript diyoruz ve aşağıdaki kodu yapıştırıyoruz.

CSS:

<style>#sosmed{margin:16px auto 5px;} #sosmed li:hover{background-color:#414b5e;} #sosmed li{line-height:30px;font-weight:400;margin:auto;margin-bottom:3px;border-radius:5px;-webkit-transition:all .2s ease-in-out;transition:all .2s ease-in-out;} #sosmed li a{padding:5px 5px 3px 14px;display:block;color:#fff;} #sosmed li i{border-right:1px solid rgba(0,0,0,.2);padding-right:5px;margin-right:5px;width:15px;} .bg-fb{background:#5772bb;} .bg-tw{background:#3494e5;} .bg-gp{background:#e34242;}</style>

HTML:

<div> <nav id="sosmed"> <ul> <li class="bg-fb"><a href="#"><i class="fa fa-facebook"></i> Facebook'ta Takip Et</a></li> <li class="bg-tw"><a href="#"><i class="fa fa-twitter"></i> Twitter'da Takip Et</a></li> <li class="bg-gp"><a href="#"><i class="fa fa-google-plus"></i> Google+'da Takip Et</a></li> </ul> </nav></div>

# ile olan yerlere sosyal medya adreslerimizi yazıyoruz.

Önizleme:

•  Facebook'ta Takip Et
•  Twitter'da Takip Et
•  Google+'da Takip Et