ഇപ്പോള്‍ ഗൂഗിള്‍+ ലും പേജ് തുടങ്ങാം

പ്രൊഫൈല്‍ പേജിനു പുറമേ   ഫാന്‍ പേജുകളും ,ഗ്രൂപ്പുകളുമോക്കെയാണ്    ഫേസ് ബുക്കിന്റെ ആകര്‍ഷണം .ഇപ്പോള്‍ ഗൂഗിള്‍+ ലും പേജ് തുടങ്ങാം .

ഇവിടെ ക്ലിക്ക് ചെയ്തു പേജ് തുടങ്ങാം ...

നമ്മുടെ  ഗൂഗിള്‍ + പ്രൊഫൈലില്‍  പേജിലേക്കുള്ള ലിങ്ക് നല്‍കപ്പെടും (ചിത്രം കാണുക )

(ഇത് നമ്മുടെ തന്നെ മറ്റൊരു ഗൂഗിള്‍+ പ്രൊഫൈല്‍ ആയി മാത്രമേ അനുഭവപ്പെടുന്നുള്ളൂ )

Read full post →

ബ്ലോഗില്‍ 'back to top' ബട്ടണ്‍

ബ്ലോഗ്‌ വായനക്കാര്‍ക്ക് വളരെ എളുപ്പത്തില്‍  ബ്ലോഗിന്റെ താഴത്തെ ഭാഗത്ത്‌ നിന്നും മുകളിലേക്ക് വരുവാന്‍ സഹായകമായ  back to top ബട്ടണ്‍  ബ്ലോഗില്‍ വളരെ എളുപ്പത്തില്‍  ചേര്‍ക്കാം .

ആദ്യം     blogger.com ഇല്‍ sign in ചെയ്യുക

 ശേഷം    ബ്ലോഗിന്റെ Design എന്ന  ഭാഗത്ത്‌  ക്ലിക്ക്  ചെയ്യുക . അപ്പോള്‍ വരുന്ന പേജില്‍ കാണുന്ന  Edit  html   ക്ലിക്ക് ചെയ്യുക. 

