Archive for 2012


உங்கள் நண்பர்களை மகிழ்விக்க FUNNY PICTURES உங்களுக்காக................



உங்கள் நண்பர்களை மகிழ்விக்க தமிழ் கவிதைகள்  PICTURES உங்களுக்காக................



உங்கள் நண்பர்களை மகிழ்விக்க DIFFERENT PICTURES உங்களுக்காக................




உங்கள் நண்பர்களை மகிழ்விக்க FUNNY PICTURES உங்களுக்காக................
















உங்கள் பிளாக்கரில் அனிமேஷன் POPULAR POSTS விட்ஜெட் ஐ எவ்வாறு உருவாக்குவது என பார்ப்போம் நண்பர்களே......

1.முதலில் உங்கள் பிளாக்கரின் DASH BOARD  சென்று அதில் Add widget மூலமாக ஒரு Popular post விட்ஜெட்டை இனைத்து  கொள்ளுங்கள் , நீங்கள் ஏற்கனவே இதை இனைத்திருந்தால் மறுபடியும் சேர்க்கதேவைஇல்லை இந்த ஸ்டெப்பை விட்டுவிடலாம்.



2.அடுத்து “Add Gadget”>>>“HTML/Javascript” சென்று கீழே உள்ள கோடிங்கை சேர்த்து சேவ்செய்து அதை படத்தில் காட்டியவாறு  Popular post மேலே இழுத்து வைத்து சேவ்செய்திட அழகிய அனிமேஷன் Popular post விட்ஜெட் உங்கள் பிளாக்கில்  தெரியும்.

<style type="text/css" media="screen">

#PopularPosts1 {
 overflow:hidden;
margin-top:5px;
padding:0px 0px;
height:400px;
    
}

#PopularPosts1 ul {
width:220px;
overflow:hidden;
list-style-type: none;
padding: 0px 0px;
margin:0px 0px;
}




#PopularPosts1 li {
 width:208px;
padding: 5px 5px;
margin:0px 0px 5px 0px;
list-style-type:none;
float:none;
height:80px;
overflow: hidden;
background:#fff url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/post.jpg) repeat-x;
border:1px solid #ddd;
}

#PopularPosts1 li .item-title {
    color:#A5A9AB;
    font-size:1em;
    margin-bottom:0.5em;
}

#PopularPosts1 li .item-title a {
 text-decoration:none;
color:#4B545B;
font-size:11px;
height:18px;
overflow:hidden;
margin:0px 0px;
padding:0px 0px 2px 0px;
}

#PopularPosts1 li img {
 float:left;
margin-right:5px;
background:#EFEFEF;
border:0;
}

#PopularPosts1 li .item-snippet {
  overflow:hidden;
font-family:Tahoma,Arial,verdana, sans-serif;
font-size:10px;
color:#262B2F;
padding:0px 0px;
margin:0px 0px;
}

#PopularPosts1 .item-snippet a,
#PopularPosts1 .item-snippet a:visited {
    color:#3E4548;
    text-decoration: none;
}

#PopularPosts1 .spyWrapper {
    height: 100%;
    overflow: hidden;
    position: relative;    
}

#PopularPosts1 {
 -webkit-border-radius: 5px;
 -moz-border-radius: 5px;
}

.tags span,
.tags a {
 -webkit-border-radius: 8px;
 -moz-border-radius: 8px;
}

a img {
    border: 0;
}

-->
</style>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.6.2/jquery.min.js" type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
$(function () {
    $('.popular-posts ul').simpleSpy();
});
</script>
<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>



குறிப்பு : உங்கள் பிளாக்கில் ஏற்கனவே slider மற்றும் jquery popup சேர்த்திருந்தால் இந்த விட்ஜெட் வேலை செய்யாது.

இந்தபதிவு தொடர்பான உங்கள் கருத்துக்களை பதிவு செய்யுங்கள் நண்பர்களே...
உங்கள் நண்பர்களை மகிழ்விக்க FUNNY PICTURES உங்களுக்காக................


