WordPress tarzında sosyal simgeler

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.

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

HTML Kodu Kırmızı Yazılardır.

<style>  .rss-hb {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-s747-t06cyGdaaaV69x76QQDESleM6hM50xga8g_y0DasnUyIawv03XNfc06U8q9j8b0-488_YtxphfjOOVcO43RkCi-dsNFzH9IkGyPt0EAz0s5r9_c0WIYbjAE6nLRmgjuwa7QV8k/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/AVvXsEjS3QQftXNWyCJPfUcTh_5HBHkWqIwlvsEnO2wmo7mrREbn2SWDJG6Yl2qRevwq32W8_5YJ8veFpRoT8yjLTvusdY1PaRTTt8B8Lu4scrVcpLXxVrMx8fgTK4cdUtKg8m7X_J1UBj_s-Jo/s1600/rss.png) no-repeat; }  .twitter-hb {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgNlxHRX5awGD3fYfg_6PAsQRsM9XF6T2npj_VncCKg5LeTMGjV0YAmj2N_Nmaade9tVGUouHvGC0zFNlX0r-lbAgVQ1FusTsko-hYjvfWgZxVXoky31zgkM8P7pqgUP66123dzKBp5tv8/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/AVvXsEiiyhDDZ-KVBw7ee5IhrleQ3F02lOpN4Ap3ldFA1J7g2pZRQ3fkSEm8cCxMEJgH_bD5ak5fShlxuNAoo9sBbfbhMqbEGVPmAgBrpFN_3ccNT-VJee0X2ZiBGxRyhwLT1Bvk3xn3E0T4Nsw/s1600/twitter.png) no-repeat; }  .facebook-hb {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9-u12DrBFC-GJYKb4bR_vcM7YUCe0tJBvCawSAFXjELS3F5Oo9qROL5oDgM3IH91zA9I5D8SCAQ4IEm7wTEs0L-vHXVkmCb6tDtz_JCbWCODHZkdkxxH59Kbe7I9Rfl6xLI5JEHDrKwY/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/AVvXsEhZFOam3CFHdol5wUUM9mqeCUPC7yZUX6H7RI6ZOP8uYE8kDh_80Cjrry5E96iF596C_V9UGAyhD4YVcbIabnNdql4YbHHmr00RQZ3kfGNrtLVIGXIzuzbgz88l_OFkJFvt45Kyq8ONETk/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/nuri-ozdogan'>33</a>        </span>loyal readers</div> </div> <div class='twitter-hb'>     <div class='follower-twitter'>         <span>             <a href='http://twitter.com/nuri-ozdogan' rel="nofollow">270</a>        </span>followers</div> </div> <div class='facebook-hb'>     <div class='follower-facebook'>         <span>             <a href='http://www.facebook.com/nuri-ozdogan'>63</a>        </span>fans</div> </div> 

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

Feedburner http://feeds.feedburner.com/TeknoHour URL yaz ve değiştir 33 sayısı ile RSS susbscribers düzenle.


Twitter http://twitter.com/zManKinD yerine twitter URL adresini yaz ve değiştir 270sayısı takipçileri düzenle.


Facebook https://www.facebook.com/BedirhanProductions kendi URL adresinizi 63sayısı ile hayranlarını düzenle.