Blogger Dönen Sosyal Ağlar Eklentisi

ÖNİZLEME İÇİN MOUSE ÜSTÜNE GETİRİN

            

Bu yazımda blogger için dönen sosyal ağ kutucuklarını paylaşacağım. Kutucuklar rss, facebook, e-mail rss, twitter, google plus ve pinterest olarak eklenmiştir. Demoya hemen üst taraftan bakabilirsiniz. Kodlarda büyük harf ile yazılan yerleri kendi bilgilerinizle değiştirmeyi unutmayınız.

Kurulum ise çok basit. Aşağıdaki kodu Yerleşim > gadget ekle > Html javascript ekle bölümüne tıklayarak ekliyoruz.

KOD

<style>
 #social a:hover {
 background-color: transparent;
 opacity:0.7;
 }
 #social img {
 -moz-transition: all 0.8s ease-in-out;
 -webkit-transition: all 0.8s ease-in-out;
 -o-transition: all 0.8s ease-in-out;
 -ms-transition: all 0.8s ease-in-out;
 transition: all 0.8s ease-in-out;
 }
 #social img:hover {
 -moz-transform: rotate(360deg);
 -webkit-transform: rotate(360deg);
 -o-transform: rotate(360deg);
 -ms-transform: rotate(360deg);
 transform: rotate(360deg);
 }
</style>
<center>
 <div id="social">
 <!--Start Rss Icon-->
 <a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjX29jImxhaw0FA03RApQDHBoxJy4CwcTTbQthzRBZO-98WkkvWSsVfz3EcpbXqQaOgFBjjL4TGD2auIA3ZcY177hg4yfjqV83Gd3C3v55kj8LFrDj5g2TccR2hogEu27YcIimTOJWHD93D/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
 <!--End Rss Icon-->
 <!--Start Email Rss Icon-->
 <a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiWYIoVEZEJbtfIN52LzaE_8-HiycNps_2Tkegl2-wH3idnbSjpG7DtYaw1RZFTfnUbHW2lncXgTjEvTQmbxSkUHzcJS83AxzSkWo7iyNp4-ji5fndLEzDJ6bs11rRZrE_jNWcYtNmmqV7F/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
 <!--End Email Rss Icon-->
 <!--Start Facebook Icon-->
 <a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi68m9O6UEMnuvvkdAO_niXEWwkTkX0-FYHAyEnZ6SOLhye0YlhXd8iKKNuSd0yUtdhR1C3rGtNCNBDSBq3XvdM8hJosRWQMC4zR52xSNkmK-VQZqYUS38bOsmaMS1EZi3m-yI577bX9KQ8/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
 <!--End Facebook Icon-->
 <!--Start Twitter Icon-->
 <a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7rlEgGqphMO8RiYaVF8ZZizffg28P1mPNzOwRIDba2F9O20slTxQrVRCeA1XaOhXPGT8cX70nDFRzfUV545LFmx5reV-uNl2ypOStGRKNp3hP0qvx8x78rknRl6Eeo-IdpSy1onr2CgKD/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
 <!--End Twitter Icon-->
 <!--Start Google+ Icon-->
 <a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj3h3XZAwSq4DsKqMDhSu7jLvU5QQ-m3WemwtHzO2Dwtw46LfDDSRPghem-0n4cyqs5gKhyphenhyphenfpnGC95Tq5glAtweflYykWhCrOScjI6nGRlrYwtGkQ0M5fE5qH0FY8Fumh5Q9qis1iT0ARqZ/s1600/GOOGLE-PLUS-48x48.png"/></a>
 <!--End Google+ Icon-->
 <!--Start Pinterest Icon-->
 <a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgbzA6YfDpYDFSwNs-mvDLV26alYuT92IJYHIn1P9V17TMiuYJ1kIzKvLkzGMOeE1iJM1EWsSVmhc9WzhO083D_F_YI5y2qfM9nUuD1RW-jQLEWy2MI8D_-8K5q9hIEDJVc-FZfsCFVrhyphenhyphen5/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a>
 <!--End Pinterest Icon-->
 </div>
</center>