.













                                                  நண்பர்களே..நாம்   பொழுதுபோக்கிற்காகவும் தொழில்நுட்ப ரீதியாகவும், வணிகத்திற்கும் போன்ற  முக்கியமான பல விஷயத்திற்காக பயன்படுத்திவருகிறோம். பெரிய பெரிய நிறுவனங்கள் இனையம் மூலமாக பணம் சம்பாதித்தாலும் நம்மை போன்ற சாதாரணமாக  இனையத்தை பேஸ்புக்கிற்கும் ,டுவிட்டருக்கும் மற்றும் பிளாக்கிற்கும் பயன்படுத்துவோர் ஓரு பைசா கூட சம்பாதிப்பதில்லை

Facebook படங்கள் உங்களுக்காக

Tuesday, September 18, 2012
Posted by Rajkumar Raj





பேஸ் புக் படங்கள்

1. நீ பிரிந்திருந்தால்




2.கண்ணீரையும் நேசி....



3.மறக்கமுடியமா......!




4.அன்பு காதலியே........




5.நல்லதே நினை.......






பேஸ்புக் படங்கள் உங்களுக்குகாக.....................




1.ஸ்கூல் பக்கத்திலதானடா போட்டுக்கிட்டு இருந்தீங்க இங்கேயுமா............?



2.நாங்க உஷாரா இருப்போமுல்ல........!




3.என்ன ஒரு வில்லத்தனம்




4.ஆடைகட்டி வந்த நிலவோ.........





5.தம்பி நாங்க இல்லைன்னா......ம்ம்ஹீம் ஜாக்கிறதை



நன்பர்பளே இந்த பதிவுகளை உங்கள் நன்பர்களிடமும் ஷேர் செய்து கொள்ளுங்கள்..................
உங்கள் பிளாக்கரில் வைக்க கூடிய  RELATED POST  விட்ஜெட் இப்பொழுது  அழகிய ஸ்கோரல் பாக்ஸில் வைப்பது எப்படி என பார்போம்.


பேஸ் புக் FUNNY பிக்சர்ஸ்





1.நோ Money ! நோ துனி !
 
      

2. ரயிலிலயே லிப்ட் கேப்போமுள்ள....


3.இவங்கதான் சூப் பாய்ஸ்



4. GIRLS VS BOYS


5. 8 வது அதிசயம்.......!



நன்பர்களே நமது பிளாக்கரில்  நாம் பதிவிடும் பதிவுகளை வாசகர்களுக்கு கொண்டு செல்வதில் பேஸ்புக் முக்கிய பங்காற்றுகிறது , நமது பதிவின் கீழ் பேஸ்புக் ஷேர்பட்டனை பார்த்திருப்போம், ஆனால் இது உங்கள் பதிவு எத்தனை முறை ஷேர்செய்ய பட்டுள்ளது, என்பதை உங்களுக்கும் வாசகர்களுக்கும்  காட்டுகிறது. இதில் உங்கள் பதிவின் ஷேர் என்ணிக்கையை தெரிந்துகொள்ளளாம். அதை நிறுவுவதை பார்போம்,

STEP-1

  முதலில் பிளாக்கர் டேஸ்போர்டில்(Blogger Dashboard) நுழைந்து கொள்ளவும்,
 
பின்பு   Design > Edit HTML செல்லவும்

STEP-2

      Expand Template Widgets ல் கட்டத்தில் டிக் செய்க

 STEP-3

      cntrl+f மூலமாக <data:post.body/> இதை தேடி  இதற்க்கு பின்பு, கீழே  பெட்டியில் உள்ள கோடிங்கை காப்பி பேஸ்ட் செய்ய , உங்கள் ஒவ்வொரு பதிவின் கீழும் பேஸ்புக் ஷேர் கவுன்ட்(FACEBOOK SHARE COUNT) பட்டன் இருக்கும். பதிவு பிடித்திருந்தால் SHARE செய்யவும். நன்றி


<div style="float:right;margin:10px 0 10px 10px;">
<a name="fb_share" type="box_count" expr:share_url='data:post.url' href="http://www.facebook.com/sharer.php">SHARE</a><script src="http://static.ak.fbcdn.net/connect.php/js/FB.Share" type="text/javascript"></script>
</div>


நண்பர்களே உங்கள் நண்பர்களுடன் பேஸ்புக் மற்றும் டுவிட்டர் போன்ற சமூக தளங்களில் பகிர்ந்து கொள்ள அழகிய படங்கள் உங்களுக்காக.

1.பென்னே நீயும் பென்னா

2.அழகிய சின்ட்ரெல்லா

3.ஐ லவ் யூ

