Blogger Tips and TricksLatest Tips And TricksBlogger Tricks

Monday, August 6, 2012

சமூக வலைத்தளங்களின் சுழலும் கலக்கல் கட்ஜெட்

சமூக வலைத்தளங்களின் விட்ஜெட் அனைத்து தளங்களிலும் இணைத்து

இருக்கிறோம் ஒவ்வொன்றும் ஒவ்வாரு விதமாக இன்று நாம் பார்க்க போகும்

விட்ஜெட் அனிமேட் சுழலும் விட்ஜெட் இது பார்க்கவே ரொம்ப அழகாக

உள்ளது இந்த கோடிங் நான் உருவாக்கியது அல்ல http://hacking4200.blogspot.com/

தளத்தில் இருந்து எடுக்க பட்ட கோடிங் ஈ அடிச்சான் கோப்பி வேலை

செய்யவில்லை அந்த தளத்தில் இருந்த கோடிங் அனைவரும் புரியும் படி

இல்லை அதனால் தான் நான் அந்த கோடிங்கில் சில மாற்றங்களை செய்து

  உள்ளேன் http://hacking4200.blogspot.com/2012/08/blogger-rotate-spin-effect.html

 மேலே உள்ள தளத்தில் உள்ள பதிவை பார்த்தல் உங்களுக்கு புரியும் நான்

செய்த கோடிங் மாற்றங்கள் உங்களுக்கு தெரிய வரும்

கிழே உள்ள கோடிங் உங்கள் தளத்தில் இணைத்து பயன்பெறவும் இதன்

மாதிரி காட்சி கிழே அடிபகுதில் உள்ளது எப்படி சேர்க்க தெரியவில்லை

என்றால் கிழே உள்ள பதிவை படித்து சேர்க்கவும்


ப்ளாக் :விட்ஜெட் சேர்ப்பது எப்படி -பாடம் 6



<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"target="_blank"><img border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--StartFacebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="your fbook url" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/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" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/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" target="_blank"><img style="margin-right:1px;" src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> </div><br/> <!--Start Feed Count Button--> <a href="your feed url" target="_blank"><img alt="spice up your blog" src="
http://feeds.feedburner.com/~fc/asaasath?bg=99CCFF&fg=444444&anim=0" style="border:0" /></a><!--End Feed Count Button--> </center>




மேலே உள்ள கோடிங்யில் சிவப்பு கலர் நிரலியை மட்டும் 

மாற்றிவிட்டு உங்கள் தளத்தின் url குடுக்கவும் உதாரணத்துக்கு 

நான் சேர்த்து உள்ள கோடிங் பார்க்கவும் கிழே உள்ளது 


<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="http://feeds.feedburner.com/asaasath"target="_blank"><img border="0" src="http://3.bp.blogspot.com/-JJAnjTFe4mQ/UA6_gexOboI/AAAAAAAAH8w/pUVfxnjRUM4/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a> <!--End Rss Icon--> <!--StartFacebook Icon--> <a rel="nofollow" title="Like Our Facebook Page" href="https://www.facebook.com/isthakel2600" target="_blank"><img border="0" src="http://4.bp.blogspot.com/-dkmDM3RXcoE/UA6_d28wCyI/AAAAAAAAH8Y/9E3PI3lXueM/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="http://twitter.com/ASAASATH" target="_blank"><img border="0" src="http://3.bp.blogspot.com/-TrNf8cdHE6w/UA6_iRAUK_I/AAAAAAAAH88/Jo7RAX207xo/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="https://plus.google.com/103215787410752133775" target="_blank"><img style="margin-right:1px;" src="http://2.bp.blogspot.com/-VeOVFTKCvHw/UA6_em6-aOI/AAAAAAAAH8c/Uu4blSzFwLk/s1600/GOOGLE-PLUS-48x48.png"/></a> <!--End Google+ Icon--> </div><br/> <!--Start Feed Count Button--> <a href="http://feeds.feedburner.com/asaasath" target="_blank"><img alt="spice up your blog" src="http://feeds.feedburner.com/~fc/asaasath?bg=99CCFF&fg=444444&anim=0" /></a><!--End Feed Count Button--> </center>




மேலே உள்ள கோடிங் உங்கள் தளத்தில் சேர்த்தல் அதன் பிரதிபலிப்பு

கிழே உள்ளது போல் இருக்கும் கிழே உள்ள சமூக வலைத்தளங்களின்

 படத்தின் மேலே மௌஸ் கொன்று சொல்லவும்




Icon Icon Icon

spice up your blog

குறை அல்லது நிறை எதாவது சொல்லிட்டு போங்க பாஸ்

2 comments:

  1. வித்தியாசமாக உள்ளது... நன்றி...

    ReplyDelete
  2. அழகாக இருக்கிறது நண்பா

    ReplyDelete

சந்தேகம் கேட்கும் நபர்கள் கமென்ட் பாக்ஸ் அருகில் உள்ள

Subscribe by email அழுத்தி விட்டு கேள்வியை கேட்கவும்