<div id='footer'>

 എന്ന  കോഡ് കണ്ടു  പിടിച്ച  ശേഷം അതിന്റെ തൊട്ടു താഴെയായി  താഴെ കൊടുത്തിരിക്കുന്ന കോഡ് ചേര്‍ക്കുക .( കീ ബോര്‍ഡില്‍  'Ctrl+f '  എന്നീ കീകള്‍ ഒരുമിച്ചു അമര്‍ത്തുക .അപ്പോള്‍ വരുന്ന സെര്‍ച്ച്‌  ബോക്സില്‍ സെര്‍ച്ച്‌  ചെയ്യുക    ).

 ((((( ഈ കോഡ്   കിട്ടിയില്ലെങ്കില്‍ </body> എന്ന കോഡ് കണ്ടു പിടിച്ച ശേഷം  അതിന്റെ
തൊട്ടു   മുകളില്‍ താഴെ കൊടുത്തിരിക്കുന്ന കോഡ് ചേര്‍ക്കുക ..))))

<!--BACK2TOP-IMAGE-STARTS--><a alt='Back to Top' href='#' style='display:scroll;position:fixed;bottom:15px;right:10px;' title='Back to Top'><img border='0' height='40' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiSJyvCCz8VSwAQflESMc595p5hisUSreHVjn3i_1Z8vtdcO9pcTsh1LjyUa8NMptspK5jmwP4M4Hz0X7rRZI3kwzGNfzsvRcFoKjbPcGPms9x5V-WWOUQovMpwlchu183SS0yAl0-d0Yko/s200/arrow%20up%20green.png' width='35'/></a><!--BACK2TOP-IMAGE-STOPS-->

ശേഷം Save Template ക്ലിക്ക്  ചെയ്യുക..

  ചുവന്ന  കളറില്‍ കൊടുത്തിട്ടുള്ള ചിത്രത്തിന്റെ ലിങ്ക് മാറ്റി നമുക്ക് ഇഷ്ടമുള്ള ചിത്രത്തിന്റെ   ലിങ്ക് ഉപയോഗിക്കാം.

Read full post →

ബ്ലോഗില്‍ ആകര്‍ഷകമായൊരു ലേബല്‍ വിട്ജെറ്റ്‌

വേര്‍ഡ്‌ പ്രസ്‌  സൈറ്റ് കളില്‍ കാണുന്ന  കറങ്ങുന്ന 'ലേബല്‍  ക്ലൌഡ് ' എന്ന  വിട്ജെറ്റ്‌  ബ്ലോഗ്ഗര്‍ ബ്ലോഗുകളിലും  ചേര്‍ക്കാം ...

വളരെ എളുപ്പത്തില്‍ നമ്മുടെ ബ്ലോഗ്ഗര്‍ ബ്ലോഗില്‍  ഇത് ചേര്‍ക്കുവാന്‍ കഴിയും 

ആദ്യമായി  ബ്ലോഗ്ഗര്‍ ഡാഷ് ബോര്‍ഡില്‍  Design ക്ലിക്ക്  ചെയ്യുക .
ശേഷം  വരുന്ന  പേജില്‍  Edit html ക്ലിക്ക്  ചെയ്യുക  ..
അടുത്തതായി Download Full Template എന്ന ഭാഗത്ത്‌ ക്ലിക്ക് ചെയ്ത നിലവിലുള്ള TEMPLATE സേവ് ചെയ്യുക.
(ഇപ്രകാരം ചെയ്‌താല്‍ ബ്ലോഗിന്റെ നിലവിലുള്ള template നമ്മുടെ കമ്പ്യൂട്ടറിന്റെ Downloads എന്ന folder ഇല്‍ save ചെയ്യാം .പിന്നീട് ആവശ്യം വന്നാല്‍ വീണ്ടും അത് upload ചെയ്യാവുന്നതാണ്.ഇപ്രകാരം save ചെയ്യുന്നതാണ് ഉചിതം . )
അതിനു ശേഷം Expand Widget Templates ടിക് ചെയ്യുക

ശേഷം താഴെ കാണുന്ന കോഡ് സെര്‍ച്ച്‌  ചെയ്യുക. 

<b:section class='sidebar' id='sidebar' preferred='yes'>

 അങ്ങനെ കാണുന്നില്ല എങ്കില്‍ ,

<div class='widget-content'>
<data:content/>
</div>

<b:include name='quickedit'/>
</b:includable>
</b:widget>

എന്ന് സെര്‍ച്ച്‌ ചെയ്യുക .

ഈ കോഡിന്റെ  തൊട്ടു താഴെ താഴെ കാണുന്ന കൂടെ കൂടി കൂട്ടിച്ചേര്‍ക്കുക ( കോപ്പി &  പേസ്റ്റ് ചെയ്യുക  )

<b:widget id='Label99' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<script src='http://sites.google.com/site/bloggerustemplatus/code/swfobject.js' type='text/javascript'/>
<div id='flashcontent'>Blogumulus by <a href='http://www.roytanck.com/'>Roy Tanck</a> and <a href='http://www.bloggerbuster.com'>Amanda Fazani</a></div>
<script type='text/javascript'>
var so = new SWFObject(&quot;http://sites.google.com/site/bloggerustemplatus/code/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values='data:labels' var='label'><a expr:href='data:label.url' style='12'><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

ഇനി ടെമ്പ്ലേറ്റ്  SAVE  ചെയ്യുക .

താഴെ  കാണുന്ന ചിത്രം ശ്രദ്ധിച്ചു കോഡ് പേസ്റ്റ്  ചെയ്യേണ്ടത് എവിടെ എന്ന് ഉറപ്പു വരുത്തുക

അടുത്തതായി Page Elements എന്ന ഭാഗത്ത്‌ വന്ന ശേഷം
Add a Gadget  ക്ലിക്ക് ചെയ്ത ശേഷം ഒരു Label ഗാട്ജെറ്റ്  ചേര്‍ക്കുക ..
ഇപ്പോള്‍ താങ്കളുടെ  ബ്ലോഗിലെ  ലേബല്‍ വിട്ജെറ്റ്‌
കമ്പ്യൂട്ടര്‍ മൗസ്  വെക്കുമ്പോള്‍ (പോയിന്റ്‌  ചെയ്യുമ്പോള്‍ )
  ചലിക്കുന്ന രൂപത്തില്‍ ആയതു കാണാം ...
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

സഹായകമായ ലിങ്കുകള്‍:

 Blogumus: a flash animated label cloud for Blogger!

How to Add Wordle Type Flash Label Cloud (FatColud) Widget For Blogger / Blogspot

++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

Read full post →

ഫേസ് ബുക്ക്‌ രൂപം മാറുന്നു

അല്‍പ സമയം മുന്‍പ് വരെ യാതൊരു കുഴപ്പവുമില്ലാതിരുന്ന ഫേസ് ബുക്ക്‌ ഇപ്പോള്‍ ഒരു  പശ്ചാത്തല  ചിത്രം തിരഞ്ഞെടുക്കുവാന്‍ നമ്മളോട് ആവശ്യപ്പെടുന്നു ..!!!!

ഫേസ് ബുക്കില്‍ ഇപ്പോള്‍   പുതിയ മാറ്റങ്ങള്‍ ദിവസവും വന്നു കൊണ്ടിരിക്കുന്നു എന്ന് തന്നെ പറയാം ...

ചിത്രത്തിന്റെ ഏറ്റവും താഴെയായി വട്ടത്തില്‍ കൊടുത്തിരിക്കുന്ന ഭാഗത്ത്‌ ക്ലിക്ക് ചെയ്തു നമ്മുടെ ഫേസ് ബുക്ക്‌ പേജിന്റെ പശ്ചാത്തലം ക്രമീകരിക്കാന്‍ കഴിയും ....

UPDATE:

ഈ പോസ്റ്റ്‌  വായിച്ച പലര്‍ക്കും ഇങ്ങനൊരു സംഭവം കിട്ടുന്നില്ല എന്ന് അറിയിച്ചു ..പക്ഷെ മറ്റു ചിലര്‍ക്ക് കിട്ടുന്നുമുണ്ട് ...!!!! 

ഇതാ മറ്റൊരു പ്രൊഫൈല്‍

ഫേസ് ബൂകിലും രണ്ടു പന്തിയോ ??...!!!!

Read full post →

ബ്ലോഗ്‌ ടെസ്റ്റ്‌ ചെയ്യാന്‍ ചില ടൂളുകള്‍

വെറുതെ

ഇരിക്കുമ്പോള്‍ നമ്മുടെ ബ്ലോഗിനെ കുറിച്ച് കൂടുതല്‍ രസകരങ്ങളായ(ഒപ്പം  ഗുണകരവും ആയ ) വിവരങ്ങള്‍  ശേഖരിക്കുവാന്‍ ഉതകുന്ന ചില ഓണ്‍ ലൈന്‍ ടൂളുകള്‍ കാണുക .ആവശ്യമായ ഭാഗത്ത്‌ നമ്മുടെ ബ്ലോഗിന്റെ  URL നല്‍കി ചെക്ക്‌ ചെയ്‌താല്‍ മതിയാകും . ശ്രമിച്ചു നോക്കിയാല്‍  നമ്മുടെ ബ്ലോഗിന്റെ സ്ക്രിപ്റ്റ് കളില്‍ ഉള്ള പിഴവുകള്‍ തിരുത്തുവാനും ബ്ലോഗ്‌ കൂടുതല്‍  എളുപ്പത്തില്‍ മറ്റുള്ളവരില്‍ എത്തുവാനും ഉള്ള ചില ട്രിക്ക് കള്‍    കിട്ടാതിരിക്കില്ല.... ഉറപ്പ്‌ . 

http://loads.in/
http://www.websiteoptimization.com/services/analyze/
http://www.checkmycolours.com/

http://tools.pingdom.com/fpt/

http://juicystudio.com/services/readability.php#readintro

http://pagespeed.googlelabs.com/pagespeed/#

http://validator.w3.org/

http://feedvalidator.org/

http://www.validome.org/

http://www.weblogs.com/feedvalidator.html 

http://www.ldodds.com/rss_validator/1.0/validator.html

http://rss.scripting.com/

http://writemaps.com/
http://www.ispionage.com/

http://internetsupervision.com/scripts/urlcheck/check.aspx

http://www.pinkjuice.com/check/

http://achecker.ca/checker/index.php

മുന്‍പ് എഴുതിയ ഈ പോസ്റ്റ്‌ കൂടി വായിക്കൂ ..

ബ്ലോഗ്‌ ഒന്ന് ചെക്ക്‌ ചെയ്താലോ ?

Read full post →

വ്യത്യസ്തമായ ഒരു sharing വിട്ജെറ്റ്‌

ഈ ബ്ലോഗിന്റെ ഇടതു ഭാഗത്ത്‌  കാണുന്നത് പോലെ  സ്ഥിരമായി നില്‍ക്കുന്ന ഒരു ഷെയറിംഗ്   വിട്ജെറ്റ്‌ താങ്കളുടെ ബ്ലോഗിലും നല്‍കാം . താഴെ കൊടുത്തിരിക്കുന്ന കോഡ് ഒരു HTML/Javascript വിട്ജെറ്റ്‌ വഴി ബ്ലോഗില്‍ നല്‍കിയാല്‍ മതിയാകും 

<style type="text/css">
#floatingbuttons{background:#F9F9F9;background:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #F9F9F9));background:-moz-linear-gradient(top, #fff, #F9F9F9);border:1px solid #ccc;float:left;padding:0 0 3px 0;position:fixed;bottom:15%;left:0;z-index:10;border-radius:0 5px 5px 0;box-shadow:2px 2px 5px rgba(0,0,0,0.3);} #floatingbuttons .floatbutton{float:left;clear:both;margin:5px 4px 0 4px;} .addbuttons{clear:both;text-align:center;padding-top:5px;} .addbuttons a span.getfloat, .addbuttons a span.sharebuttons{color:#000;background:none;font-family:arial, sans-serif;display:block;font-size:9px;font-weight:bold;text-decoration:none;line-height:11px;} .addbuttons a:hover span{color:#fff;background:none;text-decoration:underline;}
</style>
<div id='floatingbuttons' title="Get this Sharing Widget!!">
<script src="http://connect.facebook.net/en_US/all.js#xfbml=1" type="text/javascript"></script>
<!-- Medium Button -->
<script src='http://platform.twitter.com/widgets.js' type="text/javascript"></script>
<div class='floatbutton' id='facebook'>
<fb:like layout="box_count" show_faces="false" font=""></fb:like>
</div>

<div class='floatbutton' id='google+1'><script type="text/javascript">
(function() {
var po = document.createElement('script'); po.type = 'text/javascript'; po.async = true;
po.src = 'https://apis.google.com/js/plusone.js';
var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(po, s);
})();
</script>
<g:plusone size="tall"></g:plusone><!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_counter"></a>
</div>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=xa-4f7a69147830c2db"></script>
<!-- AddThis Button END --><div class='floatbutton' id='twitter'>
<a href="http://twitter.com/share" class="twitter-share-button" data-count="vertical">Tweet</a>
</div>
</div><div class='floatbutton' id='atrib'><div align="center"><a style="background-color: #ff7700; border: solid #993300 1px; color: white; margin: 2px; padding: 2px;" href="http://malayalambloghelp.blogspot.com/2011/09/sharing.html" target="_blank">Get This </a></div>
</div></div>

Read full post →

ഫേസ് ബൂകിലും subscribe ചെയ്യാം

ഫേസ് ബുക്കില്‍ നമ്മുടെ ചങ്ങാതിമാര്‍  ഷെയര്‍ ചെയ്യുന്നത് നമുക്ക് സാധാരണ നോടിഫികേശന്‍ വഴി  അറിയിപ്പ് ലഭിക്കുന്നതാണ് . എന്നാല്‍ നമ്മുടെ ഫ്രണ്ട് ലിസ്റ്റില്‍ ഇല്ലാത്തവരുടെ wall  വഴി അവര്‍ ഷെയര്‍ ചെയ്യുന്നത് നമുക്ക് ലഭ്യമാക്കുന്നതിനു അവരുടെ  wall  subscribe   ചെയ്യുന്നതിനുള്ള  സംവിധാനം  ഫേസ് ബുക്ക്‌ ഏര്‍പ്പെടുത്തിയിരിക്കുന്നു .('ഫേസ് ബുക്ക്‌ പുലികള്‍ ' തങ്ങളുടെ പ്രൊഫൈലില്‍ ഇപ്രകാരം സെറ്റിംഗ്സ് മാറ്റിയിട്ടുണ്ടാവും .മാറ്റാത്തവര്‍ താഴെ കൊടുത്തിട്ടുള്ളത് പ്രകാരം സെറ്റിംഗ്സ് നല്‍കുക )

( നമ്മള്‍ ആരുടെ updates  ആണോ നോടിഫികേശന്‍ ആയി ലഭിക്കുവാന്‍ ആഗ്രഹിക്കുന്നത് അവരുമായി ഇനി friendship  റിക്വസ്റ്റ്  നല്‍കേണ്ടതില്ല . )

നമ്മുടെ ഫേസ് ബുക്ക്‌ പ്രൊഫൈലിലും ഇതിനായി സെറ്റിംഗ്സ്  നല്‍കാം 

അതിനായി ആദ്യം  ഈ പേജില്‍ പോകുക .ശേഷം ചിത്രത്തില്‍ കാണുന്നത് പോലെ allow subscribers ക്ലിക്ക് ചെയ്യുകയും  ശേഷം വരുന്ന വിന്‍ഡോയില്‍  ചിത്രത്തിലേത് പോലെ സ്ട്ടിങ്ങ്സ് നല്‍കുകയും ചെയ്യുഅക് .(ഇപ്പോള്‍ നമ്മളുടെ wall  മറ്റുള്ളവര്‍ക്ക് subscribe  ചെയ്യുവാനുള്ള സെറ്റിംഗ്സ് ആയി )

Read full post →

ബ്ലോഗിന്റെ Verified Owner ആകാം

 നിങ്ങള്‍ എഴുതുന്ന ബ്ലോഗിന്റെ  ' Verified Owner ' നിങ്ങള്‍  തന്നെയാണോ ?

സംശയം വേണ്ട . അതൊന്നു ചെക്ക്‌ ചെയ്യാം ...

അതിനായി ഇവിടെ ക്ലിക്ക് ചെയ്യൂ ...

ശേഷം വരുന്ന പേജില്‍ ചിത്രത്തില്‍ അടയാളപ്പെടുത്തിയിരിക്കുന്നത് പോലെ 'Verify this site' എന്ന്  കാണുന്നുണ്ട് എങ്കില്‍ അതില്‍   ക്ലിക്ക് ചെയ്യുക .

  അപ്പോള്‍ വരുന്ന പേജില്‍   'Alternate methods' എന്നിടത്ത്  ക്ലിക്ക് ചെയ്തു
Add a meta tag to your site's home page  എന്ന്  കാണുന്നത്  തിരഞ്ഞെടുക്കുക .
(ചിത്രം കാണുക )

   

അപ്പോള്‍ വരുന്ന പേജില്‍ <meta name="google-site-verification  എന്ന്  തുടങ്ങുന്ന  കോഡ്  കോപ്പി ചെയ്യുക.

(ചിത്രം കാണുക)

ഇനി    blogger.com ഇല്‍ sign in ചെയ്യുക

 ശേഷം    ബ്ലോഗിന്റെ Design എന്ന  ഭാഗത്ത്‌  ക്ലിക്ക്  ചെയ്യുക . അപ്പോള്‍ വരുന്ന പേജില്‍ കാണുന്ന  Edit  html   ക്ലിക്ക് ചെയ്യുക.

<head>

    എന്ന  കോഡ് കണ്ടു  പിടിച്ച  ശേഷം അതിന്റെ  തൊട്ടു  ചേര്‍ന്ന്  മുകളില്‍ നിന്നും ലഭിച്ച  കോഡ് പേസ്റ്റ്  ചെയ്തു

Save Template ക്ലിക്ക്  ചെയ്യുക. .

    ശേഷം ചിത്രത്തില്‍ കാണുന്നത്   പോലെ ' Verify ' ബട്ടണ്‍  ക്ലിക്ക് ചെയ്യുക ...

READ MORE ABOUT SITE VERIFICATION HERE

Read full post →

facebook വീഡിയോ ബ്ലോഗ്‌ പോസ്റ്റില്‍ നല്‍കാം

ഫേസ് ബുക്കില്‍  അപ്‌ലോഡ്‌ ചെയ്യപ്പെടുന്ന  വീഡിയോ കല്‍ ബ്ലോഗ്‌ പോസ്റ്റില്‍ നല്‍കുന്നതിന്  ആദ്യമായി ആ വീഡിയോയുടെ  ലിങ്ക് കണ്ടു പിടിക്കുക.

അതിനായി ചിത്രത്തില്‍ കാണുന്നത് പോലെ ആ വീഡിയോ ഷെയര്‍ ചെയ്തിട്ടുള്ളിടത് തലക്കെട്ടില്‍ ക്ലിക്ക് ചെയ്‌താല്‍ മതി .

   അപ്പോള്‍ വരുന്ന പേജിന്റെ മുകളില്‍ അഡ്രെസ്സ് ബാറില്‍   കാണുന്ന വീഡിയോ യുടെ നമ്പര്‍ കോപ്പി ചെയ്യുക .(ചിത്രം കാണുക . നമ്പര്‍ മാത്രം കോപ്പി ചെയ്‌താല്‍   മതി  )

       ബ്ലോഗ്‌ പോസ്റ്റില്‍ വീഡിയോ  കൊടുക്കേണ്ടിടത്ത്  Edit HTML ക്ലിക്ക് ചെയ്ത ശേഷം   താഴെ കൊടുത്തിട്ടുള്ള കോഡ് ചേര്‍ത്ത ശേഷം ചുവന്ന അക്കത്തില്‍ കാണുന്ന വീഡിയോയുടെ നമ്പര്‍ മാറ്റി താങ്കള്‍ ഷെയര്‍ ചെയ്യുവാന്‍ ഉദ്ദേശിക്കുന്ന വീഡിയോയുടെ  നമ്പര്‍  കൊടുക്കുക  .

<object height="380" width="500"><param name="allowfullscreen" value="true" />
<param name="allowscriptaccess" value="always" />
<param name="movie" value="http://www.facebook.com/v/10150103097093394">
<embed src="http://www.facebook.com/v/10150103097093394" type="application/x-shockwave-flash" allowscriptaccess="always" allowfullscreen="true" width="500" height="380"></embed></object>

see a sample facebook video

Read full post →

google 'scribe ' ബ്ലോഗ്ഗെരില്‍ ലഭിക്കുന്നു

ഗൂഗിള്‍ ന്റെ  ഒരു  സംവിധാനമായ  'Google Scribe'   ഇപ്പോള്‍ നമ്മുടെ ബ്ലോഗ്ഗര്‍ ഡാഷ് ബോര്‍ഡില്‍ ലഭ്യമാണ് ..

Google Scribe supports Arabic, Dutch, English, French, German, Hungarian, Italian, Polish, Portuguese, Russian, Spanish and Swedish. The language is automatically detected using the text in the post.

 see the image below how it works

Read full post →

ഫോട്ടോ ബ്ലോഗില്‍ ഒരു ലൈറ്റ് ബോക്സ്‌

  ഫോട്ടോ ബ്ലോഗുകളില്‍ ചിത്രങ്ങള്‍ അല്പം വലുതാക്കിയും മിഴിവോടെയും കാണുവാന്‍  ലൈറ്റ്        ബോക്സ്‌   സംവിധാനം എങ്ങനെ കൊടുക്കാം എന്നതിനെ കുറിച്ചാണ് ഈ പോസ്റ്റ്‌ . 

(ബ്ലോഗിലെ ചിത്രത്തില്‍ ക്ലിക്ക് ചെയ്യുമ്പോള്‍ പുതിയൊരു  ബോക്സ്‌ അതെ വിന്‍ഡോയില്‍ വരുകയും ചിത്രം കൂടുതല്‍ തെളിഞ്ഞു കാണുകയും ചെയ്യും )

VIEW DEMO

blogger.com ഇല്‍ sign in ചെയ്യുക

 ശേഷം    ബ്ലോഗിന്റെ Design എന്ന  ഭാഗത്ത്‌  ക്ലിക്ക്  ചെയ്യുക . അപ്പോള്‍ വരുന്ന പേജില്‍ കാണുന്ന  Edit  html    ക്ലിക്ക് ചെയ്യുക .ശേഷം   Expand widget template  ക്ലിക്ക് ചെയ്യുക

 ശേഷം ]]></b:skin>  എന്ന കോഡ് കണ്ടുപിടിക്കുക.
