Blogunuz İçin Hazır Sosyal Paylaşım Eklentisi - 1

Blogunuz için hareketli sosyal medya eklentisi.

Bloggerınızda üzerine geldiğinizde renk değiştiren sosyal medya eklentisi

Blognuza eklemek için Bloggerınızın Click Kumanda Panelinden Yerleşimi seçip Gadget Ekle diyoruz daha sonra Temel sekmesinden HTML/JavaScript diyoruz ve kodu ekliyoruz.

<style>.social-wrap { margin:0 auto; padding:0px; text-decoration: none; } .social-wrap ul li { list-style-type: none; border-bottom:none; margin:0 auto; background: none; padding:0px; line-height: 0!important; } .social-wrap li a { margin:5px 3px 0px 0px !important; padding:0px; width:50px; height:50px; text-indent:-99999px; float:left; -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px; } .social-wrap li a.facebook1 { background: #314d91 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr93piela9z9b7sEWfuBdysWI9zbYQsonCnsP7X6dav7IcH8ei4kT1Jagb7Pt48rgkzG9XECCwOWcorTXqDFEHpvVF4CfDA3vjRLewJG9q-Vm-Slvi2eQL4UyT02vY1Y8cVXts4rcnnfA/s1600/social_sprites.png) no-repeat 0px 0px; -webkit-transition:All 0.3s ease-out; -moz-transition:All 0.3s ease-out; -o-transition:All 0.3s ease-out; } .social-wrap li a.facebook1:hover { background: #314d91 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr93piela9z9b7sEWfuBdysWI9zbYQsonCnsP7X6dav7IcH8ei4kT1Jagb7Pt48rgkzG9XECCwOWcorTXqDFEHpvVF4CfDA3vjRLewJG9q-Vm-Slvi2eQL4UyT02vY1Y8cVXts4rcnnfA/s1600/social_sprites.png) no-repeat 0px -73px; } .social-wrap li a.twitter1 { background: #07beed url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr93piela9z9b7sEWfuBdysWI9zbYQsonCnsP7X6dav7IcH8ei4kT1Jagb7Pt48rgkzG9XECCwOWcorTXqDFEHpvVF4CfDA3vjRLewJG9q-Vm-Slvi2eQL4UyT02vY1Y8cVXts4rcnnfA/s1600/social_sprites.png) no-repeat 0px -127px; -webkit-transition:All 0.3s ease-out; -moz-transition:All 0.3s ease-out; -o-transition:All 0.3s ease-out; } .social-wrap li a.twitter1:hover { background: #07beed url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr93piela9z9b7sEWfuBdysWI9zbYQsonCnsP7X6dav7IcH8ei4kT1Jagb7Pt48rgkzG9XECCwOWcorTXqDFEHpvVF4CfDA3vjRLewJG9q-Vm-Slvi2eQL4UyT02vY1Y8cVXts4rcnnfA/s1600/social_sprites.png) no-repeat 0px -204px; } .social-wrap li a.google-p1 { background:#a7291b url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr93piela9z9b7sEWfuBdysWI9zbYQsonCnsP7X6dav7IcH8ei4kT1Jagb7Pt48rgkzG9XECCwOWcorTXqDFEHpvVF4CfDA3vjRLewJG9q-Vm-Slvi2eQL4UyT02vY1Y8cVXts4rcnnfA/s1600/social_sprites.png) no-repeat 0px -254px; -webkit-transition:All 0.3s ease-out; -moz-transition:All 0.3s ease-out; -o-transition:All 0.3s ease-out; } .social-wrap li a.google-p1:hover { background: #a7291b url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr93piela9z9b7sEWfuBdysWI9zbYQsonCnsP7X6dav7IcH8ei4kT1Jagb7Pt48rgkzG9XECCwOWcorTXqDFEHpvVF4CfDA3vjRLewJG9q-Vm-Slvi2eQL4UyT02vY1Y8cVXts4rcnnfA/s1600/social_sprites.png) no-repeat 0px -330px; } .social-wrap li a.rss1 { background:#ffaa31 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr93piela9z9b7sEWfuBdysWI9zbYQsonCnsP7X6dav7IcH8ei4kT1Jagb7Pt48rgkzG9XECCwOWcorTXqDFEHpvVF4CfDA3vjRLewJG9q-Vm-Slvi2eQL4UyT02vY1Y8cVXts4rcnnfA/s1600/social_sprites.png) no-repeat 0px -381px; -webkit-transition:All 0.3s ease-out; -moz-transition:All 0.3s ease-out; -o-transition:All 0.3s ease-out; } .social-wrap li a.rss1:hover { background: #ffaa31 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr93piela9z9b7sEWfuBdysWI9zbYQsonCnsP7X6dav7IcH8ei4kT1Jagb7Pt48rgkzG9XECCwOWcorTXqDFEHpvVF4CfDA3vjRLewJG9q-Vm-Slvi2eQL4UyT02vY1Y8cVXts4rcnnfA/s1600/social_sprites.png) no-repeat 0px -454px; } .social-wrap li a.pinit1 { background:#cb2027 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr93piela9z9b7sEWfuBdysWI9zbYQsonCnsP7X6dav7IcH8ei4kT1Jagb7Pt48rgkzG9XECCwOWcorTXqDFEHpvVF4CfDA3vjRLewJG9q-Vm-Slvi2eQL4UyT02vY1Y8cVXts4rcnnfA/s1600/social_sprites.png) no-repeat 0px -508px; -webkit-transition:All 0.3s ease-out; -moz-transition:All 0.3s ease-out; -o-transition:All 0.3s ease-out; } .social-wrap li a.pinit1:hover { background: #cb2027 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr93piela9z9b7sEWfuBdysWI9zbYQsonCnsP7X6dav7IcH8ei4kT1Jagb7Pt48rgkzG9XECCwOWcorTXqDFEHpvVF4CfDA3vjRLewJG9q-Vm-Slvi2eQL4UyT02vY1Y8cVXts4rcnnfA/s1600/social_sprites.png) no-repeat 0px -580px; } .social-wrap li a.linkdin1 { background:#1698E3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr93piela9z9b7sEWfuBdysWI9zbYQsonCnsP7X6dav7IcH8ei4kT1Jagb7Pt48rgkzG9XECCwOWcorTXqDFEHpvVF4CfDA3vjRLewJG9q-Vm-Slvi2eQL4UyT02vY1Y8cVXts4rcnnfA/s1600/social_sprites.png) no-repeat 0px -635px; -webkit-transition:All 0.3s ease-out; -moz-transition:All 0.3s ease-out; -o-transition:All 0.3s ease-out; } .social-wrap li a.linkdin1:hover { background: #1698e3 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsr93piela9z9b7sEWfuBdysWI9zbYQsonCnsP7X6dav7IcH8ei4kT1Jagb7Pt48rgkzG9XECCwOWcorTXqDFEHpvVF4CfDA3vjRLewJG9q-Vm-Slvi2eQL4UyT02vY1Y8cVXts4rcnnfA/s1600/social_sprites.png) no-repeat 0px -711px; } </style> <div class='social-wrap'><ul><li><a class='facebook1' href='http://www.facebook.com/#' target='_blank' title='Facebook' rel='nofollow'></a></li><li><a class='twitter1' href='http://twitter.com/#' target='_blank' title='Twitter' rel='nofollow'></a></li><li><a class='google-p1' href='https://plus.google.com/b/#' target='_blank' title='Google Plus' rel='nofollow'></a></li><li><a class='rss1' href='http://feeds.feedburner.com/#' target='_blaank' title='RSS Feed' rel='nofollow'></a></li><li><a class='pinit1' href='http://www.pinterest.com/#' target='_blank' title='Pinterest' rel='nofollow'></a></li><li><a class='linkdin1' href='http://www.linkedin.com/in/#' target='_blank' title='Linkedin' rel='nofollow'></a></li></ul></div>

# ile olan yere sosyal medya adresinizi yazıyorsunuz.. Yardım için yoruma yazmanız yeterli..