බ්ලොග් එකට 3D Social Media Gadget එකක් දාගමු ද ?

කවුරුත් දන්න දෙයක් තමයි Social Media Network එකක් හරහා නරඹන්නන් සම්බන්ද කරගැනීම මගින් තමන්ගේ අඩවියේ Trafic වැඩිකරගැනීමට පුළුවන් බව.



ඒක හින්දා අපි අද කියන්න යන්නේ 3D Animated Social Media Button ටිකක් ඔයාලගෙ Blog එකට දාගන්න විදිහ ගැන.මේ 3d Social Media Button Gadget  එක Animated ,3D ඒවගේම Fixed. ඒ කිව්වේ අපි පහලට Scroll කරගෙන යනකොට Gadget එකත් පහලට එනවා.


(1)  මුලින්ම ඔයාලගෙ Blogger ගිණුමට Log වෙලා Layout තෝරගන්න.

(2)  ලැබෙන Pop Up Window එකේ HTML/JavaScript කියන එක Select කරන්න.

(3) දැන් ලැබෙන Window එකේ Content කියන තැනට පහලින් මම දීලා තියෙන Code  එක Paste කරන්න.
      Title එකක් දාන්න එපා. Save කරන්න.

 <!-- 3D Social Media Widget Code --><br />
<style> .SFT-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><br />
<div class="SFT-flt-wdt">
<style> .SFT1 {  display: block;  width: 64px;  height: 64px;  background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGxezv8C4Y0T0E799cJfJr2tqoSi_XsdDzIT1edAdmyclhi2zB8bsec5jVcifFQeLd6OJXsW-xi5z4X9LlMlGf1DsuggYTaG0_Q5JPshA14eaiMaVnJPDpBiL3AsJqPVffq-8E_2QFNHPy/s1600/Facebook+Icon.png') bottom;  text-indent: -99999px; } .SFT1:hover {         background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMimVP6QfEs1oslHfNPembfgIJZpnyRcm5EfxSg409f-N55PHdt62fsJj5doouvDZ8IgO7g1RRHr4fCZFtwi6udwUCJ8IAJL4Hk2GcDTMQtyENgjTlhF7UJUM-QhH0HeeATqw3LCZW7YiO/s1600/Facebook+Rollout+Image.png') bottom; height: 64px; } </style><br />
<p>
<a class="SFT1" href="YOUR FACEBOOK LINK HERE"></a><br />
<br />
<style> .SFT2 {  display: block;  width: 64px;  height: 64px;  background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi3xJof_3UoM27Wi1DKlver_7xGbvcGlpkC7EkNJ1UH6SMZb-tlj0EoSfTGXxAvMI17zmfZczJ3wA2KUwKkOa0Nb1Yk-WaVItCHuRCxskDyOEMyoXSLlRNHebPe0MfryTRQNNoQjgTF5LBE/s1600/Twitter+Icon.png') bottom;  text-indent: -99999px; } .SFT2:hover {         background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguF0FIqaAVHsLzD_BYNm3jNlzYlj4QdcxnIfLdIBsoLvbaDb42crPzMM_06ud8SNHPGOk3ncJ4KS2PQILPBTQSBdRfJXtae1cj2thS4zUHSa5Kfeil5H2nPAeSSPMlI6uDvonZQz-U8dZ0/s1600/Twitter+Rollout+Image.png') bottom; height: 64px; } </style><br />
<p>
<a class="SFT2" href="YOUR TWITTER LINK HERE"></a><br />
<br />
<style> .SFT3 {  display: block;  width: 64px;  height: 64px;  background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhB1ZyHjXfWL5IL71vhMcKZeNE0K7VjCVC6z4QspEX9muV-2-B6P0jNtlst7VG8jbPVGKKUBWIg9BGpVQAR3PtRqDJzL_TBBVbeoLbHtnj_6UV5wxcsfRwDO07nPvLzVuA84Fjl5z_qyHAw/s1600/Feedburner+Icon.png') bottom;  text-indent: -99999px; } .SFT3:hover {         background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijqma_v3TV6wHXLplWpSbryuzWgyKFNoZY1eSrUVOhHvpoj6wDisr5zAAul26fFWZXcJTH9TtEX1KIKZnSLiTaKf4rWKBMd0Z_9JupRJoDZ0qEdkl2KbiIlYBDaqTk0yITCm24zIP1wAne/s1600/Feedburner+Rollout+Image.png') bottom; height: 64px; } </style><br />
<p>
<a class="SFT3" href="YOUR RSS FEED LINK HERE"></a><br />
<br />
<style> .SFT4 {  display: block;  width: 64px;  height: 64px;  background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgduARTbVGeqqnxaa6Xpqp3pZapG2jw5f4TuO8_2kR22lqBEJ5Tu2dgppUc5kYd7Ll3l5W8u0Nm02DGFG2N90siORJDam7WKf96t25SjTHIXp3a7EU8-qPe173lv5pfcPy6NvsmkbnAmKia/s1600/Google+Icon.png') bottom;  text-indent: -99999px; } .SFT4:hover {         background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgCyLI-JzdMd3GbmrUrg5Z9z9Uo4zV41W-FLgIJvJ2IsrQEC_2K5KsqpcBNlJ2vzUwh1O-jPzEWpvvrv5pY044h03WLS1gy-82Sy1j1uSBWUe4wExfEUAjXwa_o4g6LU5CE1DlAX8tfrErA/s1600/Google+Rollout+Image.png') bottom; height: 64px; } </style><br />
<p>
<a class="SFT4" href="YOUR GOOGLE PLUS LINK HERE"></a></div>
<p>
<!-- 3D Social Media Widget Code --> 

දැන් ඉතින් ''YOUR FACEBOOK LINK HERE '' කියල තියෙන තැන් වලට ඔයාලගෙ Social Media වල Address දාන්න.

වැඩේ හරි.

තවත් පෝස්ට් එකකින් හමුවෙමු .
අපි ගියා. :D

Share :

Tweet

✚

Related Post