4.பாத கொலுசு

5.பட்டாம்பூச்சி கூட்டுக்குள்ளே
நண்பர்களே  உங்கள் நண்பர்களுடன்  பேஸ்புக் மற்றும் டுவிட்டர் போன்ற சமூக தளங்களில் பகிர்ந்து கொள்ள அழகிய Funny pictures உங்களுக்காக.

1.நாங்களும் போடுவோம் கோலம்....

2.சேவல் கூவுது

3.எப்புடி இருந்தநான் இப்புடிஆயிட்டேன்.....!

4.பெரிய பிரிண்டர்

5.நான் தமிழன்டா......!

நண்பர்களே  உங்கள் நண்பர்களுடன்  பேஸ்புக் மற்றும் டுவிட்டர் போன்ற சமூக தளங்களில் பகிர்ந்து கொள்ள அழகிய Funny pictures உங்களுக்காக.

1.மயில் மீது விநாயகா ....!

2.என்னடா வசணமே புரியலை...!

3.பெண்களின்முகம்..!

4.எப்படி இருந்த நான் இப்படி ஆயிட்டேன்...?

5.செம பஞ்ச்...!

நண்பர்களே நமது பிளாக்கிற்கு வரும் வாசகர்களில் குறிப்பிடதக்க வாசகர்கள் மொபைல் இன்டர்நெட் வழியாக வருகின்றனர் அவர்களை கவர நமது பிளாக்கின் டெம்ளெட்டை அழகாக மாற்ற இந்த பதிவு.

1. உங்கள் பிளாக்கர் கணக்கில் நுழைந்து  ஓல்டு இன்டர்பேஸ்(old intrface) ஆக இருந்தால் அதை நியு இன்டர்  பேஸாக(new interface)மாற்றி கொள்ளுங்கள்.

2.உங்கள் பிளாக்கின்  பெயருக்கு நேராக உள்ள டிராப்டவுன்(Dropdown) மெனுவை க்ளிக் செய்க,

3.அதில் வரும் Templete என்பதை க்ளிக் செய்க,

4. அதில் உள்ள live in blog மற்றும் mobile ஆகியவற்றில் mobile  கீழே உள்ள gear icon ஐ க்ளிக்செய்க


5.பின்பு  அதிலிருக்கும் drop down menu ஐ கிளிக் செய்து   தேவையான ஸ்டைலை மாற்றி சேவ் செய்திட அழகான மொபைல் டெம்ப்ளெட் கிடைக்கும்.

பேஸ்புக்.....படங்கள்

Tuesday, June 19, 2012
Posted by Rajkumar Raj
பேஸ்புக்கில் உங்கள் நண்பர்களுடன் பகிர்ந்துகொள்ள கூடிய கருத்து மற்றும் சிந்தனைபடங்கள் உங்களுக்காக,


1.நல்ல நண்பன்

2.கலாம் vs பிரதீபா

3.நேசம்


4.உன்னை பற்றி...!

5. காலை வணக்கம்
 நாம் திரட்டியில் பதிவுகளை பதிவிடும்போது அதை மட்டும் படித்துவிட்டு வாசகர்கள் சென்றுவிடுவார்கள் ஆனால் ,உங்கள் பிளாக்கருக்கு வரும் வாசகர்கள் உங்கள் பிளாக்கரிலேயே அதிகநேரம் செலவிட வைக்க வேண்டுமா? நாம் அப்பொழுது நம்பிளாக்கில் தொடர்புடைய பதிவுகள் (Related posts) விட்ஜெட் ஐ கட்டாயம் வைக்க வேண்டும், அதுவும் படத்துடன்கூடிய விட்ஜெட் மிகவும் நல்ல பயனை தரும்  நம் பிளாக்கரில் அதற்கான பதிவுதான் இது நண்பர்களே,

Step:1

முதலில்  உங்கள் பிளாக் கணக்கில் நுழைந்து  Dashboard >Design >  Edit Html > Tick The Expand Widget Templates Box  செல்லுங்கள்.

Step:2

 பின்பு ctrl+f  மூலமாக </head> ஐ தேடி அதற்கு முன்பு பெட்டியில் உள்ள கோடிங்கை காப்பி செய்து பேஸ்ட் செய்யுங்கள்.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<style type='text/css'>
