WordPress tarzında sosyal simgeler

Merhaba arkadaşlar,

bildiğiniz gibi Wordpres site tasarımı ile blogger arasında çok fark olmasada baktığınızda anlaşılabilecek şekildedir Wordpres.Şimdi sizlere Wordpres'e benze sosyal paylaşım butonlarını blogger adresinize nasıl ekleyebilirsiniz onu anlatacağım.Aşağıda vermiş yazmış olduğum talimat basit ve kolay bir anlatım zaten çoğu blogger arkadaşımızda bilir.

1. Blogger Paneli > Yerleşim> 
2. Gatget Ekle > HTML/Javascript.
3. Aşağıdaki Kodu İçersine Yerleştiriyoruz.

 <style>  .rss-hb {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjLmPRFD5cXCSoWlP8ji_SSFFSoZk5JRriOjP7kuoaX7UQHPkOtn0dkGRQ0NxTOG64r5xET3FRVt_QiNL18w1QUJtwJ-bBxivM3dbMYWWibJCbfYfRciDHkPz6fzJoP1VbHQ5lJBp2GvkQ/s1600/rss+sepia.png) no-repeat;     height: 64px;     padding: 0px 20px 0px 80px;     margin-top: 5px; }  .rss-hb:hover {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjvHDtn2ftWTN3uaRE1TRPhAVx5q7h6KKhHMQqZtyBToN4xsKXxEav3jA77pMQ9CMKmYx80STPk0DjYsBzGQ5kw7oW9pBqihRatjjJ8BqE1xf0uycpnZ3i1GO3h3BSmN7z4p4KZaE7UCEM/s1600/rss.png) no-repeat; }  .twitter-hb {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgqc32j5z6GcaC6_S_Pii5YU-bUyd9eK7WpsNQ_Rt5ud-GQtDVFJQ6JYIZPCNUaBtyV316d6JPXupnTDtiaJosHH4VjckJVB0xKRgEgKC0SIo1XiUPyYDIcosp2jM7kNAGxKrhMl61VWc0/s1600/twitter.png) no-repeat;     height: 64px;     padding: 0px 20px 0px 80px;     margin-top: 10px; }  .twitter-hb:hover {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjTlX40pnl6TAfT9L8Ip0S53A4s1gaJ4CUNw87UEHeqtjwiHxb_9AxfqhKZKuM4cZ-x7-5GiouF5pLCH9bxkFolqp10wF7UgGbwerrSdS3hX2kJLQViJxyRg_T26yniXyJui39kajTzL7U/s1600/twitter.png) no-repeat; }  .facebook-hb {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPy_N7invC6Nh9ySYL1kJrxqsvDSGCt57CRpxMdSpWeG3kc9AcMPtoZnw03Opropn6MtQcFooRuINEiEm3_gUEardxnDz5RcOHq3X4crTNDyMUIPIQJmq8DSdJero7KhVIqB_iDkdxv00/s1600/fb+sepia.png) no-repeat;     height: 64px;     padding: 0px 20px 0px 80px;     margin-top: 10px; }  .facebook-hb:hover {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjpzQFAOCAdXRtTSddAlIxlPlr43WNDnyZjmxHQ5_cvdKzAUSXknMdF-uk1i4bMrzokH1BZ1ARjs1atxJaz11s2rhA25sXnSvEu7Waypuygb03-R-FpPelNXAYh_vBIGtTUbrn9h0hW-t8/s1600/facebook-logo.png) no-repeat; }  .follower-rss, .follower-twitter, .follower-facebook {     font-family: Georgia,  sans-serif, Times;     font-size: 1.5em;     font-style: italic;     color: #D3C5B1;     padding-top: 05px;     text-shadow: 1px 1px #B2A99D; }  .follower-rss a, .follower-twitter a, .follower-facebook a {     color: #AA9C89; }  .follower-rss span {     font-size: 2.2em;     font-weight: bold;     font-style: italic; }  .follower-twitter span {     font-size: 1.9em;     font-weight: bold;     font-style: italic; }  .follower-facebook span {     font-size: 1.9em;     font-weight: bold;     font-style: italic; }   </style>   <div class='rss-hb'>     <div class='follower-rss'>         <span>             <a href='http://feeds.feedburner.com/yenercn'>33</a>        </span>loyal readers</div> </div> <div class='twitter-hb'>     <div class='follower-twitter'>         <span>             <a href='http://twitter.com/#!/yenercn' rel="nofollow">270</a>        </span>followers</div> </div> <div class='facebook-hb'>     <div class='follower-facebook'>         <span>             <a href='http://www.facebook.com/yenercn'>63</a>        </span>fans</div> </div> 

Değiştirmeniz gereken yerler aşağıda gösterilmektedir.

• Feedburner  http://feeds.feedburner.com/yenercn feedburner URL yaz ve değiştir 33 sayısı ile RSS susbscribers düzenle .( Kırmızı renk)

• Twitter http://twitter.com/#!/yenercn yerine twitter URL  adresini yaz ve değiştir 270sayısı takipçileri düzenle (, Mavi renk)

• Facebookhttp://www.facebook.com/yenercn kendi URL adresinizi 63sayısı ile hayranlarını düzenle. ( Sarı renk)