Archive for May 2012
உங்கள் நண்பர்களை மகிழ்விக்க அழகிய கருத்துள்ள படங்கள் மற்றும் சிந்தனைகள் பேஸ்புக்கில் வைக்க கூடிய படங்கள்............. இந்த படங்களை பற்றிய கருத்துக்களை பதிவிடலாமே..........
சமூக வலைதளங்களுக்கான (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 விட்ஜெட் இருக்கும்.
பேஸ்புக் -சிந்தனைகள் கருத்து படங்கள் - பேஸ்புகில் உங்கள் நண்பர்களை மகிழ்விக்க நல்ல கருத்துக்கள் நிறைந்த படங்கள் உங்களுக்காக.....
பிளாக்கரில் ஒருமுறை வரும் அழகிய Facebook pop-up விட்ஜெட்
Monday, May 14, 2012
Posted by Unknown
Tag :
பிளாக்கர்
நண்பர்களே உங்களது பிளாக்கின் பேஜ்வியுசை அதிகரிக்க ஒரு அருமையான ”ஒருமுறை வரும் அழகிய Facebook pop-up விட்ஜெட்”, இதை உங்களது பிளாக்கில் சேர்க்க உங்கள் பிளாக்கை லைக் செய்யும் அனைவருக்கும் உங்கள் பிளாக்கின் பதிவுகள் எளிதில் கிடைக்கும் .
step-1
முதலில் உங்கள் பிளாக் கணக்கில் நுழைந்து Dashboard >Design > Add a gadget > Choose html/javascript. செல்லுங்கள்
step-2
கீழே உள்ளதை காப்பி செய்து பேஸ்ட் செய்யுங்கள்,
----------------------------------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------------------------------------
<style>
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinK-V9hJbmuUDwGtbSPEF520YX-iZl-zHZU8KHvpFWtTuX174unAVJmLSrNx3QyK0uRSrVbie5buZJDj0jD5Z38V4ATq1usd_r27dETppUcY3FjaWqxa-zpB3ClrFMU4s8eeUJFRO4jEEU/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinK-V9hJbmuUDwGtbSPEF520YX-iZl-zHZU8KHvpFWtTuX174unAVJmLSrNx3QyK0uRSrVbie5buZJDj0jD5Z38V4ATq1usd_r27dETppUcY3FjaWqxa-zpB3ClrFMU4s8eeUJFRO4jEEU/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM4_ulmVxQXoi4BEnJSwgg9QKzie-Az0JSs7oBf3CqpgH5eMUWsCaEFuw38O95k08xvgXfLXeqpuevwdivwE88-4-gf2LFGO9jU9c2rF3-iuAyTeBttr1Zqp0x5HNbo4bmV-pzxH4ztZns/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-tam9A7wnBzdpD5I_R3CDPJ5NfoO1F_ANZ57cAH0m2nwN12W3rxb6iqYPZ7jWjzrMYrMtcnbGVudflKl_xP4CzOAYeutej0INA-S5aPoDVg-DmvK9vyXXGtneHQyQXYQYUk31Z5ECK-3K/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->
<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages/Tamilbloggercity/457980930884296&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.spiceupyourblog.com">Blog Gadgets</a> Via <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.mybloggertricks.com">Blogger Widgets</a></p>
</div>
</div>
------------------------------------------------------------------------------------------------------------------------------------------
இதில் சிகப்பு வண்ணத்தில் உள்ள கோடை நீக்கிவிட்டு உங்களது பேஸ்புக் பேஜ் URL ஐ கொடுத்து சேமிக்க உங்களது பிளாக்கில் அழகான ஒருமுறை மட்டுமே தோன்றும் Facebook pop-up விட்ஜெட் தெரியும்.
இந்தபதிவு பிடித்திருந்தால் கீழே உள்ள திரட்டிகளின் ஓட்டுபட்டைகளில் பதிவுசெய்க நன்றி.
/*
ColorBox Core Style:
The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block;}
.cboxIframe{width:100%; height:100%; display:block; border:0;}
/*
User Style:
Change the following styles to modify the appearance of ColorBox. They are
ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;opacity:0.5 !important;}
#colorbox{
box-shadow:0 0 15px rgba(0,0,0,0.4);
-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);
-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4);
}
#cboxTopLeft{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinK-V9hJbmuUDwGtbSPEF520YX-iZl-zHZU8KHvpFWtTuX174unAVJmLSrNx3QyK0uRSrVbie5buZJDj0jD5Z38V4ATq1usd_r27dETppUcY3FjaWqxa-zpB3ClrFMU4s8eeUJFRO4jEEU/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinK-V9hJbmuUDwGtbSPEF520YX-iZl-zHZU8KHvpFWtTuX174unAVJmLSrNx3QyK0uRSrVbie5buZJDj0jD5Z38V4ATq1usd_r27dETppUcY3FjaWqxa-zpB3ClrFMU4s8eeUJFRO4jEEU/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjM4_ulmVxQXoi4BEnJSwgg9QKzie-Az0JSs7oBf3CqpgH5eMUWsCaEFuw38O95k08xvgXfLXeqpuevwdivwE88-4-gf2LFGO9jU9c2rF3-iuAyTeBttr1Zqp0x5HNbo4bmV-pzxH4ztZns/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-tam9A7wnBzdpD5I_R3CDPJ5NfoO1F_ANZ57cAH0m2nwN12W3rxb6iqYPZ7jWjzrMYrMtcnbGVudflKl_xP4CzOAYeutej0INA-S5aPoDVg-DmvK9vyXXGtneHQyQXYQYUk31Z5ECK-3K/s1600/loading.gif) no-repeat center center;}
#cboxTitle{position:absolute; bottom:-25px; left:0; text-align:center; width:100%; font-weight:bold; color:#7C7C7C;}
#cboxCurrent{position:absolute; bottom:-25px; left:58px; font-weight:bold; color:#7C7C7C;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{position:absolute; bottom:-29px; background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjbAr_ENBP1M42f1HLEnLENFGs_adoHIiO8cFnnyg6T7_NeCESaqdye_PnU8Yqf4odDvHtYIAH04xNUuSc4vh0ZT9FpaeyFTpTHNpDmfXLWzYWK-En-KtkjM0_ibQ_uaWlbc0WYcjfbF1T9/s1600/controls.png) no-repeat 0px 0px; width:23px; height:23px; text-indent:-9999px;}
#cboxPrevious{left:0px; background-position: -51px -25px;}
#cboxPrevious.hover{background-position:-51px 0px;}
#cboxNext{left:27px; background-position:-75px -25px;}
#cboxNext.hover{background-position:-75px 0px;}
#cboxClose{right:0; background-position:-100px -25px;}
#cboxClose.hover{background-position:-100px 0px;}
.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px; right:27px;}
.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px;}
.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px; right:27px;}
.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px;}
/*-----------------------------------------------------------------------------------*/
/* Facebook Likebox popup For Blogger
/*-----------------------------------------------------------------------------------*/
#subscribe {
font: 12px/1.2 Arial,Helvetica,san-serif; color:#666;
}
#subscribe a,
#subscribe a:hover,
#subscribe a:visited {
text-decoration:none;
}
.box-title {
color: #3B5998;
font-size: 20px !important;
font-weight: bold;
margin: 10px 0;
border:1px solid #ddd;
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
box-shadow: 5px 5px 5px #CCCCCC;
padding:10px;
line-height:25px; font-family:arial !important;
}
.box-tagline {
color: #999;
margin: 0;
text-align: center;
}
#subs-container {
padding: 35px 0 30px 0;
position: relative;
}
a:link, a:visited {
border:none;
}
.demo {
display:none;
}
</style>
<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.5/jquery.min.js'></script>
<script src="http://yourjavascript.com/11215013191/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1) {
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#subscribe"});
}
});
</script>
<!-- This contains the hidden content for inline calls -->
<div style='display:none'>
<div id='subscribe' style='padding:10px; background:#fff;'>
<h3 class="box-title">Receive all updates via Facebook. Just Click the Like Button Below<center><p style="line-height:3px;" >▼</p></center></h3>
<center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2Fpages/Tamilbloggercity/457980930884296&width=300&colorscheme=light&show_faces=true&border_color=%23ffffff&stream=false&header=false&height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center>
<p style=" float:right; margin-right:35px; font-size:9px;" >Powered By | <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.spiceupyourblog.com">Blog Gadgets</a> Via <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://www.mybloggertricks.com">Blogger Widgets</a></p>
</div>
</div>
------------------------------------------------------------------------------------------------------------------------------------------
இதில் சிகப்பு வண்ணத்தில் உள்ள கோடை நீக்கிவிட்டு உங்களது பேஸ்புக் பேஜ் URL ஐ கொடுத்து சேமிக்க உங்களது பிளாக்கில் அழகான ஒருமுறை மட்டுமே தோன்றும் Facebook pop-up விட்ஜெட் தெரியும்.
இந்தபதிவு பிடித்திருந்தால் கீழே உள்ள திரட்டிகளின் ஓட்டுபட்டைகளில் பதிவுசெய்க நன்றி.
பிளாக்கரில் அழகிய கண்னை கவரும் Recent posts விட்ஜெட் உங்களது போஸ்டின் படங்கள் தெரியக்கூடிய சிறிய தம்னைலுகளுடன் உள்ளது இதை உங்களது பிளாக்கரில் சேர்க்க Dashboard > Design/Layout > Page Element > Add a Gadget > HTML/JavaScript சென்று அதில் கீழே உள்ள கோடிங்கை காப்பி செய்து பேஸ்ட் செய்யுங்கள். அதில் சிகப்பு நிறத்தில் உள்ள எழுத்தை அழித்து விட்டு உங்கள் பிளாக் URL ஐ கொடுங்கள்.
<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin:10px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript' src='http://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = no;
var numchars = 100;</script>
<script src='http://www.YOUR-BLOG-NAME.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<small><a style='margin-left:10px;align:right;' href='http://www.blogger.webaholic.co.in/2011/08/recent-posts-widget-with-thumbnails-for.html' target='_blank'>Recent Posts Widget</a> | <a href='http://www.tamilbloggercity.blogspot.in/' target='_blank'>Greencity</a></small>
இந்த பதிவு பிடித்திருந்தால் கீழேஉள்ள ஓட்டுபட்டைகளில் பதிவிடுங்கள் நன்றி.
<style type='text/css'>
img.recent_thumb {padding:1px;width:55px;height:55px;border:0;
float:left;margin:10px;}
.recent_posts_with_thumbs {float: left;width: 100%;min-height: 70px;margin: 5px 0px 5px 0px;padding: 0;font-size:12px;}
ul.recent_posts_with_thumbs li {padding-bottom:5px;padding-top:5px;min-height:65px;}
.recent_posts_with_thumbs a {text-decoration:none;}
.recent_posts_with_thumbs strong {font-size:10px;}</style>
<script style='text/javascript' src='http://www.webaholic.co.in/other/recent-posts-widget-with-images.js'></script>
<script style='text/javascript'>
var numposts = 5;
var showpostthumbnails = true;
var displaymore = true;
var displayseparator = true;
var showcommentnum = true;
var showpostdate = true;
var showpostsummary = no;
var numchars = 100;</script>
<script src='http://www.YOUR-BLOG-NAME.blogspot.com/feeds/posts/default?orderby=published&alt=json-in-script&callback=showrecentpostswiththumbs'></script>
<small><a style='margin-left:10px;align:right;' href='http://www.blogger.webaholic.co.in/2011/08/recent-posts-widget-with-thumbnails-for.html' target='_blank'>Recent Posts Widget</a> | <a href='http://www.tamilbloggercity.blogspot.in/' target='_blank'>Greencity</a></small>
இந்த பதிவு பிடித்திருந்தால் கீழேஉள்ள ஓட்டுபட்டைகளில் பதிவிடுங்கள் நன்றி.
தற்போதைய கால நிலையில் பிளாக்கரை பிரபலபடுத்துவதற்கு எவ்வளவு சிரமம் என எனக்கும் தெரியும் நண்பர்களே, உங்கள் பிளாக்கரின் பேஜ்வியுசை அதிகபடுத்த பேஸ்புக்கின் like box ஐ வைத்தால் நல்ல முன்னேற்றம் கிடைக்கும். அதை எப்படி நிறுவுவது என பார்ப்போம்.முதலில் உங்கள் பிளாக்கருக்கு என பேஸ்புக் பேஜ் ஒன்று இங்கு சென்று உருவாக்கிகொள்ளுங்கள்,
Step : 1
உங்களது பேஸ்புக் பேஜ் சென்று அட்ரஸ்பாரில் உள்ள லிங்கை காப்பி செய்துகொள்ளுங்கள்.
Step :2
இங்கு சென்று உங்கள் பேஸ்புக் பேஜின் URL ஐ பேஸ்ட் செய்யுங்கள்
தேவையான அளவுகளை கொடுத்து பின் Getcode என்பதை க்ளிக் செய்ய வரும்
iframe அல்லது XFBML. என்றகோடை காப்பி செய்து வைத்து கொள்ளவும்,
படத்தின் படி widget ஐ இனைத்து சேவ் செய்தால் அழகான பேஸ்புக் லைக்பாக்ஸ் உங்கள் பிளாக்கில் இருக்கும்.
தேவையான அளவுகளை கொடுத்து பின் Getcode என்பதை க்ளிக் செய்ய வரும்
iframe அல்லது XFBML. என்றகோடை காப்பி செய்து வைத்து கொள்ளவும்,
படத்தின் படி widget ஐ இனைத்து சேவ் செய்தால் அழகான பேஸ்புக் லைக்பாக்ஸ் உங்கள் பிளாக்கில் இருக்கும்.