0


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:
 <style>  .rss-hb {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgVMwljhfYby79PwHDulDQPZWdRRcLKsjjz2MdBuEPrr_duMXSMwwlSFThWD1oZuEhED6753g6jY6DjAiSxMm3kXiBbivLMbZzceCUIdVEtz8CYj82c7Iw8cjl1hS9c0c2s8kJaCvtrTPc/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/AVvXsEjBoqJDu360gtlRZdZ_nXsXqI-CzM1rFZjQT6ccbNsxSxBlPwzgO6wc2TW4d1r1CPxks8ixlLaw8qc_fBtIIsegxVCLmM6ltTTW0ccAsxdzhscJFuCrhEJohj7qXrB28rIafFP6zG1-k5w/s1600/rss.png) no-repeat; }  .twitter-hb {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEglv0eKRHpUXCq0CqbCgjFcxoG6AtKDtCqGMMeDvzKVqZWkTJ8aA-VPn8qUTEkblAx93Z-jkW8z0CpWNkzHam8UO_uf-26HuUkyldPpRDyz0PAhJnphROEtH4fd4xo1iCx-ewaGB9OrUJc/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/AVvXsEjvb9mPpdNd0ie9oXlV24ds5Q4bw77UIeXP9qGRnFa2NBAwk70jfmbbEVindobyW9g6RyHI0OfBK4rT5qxaCsJhdqb3eGC10_BtpgaHTTANAmem6BynKTLBfl6fizP2YW-RyV46i5CB2XM/s1600/twitter.png) no-repeat; }  .facebook-hb {     background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMlgjNR_rXBx23gUUYPwyatm1IcyC3EPlNUpl3wSI3i3eU_VKu6rl31x3hevWqNM4pM_e9ItXe2idLYRWDPIdHA_7eG94J_GREGWe-ChJIJ4OBIjwfKGEAJXlyFpSkHt_50T3ahO1SzFw/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/AVvXsEj05euIUShn5M8L83l-rZUqxL_WRunn7tNYlhJYafCFfGILxuLjI1XHVKX4POZ1KvHpEhShoOYW0FHsEqZchDkZKRhOCZzVMdz-EkT05aGSJ9pRSWhbHUg5r3QTkozQbCgGNI3E6hPxRXk/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/nuri-ozdogan URL yaz ve değiştir 33 sayısı ile RSS susbscribers düzenle.


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


Facebook http://www.facebook.com/nuri-ozdogan kendi URL adresinizi 63sayısı ile hayranlarını düzenle.

Yorum Gönder

 
Yukarı