( കീ ബോര്‍ഡില്‍  'Ctrl+f '  എന്നീ കീകള്‍ ഒരുമിച്ചു അമര്‍ത്തുക .അപ്പോള്‍ വരുന്ന സെര്‍ച്ച്‌  ബോക്സില്‍ സെര്‍ച്ച്‌  ചെയ്യുക    ).

അതിന്റെ  തൊട്ടു താഴെയായി ഈ കോഡ്  ചേര്‍ക്കുക .

<script src='http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js' type='text/javascript'/>

  ശേഷം ഈ  കാണുന്ന കോഡ്   കണ്ടു പിടിക്കുക    -    </head> 

അതിന്റെ തൊട്ടു മുകളിലായി താഴെ കാണുന്ന കോഡ്   കൂടി കൊടുക്കുക .

<style>

#lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}

#lightbox img{ width: auto; height: auto;}

#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }

#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }

#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }

#imageContainer&gt;#hoverNav{ left: 0;}

#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }

#prevLink { left: 0; float: left;}

#nextLink { right: 0; float: right;}

#prevLink:hover, #prevLink:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhk4jHZl3Birm45Ldk01Q5IQzTFoGj0AldrK-9fcWLLl0KucCA5D9Y_BaJ4Un5591Xel_YfiQ6sYcXzMKvw9Fm_rXovLsWZge7vogAe6b3oqU99cDMbT3P1lOmvImQcwQoucRJQVe26-wc/) left 15% no-repeat; }

