Blogger Sosyal Medya eklentileri sayesinde site tasarımınız oldukça güzel görünecektir.Aşağıdaki Blogger Sosyal Medya eklentisi ile sitenizi sosyal medyada da aktif halde tanıtmış olacaksınız.
<div class="droplink"><ul><li class="facebook"><a href="https://www.facebook.com/HobiAra/" target="_blank">Facebook</a></li><li class="google"><a href="https://plus.google.com/102700799461347336120" target="_blank">Google+</a></li><li class="instagram"><a href="https://www.instagram.com/hobiara/" target="_blank">Instagram</a></li><li class="youtube"><a href="https://www.youtube.com/c/HobiAra" target="_blank">YouTube</a></li><li class="rss"><a href="http://feeds.feedburner.com/hobiara" target="_blank">RSS</a></li><li class="twitter"><a href="http://www.dailymotion.com/hobiara" target="_blank">Dailymotion</a></li></ul></div><style>.droplink {width: 200px;position:absolute;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;}.droplink h3 a {text-align: center;width: 100%;display: block;padding: 2px 0px;color: #333;letter-spacing: 3px;text-decoration: none;text-transform: uppercase;}.droplink h3 a img{border: none;}.droplink:hover h3 a {color: #FFF;font-weight: bold;}.droplink li a{padding: 5px 12px 4px 34px;margin: 1px;background-color: #484A47;display: block;color:#FFF;text-decoration: none;-moz-border-radius-topleft: 5px;-webkit-border-top-left-radius: 5px;-moz-border-radius-topright: 5px;-webkit-border-top-right-radius: 5px;-moz-border-radius-bottomleft: 5px;-webkit-border-bottom-left-radius: 5px;-moz-border-radius-bottomright: 5px;-webkit-border-bottom-right-radius: 5px;background-repeat:no-repeat;background-position: 10px 3px;}.droplink li a:hover {background-color: #CC3B1F;}.droplink .facebook a {background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhEb2t43YqVBPIEF8c2xKl4Q-a6fWklJ-bsxa0xBhW479FP9sGJx1HW0IBDkQbB9bhNKmItisYfp-wpgV7m2XThk2R3omMFhhOPxqABoat_TAyB1SmbFvbigGi3DyhX-Hzt-OSYx8kV1uo/s200/facebook.png");}.droplink .linkedin a {background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgegke40GOZBJxGRRaQN7RYZzxwp7Uidx8R-2Oemp0ysuJmYKtEh6i7ST5q-0OzAynWh9bvdYcDbrWDJFKR8SVUEP0A_9E3T9SBNOx3obCQkt9K-MUhKOWqA2rU_zu5liltf4LNkYSngCw/s200/twitter.png");}.droplink .twitter a {background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgegke40GOZBJxGRRaQN7RYZzxwp7Uidx8R-2Oemp0ysuJmYKtEh6i7ST5q-0OzAynWh9bvdYcDbrWDJFKR8SVUEP0A_9E3T9SBNOx3obCQkt9K-MUhKOWqA2rU_zu5liltf4LNkYSngCw/s200/twitter.png");}.droplink .google a {background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhCo3XX55XS3ggVFgYkRnr0ft_aXR8EvZJoGGr91E_FBMYNlhuOi23WhV0IV3g9Ooz1QuRoiEwvslv8gAeIl16wrVLNI6XXTrfNUy3pOGy-YOcsPi7Qs-4Eh4-12R8mc_hE8Rj9SEn1_QU/s200/googleplus.png");}.droplink .youtube a {background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiL3yjlv8gK2dV8w5j8GTKaGsJx4Kc48olnteCGflkaSVizODNSobliQCZfsTdsInSliuMGSnxV_zh70tLNzrdfgli83MLYbNEs7sQOzBoD69a5YNQZsnhNf5EnK7yzuM-ts5THnIJvBMc/s200/youtube.png");}.droplink .rss a {background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMgGTO6M0zYbDL-KAbh6_HhwghhEpUaOxHqqwF4CYPGb7TnbfNZ1-LfSExtS4_B4bxBr8Fb-I4zvcHfxJcRA2tjHnq8ur-gOEY6QqkSquR3Bwdw_ZPh3takrI7dIhb1dr01pRPE4glD08/s200/RSS.png");}.droplink .pinterest a {background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/pinterest.png");}.droplink .instagram a {background-image:url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhwwg5qdSkU55qQUMAYLRlOX_EZ2893UpdfGRKU4NxGFcgo_wHyXYvoW2ibVOPHDoHq1yexbPurWgipzt04GnEDi6mhMDibvLpTeszmDCyCKMoXGJ-k9YLwAu1zsblX5LJB97sgihyphenhyphenporQ/s200/linkedin.png");}.droplink .mail a {background-image:url("https://dl.dropboxusercontent.com/u/60346665/BH-droplink-icons/email.png");}</style>
0 yorum:
Yorum Gönder