#related-posts {
float:center;
text-transform:none;
height:100%;
min-height:100%;
padding-top:5px;
padding-left:5px;
}

#related-posts h2{
font-size: 1.6em;
font-weight: bold;
color: black;
font-family: Georgia, &#8220;Times New Roman&#8221;, Times, serif;
margin-bottom: 0.75em;
margin-top: 0em;
padding-top: 0em;
}
#related-posts a{
color:black;
}
#related-posts a:hover{
color:black;
}

#related-posts a:hover {
background-color:#d4eaf2;
}
</style>
<script type='text/javascript'>
var defaultnoimage=&quot;http://4.bp.blogspot.com/_rKG-ziTSNUQ/TQjMBwjYg5I/AAAAAAAACgc/BT3MbSXKv1g/s1600/No+Image.jpg&quot;;

var maxresults=7;
var splittercolor=&quot;#d4eaf2&quot;;
var relatedpoststitle=&quot;Related Posts&quot;;
</script>
<script src='http://yourjavascript.com/22811210832/RelatedPoststhumb3.txt.js' type='text/javascript'/>
</b:if>

இதில் maxresults=7 உங்களுக்கு தேவையான என்ணிக்கையை கொடுத்துகொள்ளலாம்

Step:3 

பின்பு ctrl+f  மூலமாக <div class='post-footer'>  ஐ தேடி அதற்கு கீழே(Back) இந்த கோடிங்கை காப்பி செய்து பேஸ்ட் செய்யுங்கள்.


<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id='related-posts'>
<b:loop values='data:post.labels' var='label'>
<b:if cond='data:label.isLast != &quot;true&quot;'>
</b:if>
<script expr:src='&quot;/feeds/posts/default/-/&quot; + data:label.name + &quot;?alt=json-in-script&amp;callback=related_results_labels_thumbs&amp;max-results=6&quot;' type='text/javascript'/></b:loop>
<script type='text/javascript'>
removeRelatedDuplicates_thumbs();
printRelatedLabels_thumbs(&quot;<data:post.url/>&quot;);
</script>
</div><br/><a href='http://tamilbloggercity.blogspot.in/2012/06/related-posts.html' target='_blank'><font color='#ccc' size='small'>Greencity</font></a><div style='clear:both'/>
</b:if> 

பின்பு பிளாக்கரின் டெம்ளெட்டை மேமிக்க படத்துடன் கூடிய தொடர்புடைய பதிவுகள்(Related posts) விட்ஜெட் வந்திருக்கும்.

பேஸ்புக்கில் உங்கள் நண்பர்களுடன் பகிர்ந்துகொள்ள கூடிய கருத்து மற்றும் சிந்தனைபடங்கள் உங்களுக்காக,

1.நல்ல நண்பன்

2.இரை தேடும் பறவை

3.குழந்தைபருவம்

4.அழுகை

5.வாழ்கை


உங்கள் பிளாக்கரில் உங்களின் லேபில்கள் கன்னை கவரும் 3D முறையில் வைக்க ஆசைதானே அதற்கான விட்அஜட்தான் இது. இதை உங்கள் பிளாக்கரில்
செயல்படுத்த

Step:1

முதலில்  உங்கள் பிளாக் கணக்கில் நுழைந்து  Dashboard >Design > Add a gadget > Choose html/javascript. செல்லுங்கள்.

Step:2

 பின்பு கீழேஉள்ள கோடிங்கை கீழே உள்ளதை காப்பி செய்து பேஸ்ட் செய்யுங்கள்.


<div id="w2bFlashContent"><p style="display:none;">Flash Labels by <a href="http://tamilbloggercity.blogspot.in/">Greencity</a></p></div>
<script type="text/javascript">
/*<![CDATA[*/
var w2bFlashLabelSettings = {
    blogurl        : "http://tamilbloggercity.blogspot.in/",
    color          : "3212e8",
    hoverColor     : "333333",
    backgroundColor: "FFFFFF",
    size           : 12,
    speed          : 100,
    width          : 250,
    height         : 300,
    transparency   : true
};
/*]]>*/
</script>
<script type="text/javascript" src="http://bloggerblogwidgets.googlecode.com/svn/trunk/w2b_new_flash_label_cloud.js"></script>

இதில்   இந்தவரியை நீக்கிவிட்டு உங்கள் பிளாக் URL கொடுக்க விட்ஜெட் ரெடி

