Blog için Hover Effect özelliği ile Sabit 3D Sosyal Düğmeleri Ekleyin

Merhaba arkadaşlar yine sizlere güzel bir eklenti sunacağım, Blog için Hover Effect özelliği ile Sabit 3D bloğunuza farklı bir görünüm katacak,ziyaretçilerin ilgisini kolay çekecek bu eklentinin özelliği ise farenizi hareket ettirdiğinizde bilgileri renkli 3D gösteriyor olması,bu eklentiyi eklediğinizde bloğunumuzun sağ tarafında yer alıyor gerçekten şık ve göz yormayan ve yer kaplamayan bu eklentiyi bloğunuza eklemek çok basit buyrun kodlar aşağıdadır güle güle kullanın..


Aşağıdaki Kodumuzu Tasarım  Gadget Ekle

HTML/JavaScript 

bölümüne yapıştırınız.

<!-- ABT 3D Social Widget Code --><br /> <style> .TNT-flt-wdt { position:fixed; right:10px; top:36% ; } .TNT-flt-wdt img { float:right; clear:right; margin:1px; -webkit-transition: all .0s ease-in-out; -moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out; transition: all .2s ease-in-out; } .TNT-flt-wdt img:hover { -moz-transform: scale(1.2) rotate(6deg); -webkit-transform: scale(1.2) rotate(6deg); -o-transform: scale(1.2) rotate(6deg); -ms-transform: scale(1.2) rotate(6deg); transform: scale(1.2) rotate(6deg); } </style> <div class="TNT-flt-wdt"> <style> .TNT1 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjQ4MDyRslhN3DFdybjE74xlIxRRSOTdkw_mSdSEWQMhyphenhyphenSr4mseOwYxXKmi7B-yuHYbHfHF7RRA93sUk58HwfZiq-46U4KOsoGE0FuZi73I8hcOncsHWs3yR08oeDSODUSTH8su-VJKN2gP/s1600/Facebook+Icon.png') bottom; text-indent: -99999px; } .TNT1:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj6OGQFxoJbdh2TT7hCT3VKZVG_o8wZagKpYXUJQ1_B7nLMGfa5SWVDsRnmNX2ZyXkh0of_W11oH88h9EmWYRLRg8NVfJh2g9PxoLkZfe-rEDRQMeqyqbT3PfBRCnARNwPLKWuDb8sFIv57/s1600/Facebook+Rollout+Image.png') bottom; height: 64px; } </style> <a class="TNT1" href="YOUR FACEBOOK LINK HERE"></a><br /> <br /> <style> .TNT2 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCkRxMw2w2Z4aLrs_Gy1KeB79QpfA_j1_1hEHFDh3uCPy0flkQUVNkXkqPGZAr5j8-8feGxXipm_wdTH8F4WFlCnKL_B0U__py0pUxvnTqXDLL_2VhownwCu0eQsiwHH8BIRIy6zHvs0q1/s1600/Twitter+Icon.png') bottom; text-indent: -99999px; } .TNT2:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhP1m_b7qFXfUx1FV8xgvUdogiuq20UKATWd62QgsYL4rq-SoOBPo2s3eoAyaXVLUQAKgpBpWn6UpnScmPR6a0lcLnj-wMZ1CnhmZ_Iw4Utbk5fxJp9XwinHbqQcvZbNEHm8005U8vETg4k/s1600/Twitter+Rollout+Image.png') bottom; height: 64px; } </style> <a class="TNT2" href="YOUR TWITTER LINK HERE"></a><br /> <br /> <style> .TNT3 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHMjf-3uHmw-kQMAG-xccYI4Kq6jSh1i8jJPyP_7SXR4lVFJcK8a1iZsL-SAAALX2kDll2C05SuV71MIvzez5A4E0PdfvcUu2ShR68eDC_1cpP1yJHjKbvKACqBDuNdNirJ035bwNRAujQ/s1600/Feedburner+Icon.png') bottom; text-indent: -99999px; } .TNT3:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh6CdyPcqsduTHFt6NmvaW5Ez9y6qhw9vwigiUmFukWMlFfw81-L9bkDvfirS-enISFNxMQatXwIfJI0rQiuKLdyTLZ9c13-HE2lTiuzyz-JLVuJNgNa7noxKv5gK7X8Pg-3pxrzVSBQu4g/s1600/Feedburner+Rollout+Image.png') bottom; height: 64px; } </style> <a class="TNT3" href="YOUR RSS FEED LINK HERE"></a><br /> <br /> <style> .TNT4 { display: block; width: 64px; height: 64px; background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjioKgu7-qXc10jyUUx68FJqrPXhlJVXqo-BCug944oKvwZAtZDhAsJ6qT2cuxYjIkxFOJDa-2k5wHnae2PFYBDGwiLXu-hknABCZu1NV0pNLOuBK7PmHtj5VmdhX6M_xRF7QEIG8VbE1Cj/s1600/Google+Icon.png') bottom; text-indent: -99999px; } .TNT4:hover { background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhi6_ijq1vBIp1womzWXfQewwXXY_VEq2zoLHHP_dGTS_L6iFTIt7wXwW4fmvnlL0fQj8fl78Z5eipNHbxQcexjpNb2rKaIXZ2mEkK4XAlApEXubCD7gPzxqHuu3Hc6ILyljHQNjhUaFJek/s1600/Google+Rollout+Image.png') bottom; height: 64px; } </style> <a class="TNT4" href="YOUR GOOGLE PLUS LINK HERE"></a><br /> </div> <!-- ABT 3D Social Widget Code -->