உங்கள் நண்பர்களை மகிழ்விக்க அழகிய கருத்துள்ள படங்கள் மற்றும் சிந்தனைகள் பேஸ்புக்கில் வைக்க கூடிய படங்கள்............. இந்த படங்களை பற்றிய கருத்துக்களை பதிவிடலாமே..........
சமூக வலைதளங்களுக்கான (Animated sharing button) விட்ஜெட்
Monday, May 28, 2012
Posted by Unknown
Tag :
பிளாக்கர்
உங்கள் பிளாக்கரில் கன்ணை கவரும் அழகிய சமூக வலைதளங்களுக்கான அனிமேஷன் விட்ஜெட் இதன்மூலம் உங்கள் பதிவுகளை உங்களுடைய விருப்பமான பின்ட்ரஸ்ட்,பேஸ்புக்,டுவிட்டர் போன்ற வலை தளங்களில் பதிவு செய்யலாம்.
முதலில் உங்கள் பிளாக்கரின் டெம்ளெட்டை டவுன்லோட் செய்து வைத்துகொள்ளுங்கள் ஏனெனில் ஏதெனும் தவறாக செய்து விட்டால் சரி செய்து கொள்ள,
முதலில் உங்கள் பிளாக்கரின் டெம்ளெட்டை டவுன்லோட் செய்து வைத்துகொள்ளுங்கள் ஏனெனில் ஏதெனும் தவறாக செய்து விட்டால் சரி செய்து கொள்ள,
STEP:1
முதலில் Dashboard>design>edit html செல்லுங்கள் .
STEP:2
ல் டிக் செய்துவிட்டு cntrl+f ஐ பயன் படுத்தி </head> ஐ தேடுங்கள்.
STEP:3
</head> இதற்கு முன்பாக கீழே உள்ள கோடை பேஸ்ட் செய்யுங்கள்.
<!-- Start Shareaholic Sassy Bookmarks HTML - http://tamilbloggercity.blogspot.in/ -->
<div class='shr_ss shr_publisher'>
</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script><small><a href='http://tamilbloggercity.blogspot.in/2012/05/multi-tab.html'>Animated Social Gadget</a> - <a href='http://tamilbloggercity.blogspot.in/'>Blogger And Wordpress Tips</a></small>
<!-- End Shareaholic Sassy Bookmarks script -->
<!-- End Shareaholic Sassy Bookmarks HTML - http://tamilbloggercity.blogspot.in/ -->
----------------------------------------------------------------------------------------------------------------------
<div class='shr_ss shr_publisher'>
</div>
<!-- End Shareaholic Sassy Bookmarks HTML -->
<!-- Start Shareaholic Sassy Bookmarks settings -->
<script type='text/javascript'>
var SHRSS_Settings = {"shr_ss":{"src":"//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark","link":"","service":"5,7,2,313,38,201,88,74","apikey":"b87f5899d80a5edce8b5e55f58542ef0f","localize":true,"shortener":"bitly","shortener_key":"","designer_toolTips":true,"tip_bg_color":"black","tip_text_color":"white","viewport":true,"twitter_template":"${title} - ${short_link} via @Shareaholic"}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement("script"); sb.type = "text/javascript";sb.async = true;
sb.src = ("https:" == document.location.protocol ? "https://dtym7iokkjlif.cloudfront.net" : "http://cdn.shareaholic.com") + "/media/js/jquery.shareaholic-publishers-ss.min.js";
var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(sb, s);
})();
</script><small><a href='http://tamilbloggercity.blogspot.in/2012/05/multi-tab.html'>Animated Social Gadget</a> - <a href='http://tamilbloggercity.blogspot.in/'>Blogger And Wordpress Tips</a></small>
<!-- End Shareaholic Sassy Bookmarks script -->
<!-- End Shareaholic Sassy Bookmarks HTML - http://tamilbloggercity.blogspot.in/ -->
----------------------------------------------------------------------------------------------------------------------
இப்பொழுது அழகான சமூக வலைதளங்களுக்கான அனிமேஷன் விட்ஜெட் பிளாக்கரில் இனைந்திருக்கும்.
பிளாக்கரில் இரண்டு கட்டம் (colum) உள்ள டெம்ளட்களில், அதிக செய்திகளை வைக்கும்போது மிக நீளமாக இருக்கும் மேலும் பக்கம் திறக்கவும் அதிக நேரம் ஆகும் எனவே அதை போக்கத்தான் இந்த மல்டி டேப் விட்ஜெட்,
Step-1:
உங்கள் பிளாக்கர் அக்கவுன்டில் நுழைந்து Dashboard>design>edit html செல்லுங்கள் .
Step-2:
ல் டிக் செய்துவிட்டு cntrl+f ஐ பயன் படுத்தி </head> ஐ தேடுங்கள் </head> இதற்கு முன்பாக கீழே உள்ள கோடை பேஸ்ட் செய்யுங்கள்.
கோடை பேஸ்ட் செய்யுங்கள்.
----------------------------------------------------------------------------------------------------------------
குறிப்பு:
Step-1:
உங்கள் பிளாக்கர் அக்கவுன்டில் நுழைந்து Dashboard>design>edit html செல்லுங்கள் .
Step-2:
ல் டிக் செய்துவிட்டு cntrl+f ஐ பயன் படுத்தி </head> ஐ தேடுங்கள் </head> இதற்கு முன்பாக கீழே உள்ள கோடை பேஸ்ட் செய்யுங்கள்.
<script src="http://www.webaholic.co.in/other/blogger-tabbed-widget-javascript.js" type="text/javascript"></script>
<link href="http://www.webaholic.co.in/other/blogger-tabbed-widget-css.css" rel="stylesheet" type="text/css" />Step-3: Design > Add a gadget > Choose html/javascript. செல்லுங்கள். பிறகு அதில் கீழே உள்ள கோடை பேஸ்ட் செய்யுங்கள்.
<form action="tabtampil.html" method="get">
<div id="TabTampil" class="TabTampil">
<div style="width: 300px;" class="TTs"> <a>Tab 1</a> <a>Tab 2</a> <a>Tab 3</a></div>
<div style="width: 300px; height: 300px;" class="Halamans">
<div class="Halaman">
<div class="Alas">
<br/>
Tab 1 content goes here
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 2 content goes here
</div>
</div>
<div class="Halaman">
<div class="Alas">
<br/>
Tab 3 content goes here
</div>
</div>
</div>
<small><a style='margin-left:10px;align:right;' href='http://tamilbloggercity.blogspot.in/search/label/%E0%AE%AA%E0%AE%BF%E0%AE%B3%E0%AE%BE%E0%AE%95%E0%AF%8D%E0%AE%95%E0%AE%B0%E0%AF%8D#' target='_blank'>Blogger/Facebook</a> | <a href='http://tamilbloggercity.blogspot.in/' target='_blank'>Greencity</a></small>
</div>
</div></form>
<script type="text/javascript">tabtampil_inisial('TabTampil');</script>----------------------------------------------------------------------------------------------------------------
குறிப்பு:
Tab 1 , Tab 2 , Tab 3,Tab 1 content goes here , Tab 2 content goes here , Tab 3 content goes here
இதற்கு பதிலாக தலைப்பையும் அதற்கான விளக்கங்களையும் கொடுத்து கொள்ளவும். பேஸ்புக்-கருத்து மற்றும் சிந்தனைபடங்கள்
Monday, May 21, 2012
Posted by Unknown
Tag :
Facebook quotes
பேஸ்புக்கில் உங்கள் நண்பர்களுடன் பகிர்ந்துகொள்ள கூடிய கருத்து மற்றும் சிந்தனைபடங்கள் உங்களுக்காக,
இது பிடித்திருந்தால் உங்கள் நண்பர்களுடன் பகிர்ந்துகொள்ளுங்கள்.
இது பிடித்திருந்தால் உங்கள் நண்பர்களுடன் பகிர்ந்துகொள்ளுங்கள்.
பிளாக்கரில் வரும் அழகிய Facebook pop out like box விட்ஜெட்
Saturday, May 19, 2012
Posted by Unknown
Tag :
பிளாக்கர்
உங்கள் பிளாக்கரில் பேஸ்புக் லைக் ஐ அதிகரிக்க செய்ய அழகான விட்ஜெட் இதை உங்கள் பிளாக்கில் வைக்க
-----------------------------------------------------------------------------------------------------------------------------------------
<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;right: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzKWJlZ8965SpSqDweUu6gNprOlidq-MADdn3kLfQ5sa7I1qY-mQ3DIFTi1Iu7JORTmGp6YMTZUaxwoty9OMIUVjyJs5uKf7bYWpvIdzR7DHl1M_A6YYKWMPEMvrKEBflhy0PUrrxLHxha/s1600/w2b_vertical-left.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
(function(w2b){
w2b(document).ready(function(){
var $dur = "medium"; // Duration of Animation
w2b("#fbplikebox").css({left: -250, "top" : 100 })
w2b("#fbplikebox").hover(function () {
w2b(this).stop().animate({
left: 0
}, $dur);
}, function () {
w2b(this).stop().animate({
left: -250
}, $dur);
});
w2b("#fbplikebox").show();
});
})(jQuery);
/*]]>*/
</script>
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTamilbloggercity%2F457980930884296&width=250&height=250&colorscheme=light&show_faces=true&border_color=%23C4C4C4&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#F5EBF5;" allowtransparency="true"></iframe>
</div>
---------------------------------------------------------------------------------------------------------------------------------------
- முதலில் உங்கள் பிளாக் கணக்கில் நுழைந்து Dashboard >Design > Add a gadget > Choose html/javascript. செல்லுங்கள்.
-----------------------------------------------------------------------------------------------------------------------------------------
<style type="text/css">
/*<![CDATA[*/
#fbplikebox{display: block;padding: 0;z-index: 99999;position: fixed;}
.fbplbadge {background-color:#3B5998;display: block;height: 150px;top: 50%;margin-top: -75px;position: absolute;right: -47px;width: 47px;background-image: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjzKWJlZ8965SpSqDweUu6gNprOlidq-MADdn3kLfQ5sa7I1qY-mQ3DIFTi1Iu7JORTmGp6YMTZUaxwoty9OMIUVjyJs5uKf7bYWpvIdzR7DHl1M_A6YYKWMPEMvrKEBflhy0PUrrxLHxha/s1600/w2b_vertical-left.png");background-repeat: no-repeat;overflow: hidden;-webkit-border-top-right-radius: 8px;-webkit-border-bottom-right-radius: 8px;-moz-border-radius-topright: 8px;-moz-border-radius-bottomright: 8px;border-top-right-radius: 8px;border-bottom-right-radius: 8px;}
/*]]>*/
</style>
<script type="text/javascript">
/*<![CDATA[*/
(function(w2b){
w2b(document).ready(function(){
var $dur = "medium"; // Duration of Animation
w2b("#fbplikebox").css({left: -250, "top" : 100 })
w2b("#fbplikebox").hover(function () {
w2b(this).stop().animate({
left: 0
}, $dur);
}, function () {
w2b(this).stop().animate({
left: -250
}, $dur);
});
w2b("#fbplikebox").show();
});
})(jQuery);
/*]]>*/
</script>
<div id="fbplikebox" style="display:none;">
<div class="fbplbadge"></div>
<iframe src="http://www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages%2FTamilbloggercity%2F457980930884296&width=250&height=250&colorscheme=light&show_faces=true&border_color=%23C4C4C4&stream=false&header=false" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:250px; height:250px;background:#F5EBF5;" allowtransparency="true"></iframe>
</div>
---------------------------------------------------------------------------------------------------------------------------------------
இந்த வரியை நீக்கிவிட்டு உங்கள் Facebook id ஐ கொடுத்து சேவ்செய்திட அழகானFacebook pop out like box விட்ஜெட் இருக்கும்.
பேஸ்புக் -சிந்தனைகள் கருத்து படங்கள் - பேஸ்புகில் உங்கள் நண்பர்களை மகிழ்விக்க நல்ல கருத்துக்கள் நிறைந்த படங்கள் உங்களுக்காக.....