குறிப்பு: தமிழ் எழுத்து கொடுத்த லேபில் தெரியாது.




நண்பர்களே  உங்கள் நண்பர்களுடன்  பேஸ்புக் மற்றும் டுவிட்டர் போன்ற சமூக தளங்களில் பகிர்ந்து கொள்ள அழகிய Funny pictures உங்களுக்காக.

1.ஹோட்டலல பாருங்கையா...!

2.இது ஆளுங்கட்சியின் சதி


3.பெட்ரோல் விலை ஏறிப்போச்சு...?

4.உயர் கல்வி...!

5.நீங்க நல்லாவருவிங்க தம்பி...?
உங்கள் பிளாக்கருக்கு வரும் வாசகர்கள் உங்கள் பிளாக்கில்  அதிகநேரம் செலவிட மேலும் உங்களது   முக்கியமான பதிப்புகளை ஒரு ஸ்லைடு மூலம் வாசகர்களுக்கு தெரியப்படுத்துகிறது. இந்த விட்ஜெட்டை உங்கள் பிளாக்கில் சேர்த்தால் உங்கள் பிளாக்கின் பேஜ்வியூஸை அதிகரித்து அலெஸ்கா ரேங்கையும் உயரசெய்யும்.

Step:1

முதலில்  உங்கள் பிளாக் கணக்கில் நுழைந்து  Dashboard >Design > Add a gadget > Choose html/javascript. செல்லுங்கள்.

Step:2

 பின்பு கீழேஉள்ள கோடிங்கை கீழே உள்ளதை காப்பி செய்து பேஸ்ட் செய்யுங்கள்.


<div id="bpslidein" style="display:none;"> <div class="help">?</div><div class="expand">+</div> <div class="close">X</div> <p>Recommended for you</p> <div id="bpslidein_image"></div> <div  id="bpslidein_title">Loading..</div> </div> <script> if(document.location.href.split("/").length==6&&document.location.href.indexOf(".html")!=-1){if(typeof bp_onload_queue=='undefined')var bp_onload_queue=[];if(typeof bp_dom_loaded=='boolean')bp_dom_loaded=false;else var bp_dom_loaded=false;if(typeof bp_async_loader!='function'){function bp_async_loader(src,callback,id){var script=document.createElement('script');script.type="text/javascript";script.async=true;script.src=src;script.id=id;var previous_script=document.getElementById(id);if(previous_script)if(previous_script.readyState=="loaded"||previous_script.readyState=="complete"){callback();return}else{script=previous_script}if(script.onload!=null)previous_callback=script.onload;script.onload=script.onreadystatechange=function(){var newcallback;if(previous_script&&previous_callback)newcallback=function(){previous_callback();callback()};else newcallback=callback;if(bp_dom_loaded){newcallback()}else bp_onload_queue.push(newcallback);script.onload=null;script.onreadystatechange=null};var head=document.getElementsByTagName('head')[0];if(!previous_script)head.appendChild(script)}}if(typeof bp_domLoaded!='function')function bp_domLoaded(callback){bp_dom_loaded=true;var len=bp_onload_queue.length;for(var i=0;i<len;i++){bp_onload_queue[i]()}}bp_domLoaded();bp_async_loader("http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js",function(){bp_async_loader("http://recommended-slide-out-for-blogger.googlecode.com/svn/trunk/bp-out-slide.min.js",function(){},"bp-out-slide")},"jQueryjs")} </script> <a href="http://www.bloggerplugins.org/2011/12/recommended-post-slide-out-for-blogger.html" target="_blank"><img src="https://lh4.googleusercontent.com/-3ZeBFGQpJLA/Tu3juLKG8EI/AAAAAAAACTs/9CxWgQBV9G8/I/bloggerplugins.png" alt="Recommended Post Slide Out For Blogger" /></a>


உங்கள் நண்பர்களை மகிழ்விக்க அழகிய கருத்துள்ள படங்கள் மற்றும் சிந்தனைகள் பேஸ்புக்கில் வைக்க கூடிய படங்கள்.............
  1. சந்தோஷம்
  2. என்னவென்று சொல்வதம்மா
  3. வெற்றி,தோல்வி
  4. மரியாதை
  5. புத்தரின் அன்பு வழிகள்
 இந்த படங்களை பற்றிய கருத்துக்களை பதிவிடலாமே..........