#nextLink:hover, #nextLink:visited:hover { background: url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiXfGTKBTL8y57NdaWkkoCPPcza73bEiH-yYeWPlasU3HEIT8gsX_YcflatdDNSP5ftmHoZHHM8cYp_bMU_FLnRU04vG-q-sIq9gYOXHd7DC45nJCr882F1CINSIf0MEUv4UhOniA8T-8s/) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% ; }

#imageData{ padding:0 10px; color: #666; }

#imageData #imageDetails{ width: 70%; float: left; text-align: left; }

#imageData #caption{ font-weight: bold; }

#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; }

#imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; outline: none;}

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

round-color: #000; }

lute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }

round-color: #000; }

</style>

<script src='http://ajax.googleapis.com/ajax/libs/prototype/1.7.0.0/prototype.js' type='text/javascript'/>

<script src='http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.3/scriptaculous.js' type='text/javascript'/>

<script src='http://blogergadgets.googlecode.com/files/lightbox.js' type='text/javascript'/>

ശേഷം Save Template ക്ലിക്ക്  ചെയ്യുക.

 


അടുത്തതായി നമ്മള്‍ ഒരു  ചിത്രം ബ്ലോഗ്‌ പോസ്റ്റില്‍  അപ്‌ലോഡ്‌  ചെയ്ത ശേഷം ചിത്രത്തിലേത് പോലെ  ' Edit HTML '  ക്ലിക്ക് ചെയ്തശേഷം  താഴെ കാണുന്ന കോഡ്
( <a rel="lightbox" href= )  എന്ന് വരത്തക്ക രീതിയില്‍  ചേര്‍ക്കുക .ശേഷം   പോസ്റ്റ്‌  പബ്ലിഷ്  ചെയ്യുക  .

