Aşağıdaki kodu CSS bölümüne ekliyoruz.
bh-paylas {
width:560px;
height:30px;
}
ul.bh-sosyal {
list-style:none;
display:inline-block;
margin:auto;
}
ul.bh-sosyal li {
display:inline;
float:left;
background-repeat:no-repeat;
margin:auto;
margin-right:4px;
}
ul.bh-sosyal li a {
display:block;
width:182px;
height:33px;
position:relative;
text-decoration:none;
}
ul.bh-sosyal li.bh-facebook {
background-image:url(http://1.bp.blogspot.com/-dQHwOYDM9VE/Ub4deG_tBzI/AAAAAAAABR8/FgxvbQ5xREg/s1600/facebook.png);
}
ul.bh-sosyal li.bh-twitter {
background-image:url(http://3.bp.blogspot.com/-MGGVJ0DGWjU/Ub4deARZVMI/AAAAAAAABSE/RRIPQvxlHXk/s1600/twitter.png);
}
ul.bh-sosyal li.bh-googleplus {
background-image:url(http://4.bp.blogspot.com/-LgrkzbtK1OM/Ub4deCj49sI/AAAAAAAABSA/Iy9DPbmqjgI/s1600/google+.png);
}
Daha sonra tema dosyamızın içinden data: post.body kodunu buluyoruz ve altına aşağıda görünen kodu ekliyoruz.
https://docviewer.yandex.com.tr/?url=ya-disk%3A%2F%2F%2Fdisk%2FKodlar%2FBlogger%20Yaz%C4%B1ya%20Sosyal%20A%C4%9Flarda%20Payla%C5%9F%20Butonu%20Ekleyin2.txt&name=Blogger%20Yaz%C4%B1ya%20Sosyal%20A%C4%9Flarda%20Payla%C5%9F%20Butonu%20Ekleyin2.txt&c=520c00c72591
RESİM
http://paylasanadam.net/wp-content/uploads/2013/08/Blogger-Yaz%C4%B1ya-Sosyal-A%C4%9Flarda-Payla%C5%9F-Butonu-Ekleyindemo.jpg
KAYNAK