உங்கள் பிளாக்கரில் கன்ணை கவரும் அழகிய சமூக வலைதளங்களுக்கான அனிமேஷன் விட்ஜெட் இதன்மூலம் உங்கள் பதிவுகளை உங்களுடைய விருப்பமான பின்ட்ரஸ்ட்,பேஸ்புக்,டுவிட்டர் போன்ற வலை தளங்களில் பதிவு செய்யலாம்.
முதலில் உங்கள் பிளாக்கரின் டெம்ளெட்டை டவுன்லோட் செய்து வைத்துகொள்ளுங்கள் ஏனெனில் ஏதெனும் தவறாக செய்து விட்டால் சரி செய்து கொள்ள,
                                      

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 = {&quot;shr_ss&quot;:{&quot;src&quot;:&quot;//dtym7iokkjlif.cloudfront.net/media/downloads/sassybookmark&quot;,&quot;link&quot;:&quot;&quot;,&quot;service&quot;:&quot;5,7,2,313,38,201,88,74&quot;,&quot;apikey&quot;:&quot;b87f5899d80a5edce8b5e55f58542ef0f&quot;,&quot;localize&quot;:true,&quot;shortener&quot;:&quot;bitly&quot;,&quot;shortener_key&quot;:&quot;&quot;,&quot;designer_toolTips&quot;:true,&quot;tip_bg_color&quot;:&quot;black&quot;,&quot;tip_text_color&quot;:&quot;white&quot;,&quot;viewport&quot;:true,&quot;twitter_template&quot;:&quot;${title} - ${short_link} via @Shareaholic&quot;}};
</script>
<!-- End Shareaholic Sassy Bookmarks settings -->
<!-- Start Shareaholic Sassy Bookmarks script -->
<script type='text/javascript'>
(function() {
var sb = document.createElement(&quot;script&quot;); sb.type = &quot;text/javascript&quot;;sb.async = true;
sb.src = (&quot;https:&quot; == document.location.protocol ? &quot;https://dtym7iokkjlif.cloudfront.net&quot; : &quot;http://cdn.shareaholic.com&quot;) + &quot;/media/js/jquery.shareaholic-publishers-ss.min.js&quot;;
var s = document.getElementsByTagName(&quot;script&quot;)[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> இதற்கு முன்பாக கீழே உள்ள கோடை பேஸ்ட் செய்யுங்கள்.
   <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 1Tab 2  , Tab 3,Tab 1 content goes hereTab 2 content goes here ,  Tab 3 content goes here

இதற்கு பதிலாக தலைப்பையும் அதற்கான விளக்கங்களையும்  கொடுத்து கொள்ளவும்.

பேஸ்புக்கில் உங்கள் நண்பர்களுடன் பகிர்ந்துகொள்ள கூடிய கருத்து மற்றும் சிந்தனைபடங்கள் உங்களுக்காக,
  1. புறம் பேசுவது நன்மைக்கே
  2. அன்னல் காந்தியின் அற்புதமொழிகள்
  3. கற்பனையின் படிகள்
  4. வாழ்கையின் மூன்றுநிலைகள்
  5. வித்தியாசமான படம்
இது பிடித்திருந்தால் உங்கள் நண்பர்களுடன் பகிர்ந்துகொள்ளுங்கள்.
உங்கள் பிளாக்கரில் பேஸ்புக் லைக் ஐ அதிகரிக்க செய்ய அழகான விட்ஜெட் இதை உங்கள் பிளாக்கில் வைக்க
  1. முதலில் உங்கள் பிளாக் கணக்கில் நுழைந்து  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("http://2.bp.blogspot.com/-MaW4PTF8Qkc/T13eWvP_ZoI/AAAAAAAABc8/ZCYfPlB1jug/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&amp;width=250&amp;height=250&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23C4C4C4&amp;stream=false&amp;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  விட்ஜெட் இருக்கும்.
பேஸ்புக் -சிந்தனைகள் கருத்து படங்கள் - பேஸ்புகில் உங்கள் நண்பர்களை மகிழ்விக்க நல்ல கருத்துக்கள் நிறைந்த படங்கள் உங்களுக்காக.....
  1. வாழ்கைதத்துவம் 
  2. பள்ளிநாட்கள் 
  3. மதிப்பு 
  4. திறமை
  5. உன்னால்முடியும்  
 
தமிழ் கவிதைகள் பேஸ்புக் படங்கள்:

வாழ்த்து

தாய் மொழி

மௌனம்

காதல் தோல்வி

ஐ லவ் யூ


பேஸ் புக்  கருத்து படங்கள்
Every one follow

Real life

Energy morning

Girl vs Boys

நண்பர்களே உங்களது பிளாக்கின் பேஜ்வியுசை அதிகரிக்க ஒரு அருமையான ”ஒருமுறை வரும் அழகிய 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(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 0;}
#cboxTopCenter{height:14px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x top left;}
#cboxTopRight{width:14px; height:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px 0;}
#cboxBottomLeft{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat 0 -32px;}
#cboxBottomCenter{height:43px; background:url(http://1.bp.blogspot.com/-TcJGMnSfOCY/TxrtzzHDLVI/AAAAAAAAFWc/mdndgrisRuA/s1600/border.png) repeat-x bottom left;}
#cboxBottomRight{width:14px; height:43px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) no-repeat -36px -32px;}
#cboxMiddleLeft{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -175px 0;}
#cboxMiddleRight{width:14px; background:url(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/s1600/controls.png) repeat-y -211px 0;}
#cboxContent{background:#fff; overflow:visible;}
#cboxLoadedContent{margin-bottom:5px;}
#cboxLoadingOverlay{background:url(http://1.bp.blogspot.com/-PPvu-446sn4/Txrt1QsGH1I/AAAAAAAAFWw/_jWYVoR1HX8/s1600/loading-background.png) no-repeat center center;}
#cboxLoadingGraphic{background:url(http://1.bp.blogspot.com/-31strss_1-E/Txrt1J6NThI/AAAAAAAAFWo/4P12CJPj924/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(http://1.bp.blogspot.com/-FiJ_Xz7txEg/Txrt0sy1TiI/AAAAAAAAFWk/Llzvkeyy_J8/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&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;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 விட்ஜெட் தெரியும்.







இந்தபதிவு பிடித்திருந்தால் கீழே உள்ள திரட்டிகளின் ஓட்டுபட்டைகளில் பதிவுசெய்க நன்றி.

பேஸ் புக் funny ...

Saturday, May 12, 2012
Posted by Rajkumar Raj

பிளாக்கரில் அழகிய கண்னை கவரும் 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>


 

இந்த பதிவு பிடித்திருந்தால் கீழேஉள்ள ஓட்டுபட்டைகளில் பதிவிடுங்கள் நன்றி.
தற்போதைய கால நிலையில் பிளாக்கரை பிரபலபடுத்துவதற்கு எவ்வளவு சிரமம் என எனக்கும் தெரியும் நண்பர்களே, உங்கள் பிளாக்கரின் பேஜ்வியுசை அதிகபடுத்த பேஸ்புக்கின் like box ஐ வைத்தால் நல்ல முன்னேற்றம் கிடைக்கும். அதை எப்படி நிறுவுவது என பார்ப்போம்.முதலில் உங்கள் பிளாக்கருக்கு என பேஸ்புக் பேஜ் ஒன்று இங்கு சென்று உருவாக்கிகொள்ளுங்கள்,

Step : 1

உங்களது பேஸ்புக் பேஜ் சென்று அட்ரஸ்பாரில் உள்ள லிங்கை காப்பி செய்துகொள்ளுங்கள்.

Step :2

இங்கு சென்று உங்கள் பேஸ்புக் பேஜின் URL ஐ பேஸ்ட் செய்யுங்கள்

தேவையான அளவுகளை கொடுத்து பின் Getcode என்பதை க்ளிக் செய்ய வரும்
iframe அல்லது XFBML.  என்றகோடை காப்பி செய்து வைத்து கொள்ளவும்,



படத்தின் படி widget ஐ இனைத்து சேவ்  செய்தால் அழகான பேஸ்புக் லைக்பாக்ஸ் உங்கள் பிளாக்கில் இருக்கும்.



Welcome to My Blog

Blog Archive

Recommended Post Slide Out For Blogger
Powered by Blogger.

Blog Archive

Business

Flickr Widget

Comments

Random Posts

Facebook

Popular Posts

- Copyright © Greencity -RK computers- Powered by Blogger - edit by Rajkumar -