rel="lightbox"

  ഒരേ സമയം  കുറെയധികം ചിത്രങ്ങള്‍  ഹോം പേജില്‍  കൊടുക്കാവുന്ന  ഒരു ടെമ്പ്ലേറ്റ്   ബ്ലോഗിന് നല്‍കിയാല്‍   ഓരോ പോസ്ടിലെക്കും പ്രത്യേകം പോകാതെ  കൂടുതല്‍ ചിത്രങ്ങള്‍ മിഴിവോടെ കാണുവാന്‍  ഈ  ലൈറ്റ് ബോക്സ്‌ സംവിധാനം വഴി കഴിയും ...

ഉദാഹരണം -   ഇവിടെ ക്ലിക്കുക

Read full post →

ബ്ലോഗ്ഗര്‍ കമന്റ്‌ ബോക്സില്‍ ചലിക്കുന്ന സ്മൈലികല്‍ ചേര്‍ക്കാം

നമ്മുടെ ബ്ലോഗ്ഗര്‍ കമന്റ്‌ ബോക്സില്‍  ആകര്‍ഷകമായ ചില സ്മൈലികള്‍ നല്‍കുന്നത് എങ്ങിനെ എന്ന് നോക്കാം ..

blogger.com ഇല്‍ sign in ചെയ്യുക

 ശേഷം    ബ്ലോഗിന്റെ Design എന്ന  ഭാഗത്ത്‌  ക്ലിക്ക്  ചെയ്യുക . അപ്പോള്‍ വരുന്ന പേജില്‍ കാണുന്ന  Edit  html    ക്ലിക്ക് ചെയ്യുക .ശേഷം   Expand widget template  ക്ലിക്ക് ചെയ്യുക

 ശേഷം    </body>    എന്ന കോഡ് കണ്ടുപിടിക്കുക .

( കീ ബോര്‍ഡില്‍  'Ctrl+f '  എന്നീ കീകള്‍ ഒരുമിച്ചു അമര്‍ത്തുക .അപ്പോള്‍ വരുന്ന സെര്‍ച്ച്‌  ബോക്സില്‍ സെര്‍ച്ച്‌  ചെയ്യുക    )
അതിന്റെ തൊട്ടു മുകളിലായി  താഴെ കാണുന്ന കോഡ് ചേര്‍ക്കുക .

<script type="text/javascript">
//<![CDATA[
function replaceTextundefined){ifundefined!document.getElementById){return;}
bodyText = document.getElementByIdundefined"emocomments");
theText = bodyText.innerHTML;
theText = theText.replaceundefined/:\)\)/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>");
theText = theText.replaceundefined/=d&gt;/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>");
theText = theText.replaceundefined/:d/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>");
theText = theText.replaceundefined/:p/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>");
theText = theText.replaceundefined/:\undefined\undefined/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>");
theText = theText.replaceundefined/:\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>");
theText = theText.replaceundefined/:\undefined/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>");
theText = theText.replaceundefined/:-\?/gi, "<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>");
theText = theText.replaceundefined/\[\-\undefined/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>");
theText = theText.replaceundefined/:-o/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>");
theText = theText.replaceundefined/:-t/gi, "<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>");
theText = theText.replaceundefined/:-ss/gi, "<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>");
theText = theText.replaceundefined/b-\undefined/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>");
theText = theText.replaceundefined/@-\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>");
theText = theText.replaceundefined/=\)\)/gi, "<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>");
bodyText.innerHTML = theText;
}replaceTextundefined);
//]]>
</script>

ശേഷം

<b:loop values='data:post.comments' var='comment'>

എന്ന കോഡ് കണ്ടു പിടിച്ച ശേഷം അതിന്റെ തൊട്ടു മുകളിലായി  താഴെ കാണുന്ന കോഡ് ചേര്‍ക്കുക .

<div id='emocomments'>

അതിനു  ശേഷം  പതുക്കെ  താഴോട്ടു  സ്ക്രോല്‍  ചെയ്തു 

</b:loop>

എന്ന  കോഡ്  കണ്ടു  പിടിക്കുക  ..ശേഷം  അതിന്റെ  തൊട്ടു  താഴെ

  </div> 

എന്ന്  കൂടി  ചേര്‍ക്കുക  .

 വീണ്ടും  

<data:blogTeamBlogMessage/>

  എന്ന കോഡ് കൂടി കണ്ടു പിടിക്കുക .അതിന്റെ
തൊട്ടു താഴെയായി ഈ കോഡ്  ചേര്‍ക്കുക .

<script type="text/javascript">
//<![CDATA[
function moreSmiliesundefined) {
document.getElementByIdundefined'smiley-more').style.display = 'inline';
document.getElementByIdundefined'smiley-toggle').innerHTML = '<a href="javascript:lessSmiliesundefined)">&#8592;</a></span>';
}
function lessSmiliesundefined) {
document.getElementByIdundefined'smiley-more').style.display = 'none';
document.getElementByIdundefined'smiley-toggle').innerHTML = '<a href="javascript:moreSmiliesundefined)">&#8594;</a>';
}
//]]>
</script>
<div class='emoticons'>
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voiNIw2I/AAAAAAAAASw/aav2hwqeG0c/1.gif'/>:)
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-voq7QQnI/AAAAAAAAAS0/UzoFJOCcPPU/2.gif'/>:undefined
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt_XVZKI/AAAAAAAAATI/Q35_W0anT6A/21.gif'/>:))
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vt5z16MI/AAAAAAAAATE/Hx-7Thmr6do/20.gif'/>:undefinedundefined
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuJ1G41I/AAAAAAAAATM/_jLHXvz6PTg/24.gif'/>=))
<span id='smiley-more' style='display: none;'>
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzUt1yQI/AAAAAAAAATY/QHNvnj0gYbU/41.gif'/>=D&gt;
<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-voxnkRKI/AAAAAAAAAS4/PjDn098vm3w/4.gif'/>:D
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpDb68dI/AAAAAAAAAS8/Yv0Uu3qzG_Q/10.gif'/>:P
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vpLiW1GI/AAAAAAAAATA/fPyPJcBks7s/13.gif'/>:-O
<img src='http://lh5.ggpht.com/_u7a1IFxc4WI/TM-vua5MF2I/AAAAAAAAATU/N4X-ouMd1-I/39.gif'/>:-?
<img src='http://lh4.ggpht.com/_u7a1IFxc4WI/TM-vzUOH79I/AAAAAAAAATc/oNE5H5vcNtI/42.gif'/>:-SS
<img src='http://lh3.ggpht.com/_u7a1IFxc4WI/TM-vz4hwcNI/AAAAAAAAATo/4ySXuvQWma8/104.gif'/>:-t
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vuMg6RQI/AAAAAAAAATQ/rWj7euuKOZs/33.gif'/>[-undefined
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vziH8NXI/AAAAAAAAATg/2evEbN2cJwc/43.gif'/>@-)
<img src='http://lh6.ggpht.com/_u7a1IFxc4WI/TM-vzrqI4MI/AAAAAAAAATk/BhfFnT0Gbro/66.gif'/>b-undefined
</span>
<span id='smiley-toggle'><a href="javascript:moreSmiliesundefined)">&#8594;</a></span>
</div>

ശേഷം
Save Template ക്ലിക്ക്  ചെയ്യുക


credits :  duypham  ..

Read full post →

ട്വിട്ടെരിലും(twitter) ഗ്രൂപ്പ് !!!

ഒരു  ബ്ലോഗ്ഗരെ സംബന്ധിച്ചിടത്തോളം ഫല പ്രദമായി ബ്ലോഗ്‌ പ്രചരിപ്പിക്കുന്നതിനു സഹായകമാണ് സോഷ്യല്‍ മീഡിയ സൈറ്റ് കല്‍ .അവയില്‍ ഏറ്റവും കൂടുതല്‍ ആളുകള്‍ ഉപയോഗിക്കുന്ന ഒന്നാണ്  ട്വിറ്റെര്‍  (twitter).

മുന്‍ കാലങ്ങളില്‍ ഗ്രൂപ്പ് ആയി മെയില്‍ അയക്കുന്നത് പോലെ ഗുണകരമായ ഒരു പ്രക്രിയയാണ്  ഇപ്പോള്‍ സോഷ്യല്‍ മീഡിയ സൈറ്റ് കളില്‍ ഗ്രൂപ്പുകളില്‍ ബ്ലോഗ്‌ പരിചയപ്പെടുത്തുന്നത് . ഗ്രൂപ്പ് അംഗങ്ങള്‍ക്ക്  ബ്ലോഗ്‌ ലിങ്ക് വഴി ബ്ലോഗ്‌ സന്ദര്‍ശിക്കുവാനും ബ്ലോഗിനെ കുറിച്ചുള്ള അഭിപ്രായങ്ങള്‍  ഗ്രൂപ്പില്‍ പങ്കു വെക്കുവാനും ഫേസ് ബുക്ക്‌ ഗ്രൂപ്പുകള്‍ സഹായകമാണ് .

എന്നാല്‍ ട്വിറ്റെര്‍  അല്പം വ്യത്യസ്തമാണ് .നമുക്ക് ഒരുപാട് ആളുകളെ ഫോളോ ചെയ്യുന്ന ഒപ്പം തന്നെ നമുക്ക് ഇഷ്ടമുള്ള ഒരു കൂട്ടം ആളുകളെ ഒരുമിച്ചു ഒരു ഗ്രൂപ്പ് ആയി ഫോളോ ചെയ്യുവാനുള്ള സൗകര്യം ട്വിറ്റെര്‍ ഒരുക്കിയിട്ടു കുറെ നാളുകളായി . ചടങ്ങിനു വേണ്ടി ആളുകളെ ഫോളോ ചെയ്യുന്ന ഒപ്പം തന്നെ ഉപകാര പ്രദമായ വിവരങ്ങള്‍ മാത്രം (വിവിധ വിഷയങ്ങളില്‍ ) നല്‍കുന്ന ആളുകളെ ഗ്രൂപ്പ് ആയി തിരിച്ചു ഫോളോ ചെയ്യുന്നതിന്റെ ഗുണം എന്താണെന്ന് വെച്ചാല്‍ , ട്വിറ്റെര്‍ ഉപയോഗിക്കുമ്പോള്‍ നഷ്ടമാകുവാന്‍ സാദ്ധ്യതയുള്ള   സമയം നമുക്ക്  വളരെ ലാഭിക്കാം എന്നതാണ് . അതായത് നമ്മള്‍  ഗുണകരമായ വിവരങ്ങള്‍ നല്‍കുന്ന ആളുകളുടെ ട്വീറ്റ് കള്‍ മാത്രമേ വായിക്കുന്നുള്ളൂ എന്ന് .

അത് ഇപ്രകാരമാണ് :

നമ്മള്‍ ഒരാളെ ഫോളോ ചെയ്യുമ്പോള്‍ ചിത്രത്തിലേത് പോലെ വലതു ഭാഗത്ത്‌ കാണുന്ന (മനുഷ്യന്റെ  തലയുടെ  രൂപം ശ്രദ്ധിക്കുക ) ബട്ടണ്‍  ക്ലിക്ക് ചെയ്യുമ്പോള്‍  വരുന്ന മെനുവില്‍ "Add to list" ക്ലിക്ക് ചെയ്തു  അദ്ദേഹത്തെ ഒരു ലിസ്റ്റില്‍ (അതായത് ഒരു ഗ്രൂപ്പില്‍) ഉള്‍പെടുത്തുക .

(നിലവില്‍ ഒരു ലിസ്റ്റ് ഇല്ലെങ്കില്‍ ഒരു പുതിയ ലിസ്റ്റ് "Add to list" ക്ലിക്ക് ചെയ്തു  creat a list  വഴി ഉണ്ടാക്കുക )

നമ്മള്‍ ട്വിറ്റെര്‍ വഴി sign in  ചെയ്യുമ്പോള്‍ നമ്മുടെ ഹോം പേജില്‍ വലതു വശത്ത് കാണുന്ന

"Lists" ക്ലിക്ക് ചെയ്‌താല്‍ നമ്മുടെ  ലിസ്റ്റുകള്‍ അഥവാ  ഗ്രൂപ്പുകള്‍  കാണുവാന്‍ കഴിയും .(താഴെ കൊടുത്തിരിക്കുന്ന  ചിത്രം കാണുക )അവിടെ ഒരു ഗ്രൂപ്പില്‍ അഥവാ ലിസ്റ്റില്‍ ക്ലിക്ക് ചെയ്‌താല്‍ നമുക്ക് ഉപകാര പ്രദമായ അറിവുകള്‍ പങ്കു വെക്കുന്നവരുടെ ട്വീറ്റ് കള്‍  വളരെ എളുപ്പത്തില്‍ ലഭിക്കും ...എല്ലാ ട്വീറ്റ് കളും വായിച്ചു സമയം നഷ്ടമാകുന്നത് ഒഴിവാക്കുവാന്‍ കഴിയും ...

Read full post →

Google+1 ഇല്‍ ചേരുവാന്‍ അപേക്ഷിക്കാം

ന്യൂയോര്‍ക്ക്: 50 കോടിയിലധികമാളുകള്‍ ഉപയോഗിക്കുന്ന സോഷ്യല്‍ നെറ്റ്‌വര്‍ക്കിങ് വെബ്‌സൈറ്റായ ഫേസ്ബുക്കിനോട് കിടപിടിക്കാന്‍ ഗൂഗിള്‍ പ്ലസ് എന്നപേരില്‍ പുതിയ സൈറ്റിന് സേര്‍ച്ച് എന്‍ജിന്‍ ഭീമന്‍മാരായ ഗൂഗിള്‍ തുടക്കം കുറിച്ചു. ഫോട്ടോകളും സന്ദേശങ്ങളും നവീനരീതിയില്‍ പോസ്റ്റ് ചെയ്യാന്‍ കഴിയുന്നതിനോടൊപ്പം വിവിധസൗഹൃദഗ്രൂപ്പുകള്‍ തമ്മില്‍ പെട്ടെന്ന് ബന്ധം സ്ഥാപിക്കാന്‍ കഴിയുന്നുവെന്നാണ് സൈറ്റിന്റെ  പ്രത്യേകതയെന്ന് ഗൂഗിള്‍ വൈസ്്രപസിഡന്റ് അദ്ദേഹത്തിന്റെ ബ്ലോഗില്‍ കുറിച്ചു. വീഡിയോ ചാറ്റിങിനുള്ള സീകര്യവും ഗൂഗിള്‍ പ്ലസിലുണ്ട്. എന്നാല്‍ ഫേസ്ബുക്കിന്റെ തന്നെ ചില സവിശേഷതകള്‍ ഗൂഗിള്‍ പ്ലസില്‍ ഉപയോഗപ്പെടുത്തിയിട്ടേയുള്ളൂവെന്ന് ചിലര്‍ പറയുന്നു.

ഇന്റര്‍െനറ്റിലൂെടയുള്ള  വിവരശേഖരണത്തിനായി ലോകത്തെ മൂന്നില്‍ രണ്ടാളുകളും ഉപയോഗിക്കുന്നത് ഗൂഗിളിന്റെ സെര്‍ച്ച് എഞ്ചിനാണ്. എന്നാല്‍ ഫേസ്ബുക്കിന്റെ രംഗപ്രവേശത്തോടെ ഗൂഗിളിന്റെ പ്രഭാവത്തില്‍ നിഴല്‍ വീണിട്ടുണ്ട്.  ഗൂഗിള്‍ വേവ്, ഗൂഗിള്‍ ബസ് എന്നീ സോഷ്യല്‍ നെറ്റ്‌വര്‍ക്കിങ് സൈറ്റുകള്‍ ഗൂഗിള്‍ ആരംഭിച്ചുവെങ്കിലും അതോന്നും വേണ്ടത്ര ്രശദ്ധിക്കപ്പെട്ടിരുന്നില്ല.

വിവിധ സൗഹൃദഗ്രൂപ്പുകളുമായി എളുപ്പം ആശയവിനിമയം നടത്താന്‍ കഴിയുന്ന സര്‍ക്കിള്‍സ്, വീഡിയോ ചാറ്റിങ്ങിന്  സഹായിക്കുന്ന ഹാങൗട്ട്‌സ്, ഗ്രൂപ്പുകള്‍ തമ്മില്‍ എളുപ്പത്തില്‍ സന്ദേശകൈമാറ്റത്തിനുപയോഗിക്കുന്ന ഹഡില്‍, ഒരേ വിഷയത്തില്‍  താല്‍പര്യമുള്ളവരെ തമ്മില്‍ ബന്ധിപ്പിക്കുന്ന സ്‌പാര്‍ക്ക്‌സ് എന്നിവയാണ് ഗൂഗിള്‍ പ്ലസിന്റെ പ്രത്യേകതയായി അധികൃതര്‍ എടുത്തുകാണിക്കുന്നത്.

ഇപ്പോള്‍ വളരെക്കുറച്ചാളുകളാണ് ഗൂഗിള്‍ പ്ലസ് ഉപയോഗിക്കുന്നതെങ്കിലും വരുംദിനങ്ങളില്‍ ദശലക്ഷക്കണക്കിനാളുകള്‍ ഈ വെബ്‌സൈറ്റ് ഉപയോഗിക്കുമെന്നാണ് തങ്ങള്‍ കരുതുന്നതെന്ന് കമ്പനി പ്രതീക്ഷിക്കുന്നതായി വക്താക്കള്‍ പറഞ്ഞു.

[madhyamam 2011 june 30]


   ഇല്‍  ചേരുവാന്‍
ഇവിടെ ക്ലിക്ക് ചെയ്യൂ.

ശേഷം   വരുന്ന പേജില്‍

Keep Me Posted

 എന്ന് കാണുന്നിടത്ത്    ക്ലിക്ക് ചെയ്തു നമ്മുടെ പേര് , ഇ മെയില്‍ അഡ്രെസ്സ്  എന്നിവ നല്‍കി കാത്തിരിക്കാം ...

നമ്മുടെ ബ്ലോഗില്‍ ഇത്തരമൊരു ബട്ടണ്‍ കൂടി ചേര്‍ക്കുവാന്‍ ...:)

Read full post →

ബ്ലോഗ്‌ ഒന്ന് ചെക്ക്‌ ചെയ്താലോ ?

ആവേശ പൂര്‍വ്വം   ബ്ലോഗ്‌ തുടങ്ങി  കുറച്ചു നാള്‍ കഴിയുമ്പോള്‍ മിക്ക ബ്ലോഗ്‌ എഴുത്തുകാര്‍ക്കും ഒരു  ഉഷാറില്ലായ്മ്മ ഉണ്ടാവാറുണ്ട് .('writers block'  എന്ന് പറയാമോ ... എന്തോ ? ) . അത്തരം അവസ്ഥ ഉണ്ടാവുമ്പോള്‍ പുതിയൊരു എനെര്‍ജി കിട്ടാന്‍  ബ്ലോഗില്‍  ചില  മിനുക്ക്‌ പണികളൊക്കെ    ആവാം. .

നമ്മുടെ ബ്ലോഗിന്റെ ഇത് വരെയുള്ള പലതരം   അവസ്ഥകള്‍ ഒന്ന് ചെക്ക്‌ ചെയ്യുവാന്‍  വേണ്ടി ഉള്ള ചില ടൂളുകള്‍ ഇവിടെ ക്ലിക്കിയാല്‍   കാണാം . നമ്മുടെ ബ്ലോഗും ഈ ടൂളുകള്‍ ഉപയ്ടോഗിച്ചു ഒന്ന് ചെക്ക് ചെയ്യാം .

ഈ ടൂള്‍ വഴി അറിയുവാന്‍ കഴിയുന്ന കാര്യങ്ങള്‍ ഇവയാണ് .

1. load time       :ബ്ലോഗ്‌  ലോഡ് ആകുവാന്‍ എടുക്കുന്ന സമയം
2. Google Page Rank  : ഗൂഗിള്‍  പേജ് റാങ്ക്
3. backlinks :(മറ്റു സൈറ്റുകളില്‍ നമ്മുടെ ബ്ലോഗ്‌ ലിങ്ക്  വരുന്നത് എവിടെയൊക്കെ എന്നാണെന്ന് തോന്നുന്നു  )
4. broken links :(നമ്മുടെ  ബ്ലോഗിലെ  പ്രവര്‍ത്തിക്കാത്ത ലിങ്കുകള്‍  ആയിരിക്കും  അല്ലെ  ? )
5. reciprocal link :(ബ്ലോഗില്‍ ലിങ്ക് ഇടാമെന്ന് പറഞ്ഞ  ആരെങ്കിലും പറ്റിച്ചോ എന്നറിയാനായിരിക്കും  )
6. meta tags               :  Meta element

Read full post →

'Add to Blogger ' ബട്ടണ്‍ ബ്ലോഗില്‍ കൊടുക്കാം

==================================================================

താഴെ കാണുന്ന ചിത്രം ക്ലിക്ക് ചെയ്താല്‍ വളരെ എളുപ്പത്തില്‍  ഈ ചിത്രം(image link)  താങ്കളുടെ ബ്ലോഗില്‍ ചേര്‍ക്കുവാന്‍ കഴിയും

==================================================================

മുകളില്‍ കാണുന്ന 'Add to Blogger '  എന്ന ബട്ടണ്‍ നമ്മുടെ ബ്ലോഗിന്റെ സൈഡില്‍  നല്‍കിയാല്‍ നമ്മുടെ ബ്ലോഗിന്റെ  ഇമേജ്  ലിങ്ക് ഒറ്റ ക്ലിക്ക് വഴി നമ്മുടെ സുഹൃത്തുക്കള്‍ക്ക്  അവരുടെ ബ്ലോഗില്‍ ചേര്‍ക്കുവാന്‍ കഴിയും . അതിനായി താഴെ കൊടുത്തിട്ടുള്ള കോഡ് ഒരു  HTML/Javascript വിട്ജെറ്റ്‌  വഴി നമ്മുടെ ബ്ലോഗില്‍ നല്‍കിയാല്‍ മതി .

(ആദ്യം HTML/Javascript  വിട്ജെടില്‍   താങ്കളുടെ ബ്ലോഗിന്റെ   PICTURE  ഇമേജ്  കോഡ് കൊടുത്ത ശേഷം മാത്രം താഴെ കൊടുത്തിരിക്കുന്ന കോഡ്  കൂടി  ചേര്‍ക്കുക. അപ്പോള്‍ മുകളില്‍ ബ്ലോഗിന്റെ  PICTURE  ഇമേജും താഴെ 'Add to Blogger '  ബട്ടണും കാണാം .അതായത് ഈ ബ്ലോഗ്‌ പോസ്റ്റിന്റെ തുടക്കത്തിലും ഈ ബ്ലോഗിന്റെ  സൈഡ് ബാറില്‍   ഏറ്റവും താഴെയും കാണുന്നത് പോലെ ...  )

<div align="center">
താഴെ കാണുന്ന ചിത്രം ക്ലിക്ക് ചെയ്താല്‍ വളരെ എളുപ്പത്തില്‍ ഈ ചിത്രം(image link)  താങ്കളുടെ ബ്ലോഗില്‍ ചേര്‍ക്കുവാന്‍ കഴിയും
<form action="http://www.blogger.com/add-widget" method="POST" target="_blank">
<input name="widget.content" type="hidden" value="&lt;div align=&quot;center&quot;&gt;
&lt;a href=&quot;http://malayalambloghelp.blogspot.com&quot;&gt;&lt;img border=&quot;0&quot; src=&quot;http://i1211.photobucket.com/albums/cc426/nishku/no-background.gif&quot; /&gt;&lt;/a&gt; " />
<input name="widget.template" type="hidden" value="&lt;data:content/&gt;" />
<input alt="Submit" src="http://www.blogger.com/img/add/add2blogger_lg.gif" type="image" value="Submit" /></form>
</div>

IMPORTANT : ചുവന്ന അക്ഷരത്തില്‍ കൊടുത്തിട്ടുള്ള  http://malayalambloghelp.blogspot.com  മാറ്റി താങ്കളുടെ ബ്ലോഗിന്റെ  ലിങ്ക് കൊടുത്ത ശേഷം സേവ് ചെയ്യുക .

Read full post →

ബ്ലോഗിന്റെ തലക്കെട്ടിനു fade എഫ്ഫക്റ്റ്‌ നല്‍കാം

നമ്മുടെ ബ്ലോഗിന്റെ തലക്കെട്ടിനു ചെറിയൊരു  fade  എഫ്ഫക്റ്റ്‌   നല്‍കിയാല്‍ അത് ബ്ലോഗിന്റെ ഭംഗി കൂട്ടും .അത് വളരെ എളുപ്പവുമാണ് . അതിനായി 

ആദ്യമായി blogger.com ഇല്‍ sign in ചെയ്യുക

ശേഷം  ഒരു ബ്ലോഗിന്റെ Design എന്ന  ഭാഗത്ത്‌  ക്ലിക്ക്  ചെയ്യുക 

അപ്പോള്‍ കിട്ടുന്ന പേജില്‍  Edit HTML എന്ന ഭാഗത്ത്‌ ക്ലിക്ക് ചെയ്യുക.
ശേഷം

color: $(header.text.color);

എന്ന  കോഡ് കണ്ടു  പിടിക്കുക . അതിന്റെ തൊട്ടു  അടുത്തായി   താഴെ കൊടുത്തിരിക്കുന്നത്‌  കോപ്പി ചെയ്തു പേസ്റ്റ് ചെയ്യുക .

text-shadow: 4px 4px 4px #000;

വീണ്ടും താഴെ കൊടുത്തിരിക്കുന്ന കോഡ് കൂടി കണ്ടു  പിടിക്കുക .

.Header h1 a {
  color: $(header.text.color);

അതിന്റെ ശേഷവും ഇതേ കോഡ്  വീണ്ടും  പേസ്റ്റ് ചെയ്യുക .

text-shadow: 4px 4px 4px #000;

മുകളില്‍ കൊടുത്തിട്ടുള്ള കോഡ് കളില്‍ മാറ്റം വരുത്താവുന്നതാണ് .

4px , #000  എന്നീ കോഡുകള്‍ മാറ്റി നമുക്ക് ഇഷ്ടമുള്ള  കളറും fade  എഫ്ഫക്റ്റ്‌  ന്റെ  ചെരിവും  മാറ്റാം . 


കോഡ്  ചേര്‍ക്കുന്നതിനു  മുന്‍പും  ശേഷവും  ഉള്ള ടെമ്പ്ലേറ്റ് ന്റെ സ്ക്രീന്‍ ഷോട്ട്  താഴെ കാണുക  

കോഡ്  ചേര്‍ക്കുന്നതിനു  മുന്‍പ്

കോഡ്  ചേര്‍ത്ത ശേഷം



ഇനി    Save Template  ക്ലിക്ക് ചെയ്തു ബ്ലോഗ്‌ നോക്കുക .

താഴെ ചില ഉദാഹരണങ്ങള്‍ കാണാം .

കോഡ് ചേര്‍ക്കുന്നതിനു മുന്‍പുള്ള ബ്ലോഗിന്റെ തലക്കെട്ട്‌ 

കോഡ് ചേര്‍ത്ത ശേഷമുള്ള ബ്ലോഗിന്റെ തലക്കെട്ട്‌ 

മറ്റൊരു നിറം  ചേര്‍ത്തപ്പോള്‍ ബ്ലോഗിന്റെ തലക്കെട്ട്‌ 

വീണ്ടും മറ്റൊരു നിറം  ചേര്‍ത്തപ്പോള്‍ ബ്ലോഗിന്റെ തലക്കെട്ട്‌

Read full post →