ഒരു spreadsheet ആപ്ലിക്കേഷനോ അല്ലങ്കിൽ word ആപ്ലിക്കേഷനോ presentationനോ ബ്ലോഗിലേക്ക് കൊണ്ടുവരണമെങ്കിൽ ഇതാ ഒരു വഴി.
ഓഫ്ലൈനായി തയാറാക്കിയതോ ഓൺലൈനായി നിർമ്മിച്ചതോ ആയ ഒരു spreadsheet ആപ്ലിക്കേഷൻ ബ്ലോഗിൽ പ്രദർശിപ്പിക്കുന്ന രീതി ഇവിടെ വിവരിക്കുന്നു. documentsകളും presentationsഉം ഈ രീതിയിൽ നിങ്ങൾക്ക് ബ്ലോഗിൽ കൊണ്ടുവരാവുന്നതാണ്.
ആദ്യം Google Docs വന്ന് Sign in ചെയ്യുക.Create New എന്ന ബട്ടൺ അമർത്തി പുതിയ ആപ്ലിക്കേഷൻ നമുക്ക് നിർമ്മിച്ച് സേവ് ചെയ്യാവുന്നതാണ്.അല്ലങ്കിൽ നേരത്തെ തയാറാക്കിയ ഒരു ആപ്ലിക്കേഷൻ upload എന്ന ബട്ടൺ അമർത്തി ഇതിലേക്ക് കൊണ്ടുവരാവുന്നതാണ്.
പുതിയ ഒരു ഫയൽ നിമ്മിച്ച് സേവ് ചെയ്യുകയോ അല്ലങ്കിൽ അപ്ലോഡ് ചെയ്യുകയോ ചെയ്താൽ അത് ഏറ്റവും മുകളിലായി ലിസ്റ്റ് ചെയ്യും.ഇനി അത് സെലക്ട് ചെയ്ത് (ഇടതുവശത്തുള്ള കോളത്തിൽ ടിക്ക് ചെയ്ത്) share എന്ന ബട്ടണിൽ അമർത്തി Sharing settingsൽ എത്തുക.
അപ്പോൾ കിട്ടുന്ന വിൻഡോയിൽ നിന്ന് നമുക്ക് Permissions മാറ്റം വരുത്താവുന്നതാണ്.അത് ഡിഫാൾടായി Private ലായിരിക്കും set ചെതിട്ടുണ്ടാവുക.Change എന്നലിങ്കിൽ അമർത്തി Public on the web എന്ന ഓപ്ക്ഷൻ തിരഞ്ഞെടുത്ത് സേവ് ചെയ്യുക.അതോടൊപ്പം "Paste this link in email or IM" എന്ന ലേബലിൽ ഒരു ലിങ്ക് നമുക്ക് ലഭിക്കും അത് കോപ്പി ചെയ്ത് എടുക്കുക
ഇനി ബ്ലോഗറിൽ പോസ്റ്റിൽ Edit Html എന്ന ടാബിൽ താഴെ തരുന്ന കോഡിനോടൊപ്പം പേസ്റ്റ് ചെയ്യുക
<iframe src ="https://spreadsheets.google.com/ccc?key=0AgmvDM0neMPldGdBdEdVa2FTOFpCNlE2cFF2Yy1JRmc&hl=en" width="100%" height="700">
<p>Your browser does not support this application.</p>
</iframe>
(നീല നിറത്തിൽ കാണുന്ന ഭാഗം വേണമെങ്കിൽ മാറ്റാവുന്നതാണ്.ചുവപ്പ് നിറത്തിൽ കാണുന്ന ഭാഗത്ത് കോപ്പി ചെയ്തെടുത്ത ലിങ്ക് ഉപയോഗിക്കുക.)
ബ്ലോഗിൽ ഓഫീസ് ആപ്ലിക്കേഷൻസ്
Posted by Luttu at 5:56 PM 7 comments
Labels: ഗൂഗിള്, ടിപ്പുകള്, ബ്ലോഗര്, HTML
മഹത്വചനങ്ങള് നിങ്ങളുടെ ബ്ലോഗില്
മഹത്വചനങ്ങള് നിങ്ങളുടെ ബ്ലോഗില് widget ആയി ഡിസ്പ്ലേ ചെയ്യാന് കഴിയുന്ന ഒരു ജാവസ്ക്രിപ്റ്റ് ഞാന് എഴുതി.മലയാളത്തില് അവ നിങ്ങളുടെ ബ്ലോഗില് ഡിസ്പ്ലേ ചെയ്യും.ഓരോ പ്രവശ്യവും പേജ് റീഫ്രഷ് ആകുമ്പോഴും പഴയതുമാറി പുതിയ ഒന്ന് വരും.
താഴെ തരുന്ന കോഡ് നിങ്ങളുടെ ബ്ലോഗിന്റെ Layout->Add a Gadget->HTML/JavaScript ല് പേസ്റ്റ് ചെയ്താല് മതി.ഇവ ഓരോദിവസവും ഞാന് അപ്ഡേറ്റ് ചെയ്യുന്നതുമാണ്.
<script src="
https://ef719594-a-62cb3a1a-s-sites.googlegroups.com/site/manojps/quo.js" type="text/javascript">
</script>
Posted by Luttu at 10:29 AM 3 comments
Labels: ടിപ്പുകള്, രൂപ ഭംഗി, HTML
നിങ്ങള് അയച്ച ഇ-മെയില് ട്രാക്ക് ചെയ്യാന് (email tracking )
നെറ്റില് വെറുതെ ചുറ്റികറങ്ങുന്നതിനിടയില് രസകരമായ ഒരു സൈറ്റില് എത്തി.അതിവിടെ വിളമ്പുന്നു (ചിലപ്പോള് ഈ ഭൂമിമലയാളത്തില് ഞാന് മാത്രമേ ഇതുവരെ ഇതറിയാത്തതായി ഉണ്ടാവുള്ളു..!!)നിങ്ങളയച്ച ഒരു ഇ-മെയില് ട്രാക്ക് ചെയ്യുക..!! അത് ലഭിച്ചയാള് എപ്പോള് അത് വായിച്ചു;ഏതു ബ്രൗസര് ഉപയോഗിച്ചു..;എത്രനേരം തുറന്നുവെച്ചു..ഏതുരാജ്യത്തുനിന്ന്...തുടങ്ങി ധാരാളം വിവരങ്ങള്....!!ഇ-മെയില് ലഭിക്കുന്നയാള് ഈ വിവരം ഒന്നും അറിയുകയേയില്ല.
ആദ്യം ഇവിടെ വന്ന് ഒരു പുതിയ അക്കൗണ്ട് തുടങ്ങുക.അക്കൗണ്ട് ക്രിയേറ്റ് ചെയ്തുകഴിഞ്ഞ് ട്രാക്ക്ചെയ്യാന് ഉദ്ദേശിക്കുന്ന ഇ-മയിലിന്റെ അവസാനം .readnotify.com എന്നുകൂടി കൂട്ടിചേര്ക്കുക.
ഉദാ:yourid@yahoo.com.readnotify.com
ആ ഇ-മെയില് അത് ലഭിച്ചയാള് തുറന്നുകഴിഞ്ഞാലുടന്തന്നെ റിപ്പോര്ട്ടുകള് നിങ്ങള്ക്ക് ഇ-മെയിലായി ലഭിക്കും
(സൂക്ഷിച്ചോളൂ...കൂട്ടുകാര് അയച്ച ഇ-മെയില് ഇനി കണ്ടില്ലായിരുന്നു എന്നു പറഞ്ഞ് രക്ഷപെടാന് പറ്റില്ല...)
Posted by Luttu at 8:49 AM 6 comments
Labels: ഇ-മെയില്, ടിപ്പുകള്
നമ്മുടെ ബ്ലോഗിന് ഒരു ഡാറ്റാബേസ്
നമ്മുടെ ബ്ലോഗിന് ഒരു ഡാറ്റാബേസ് ഉണ്ടെങ്കില്..!!അത് നമുക്ക് പല കാര്യങ്ങള്ക്കും ഉപയോഗിക്കാം,ബ്ലോഗുവഴി എന്തെങ്കിലും വില്ക്കണമെങ്കിലോ,നിങ്ങള് സംഘടിപ്പിക്കുന്ന ഒരു ശില്പശാലയിലേക്ക് ആളുകളുടെ രജിസ്റ്റ്ര്ഷന് നടത്തണമെങ്കിലോ,അതുമല്ലങ്കില് നിങ്ങളുടെ ബ്ലോഗിന് ഒരു ഫീഡ്ബാക് പേജ് നിര്മ്മിക്കാനോ തുടങ്ങി പലക്കര്യങ്ങള്ക്കും അത് ഉപയോഗപ്പെടുത്താം.
കുറച്ച് പരിശ്രമിച്ചാല് വളരെയെളുപ്പം ഇങ്ങനെയൊന്ന് നിങ്ങള്ക്കും നിര്മ്മിക്കാം.അതും തീര്ത്തും മലയാളത്തില്.!!
ഇവിടെ ഞാന് നിങ്ങളുടെ ബ്ലോഗിന് ഒരു Feedback പേജ് നിര്മ്മിക്കുന്ന വിധം പരിചയപ്പെടുത്തുന്നു.
ഇങ്ങനെ നിങ്ങളുടെ ബ്ലോഗില് നിന്ന് നിങ്ങള്ക്ക് ലഭികേണ്ട ഡാറ്റക്കനുസരിച്ച് നിങ്ങള് പേജ് നിര്മ്മിച്ചോളൂ. ഞാന് ചെയ്യുന്ന രീതിയില് തന്നെ ചെയ്യണമെന്നേ ഇല്ല...നിങ്ങളുടെ ഇഷ്ടത്തിനും അഭിരുചിക്കും അനുസരിച്ച് നിര്മ്മിച്ചോളൂ...(പേജിന്റെ ലിങ്ക് എനിക്ക് അയച്ചുതന്നാല് പെരുത്ത് സന്തോഷം..)
ആദ്യം നിങ്ങളുടെ ബ്ലോഗില് Sign in ചെയ്ത് Dashboard ല് എത്തുക.പുതിയ ഒരു ബ്ലോഗ് തുടങ്ങുക.ബ്ലോഗിന്റെ അഡ്രസ് 'http://നിങ്ങളുടെ പേര്-feedback.blogspot.com' എന്ന ഫോര്മാറ്റിലായാല് നല്ലത്.ഇനി നിര്മ്മിച്ച ബ്ലോഗിന്റെ Layout->Pick New Template എന്നിങ്ങനെ എത്തുക.ആ ലിസ്റ്റിന്റെ അവസാനം "Simple II" എന്ന ഒരു ടംപ്ലേറ്റ് ഉണ്ട്.അത് തിരഞ്ഞെടുത്ത് Save Template എന്ന ബട്ടണ് അമര്ത്തുക.
അതോടുകൂടി ബ്ലോഗിന്റെ ടമ്പ്ലേറ്റ് "Simple II" ആയിക്കഴിഞ്ഞു.ഇനി ഈ ബ്ലോഗ് സേര്ച്ച് എന്ജിനിലോ അഗ്രിഗേറ്ററുകളിലൊ ഇന്ഡക്സ് ചെയ്യിപ്പിക്കണമെന്നില്ല.ഇനി ഇന്ഡക്സ് ചെയ്യിപ്പിക്കണമെങ്കില് തുടര്ന്ന് പറയുന്ന സ്റ്റെപ് ചെയ്യണമെന്നില്ല.
ഈ ബ്ലോഗിന്റെ Settings->Basic എന്നിങ്ങനെ എത്തുക.അതില് Add your blog to our listings? എന്നത് NO എന്നും Let search engines find your blog? എന്നതില് No എന്നും ആക്കുക.താഴെയുള്ള ബട്ടണമര്ത്തി സേവ് ചെയ്യുക.ഇനി Site Feed എന്ന ടാബിലെത്തി Allow Blog Feeds എന്നുള്ളത് None എന്നാക്കുക.ഇനി Dashboard ലെ Edit Profile ല് എത്തി Select blogs to display എന്ന ലിങ്കില് ക്ലിക്ക് ചെയ്യുക.അതില് ഇപ്പോള് നിര്മ്മിച്ച ബ്ലോഗിന് നേരെയുള്ള ടിക്ക് ഒഴിവാക്കുക.
ഇനി ഒരു ആ ബ്ലോഗില് ഒരു പുതിയ പോസ്റ്റ് നിര്മ്മിക്കണം
പോസ്റ്റ്ന്റെ Title "Thank You" എന്ന് നല്കുക. ഈ പേജ് നിങ്ങളുടെ ഫീഡ്ബാക്ക് പേജിലെത്തി നിങ്ങള്ക്ക് സന്ദേശം അയച്ചുകഴിഞ്ഞ യൂസര്ക്ക് നന്ദിപറയാന് ഡിസ്പ്ലേ ചെയ്യുന്ന പേജാണ്.അത് താഴെതരുന്ന വിധമോ മറ്റോ നിര്മ്മിക്കുക..
താങ്കളുടെ അഭിപ്രായത്തിന് വളരെ നന്ദി.ഉടന് തന്നെ ഞാന് താങ്കളുമായി ബന്ധപ്പെടുന്നതാണ്.
ഇനി ആ പേജ് പബ്ലീഷ് ചെയ്യുക.
ഇത്രയും കാര്യങ്ങള് നിങ്ങളുടെ ഭാവനക്കനുസരിച്ച് ചെയ്യുക.
ഇനി ഇവിടെ വന്ന് Sign up ചെയ്യുക
Personal Free Edition തിരഞ്ഞെടുത്താല് മതിയാവും .വേണ്ട വിവരങ്ങളെല്ലാം നല്കുക.മെയില് ആക്ടിവേഷന് പേജിന് Continue നല്കുക.അടുത്ത പേജില് Start Creating your application എന്ന ലിങ്കില് ക്ലിക്ക് ചെയ്യുക.Application Name നല്കുക നിര്മ്മിക്കുന്ന Formനും ഒരു പേര് നല്കുക. Use Form Template എന്ന ഓപ്ക്ഷന് തിരഞ്ഞെടുക്കുകയാണെങ്കില് ധാരാളം ടമ്പ്ലേറ്റുകള് നമുക്ക് ലഭിക്കും.അതല്ല നിങ്ങള്ക്ക് ഒരു ഐഡിയ ഉണ്ടെങ്കില് Blank Form എന്നത് തിരഞ്ഞെടുക്കാം.തല്കാലം Use Form Template തിരഞ്ഞെടുക്കുക.അപ്പോള് ധാരാളം ടമ്പ്ലേറ്റുകള് നമുക്ക് ലഭിക്കും.അതില് feedback form തിരഞ്ഞെടുക്കുക.Time Zone for this Application എന്ന ഭാഗത്ത് അതാതു രാജ്യത്തിന്റെ സമയം തിരഞ്ഞെടുക്കുക.ഇന്ഡ്യയില്നിന്ന് ബ്ലോഗുന്നവര്:5.30 india standard time നല്കുക.This application is എന്നഭാഗത്ത് Public എന്നും നല്കി create now എന്ന ബട്ടണ് അമര്ത്തുക.
ഇപ്പോള് കാണുന്ന പേജിലാണ് നമ്മുടെ ആപ്ലിക്കേഷന്റെ രൂപപ്പെടുത്തല് നടത്തേണ്ടത്.INSERT FIELDS എന്നഭാഗത്ത് കാണുന്നതാണ് ടൂളുകള്.അതില് ഏത് ടൂളുവേണമെങ്കിലും നമുക്ക് ഡ്രാഗ്ചെയ്ത് ഫോമിലേക്ക് കൊണ്ടുവരാം.ഇവിടെ നാം ഒരു single line എന്ന ടൂള് നാം ഡ്രാഗ് ചെയ്ത് വെയ്ക്കുക.
ഇനി ഓരോ field ന് മുകളിലും മൗസ് കൊണ്ടുവരുമ്പോള് സൈഡിലായി ഒരു പെന്സില് ടൂള് കാണാം അതില് edit this field എന്നതില് ക്ലിക്ക് ചെയ്യുക.Label Name എന്ന ഭാഗത്ത് യുനീക്കോഡ് മലയാളത്തില് "താങ്കളുടെ ഇ-മെയില് അഡ്രസ്" എന്ന് നല്കി ഡണ് അമര്ത്തുക.അതോടുകൂടി ആ കോളത്തിന്റെ പേര് "താങ്കളുടെ ഇ-മെയില് അഡ്രസ്" എന്നായിമാറും.
ഇനി അടുത്ത ഫില്ഡായ Dropdown field എഡിറ്റ് ചെയ്യുക Label Name "വിഷയം" എന്ന് നല്കുക. Enter Choices എന്ന ഭാഗത്ത് കാണുന്ന കോളങ്ങളില് അവ നല്കാം.ഞാന് ഇവിടെ നല്കുന്നത് ഇപ്രകാരമാണ്
.അഭിപ്രായം
.വിമര്ശനം
.സഹായം
.നിര്ദ്ദേശം
കോളങ്ങള് ഇനിയും വേണമെങ്കില് + ചിഹ്നം അമര്ത്തിയാല് മതി.കോളം ഡിലീറ്റ് ചെയ്യാന് - ചിഹ്നവും.പൂര്ത്തിയായാല് ഡണ് അമര്ത്തുക
സിംഗിള് ലൈന് എഡിറ്റ് ചെയ്ത് ലേബല് "താങ്കളുടെ ഫോണ് നമ്പര്" എന്നാക്കി field type:Number ഉം ആക്കുകകമന്റ് എന്ന ഫീല്ഡ് എഡിറ്റ് ചെയ്ത് ലേബല് "അഭിപ്രായം" എന്നാക്കുക..ഈ രീതിയില് നിങ്ങള്ക്ക് എത്ര ടൂളുകള് വേണമെങ്കിലും ഉപയോഗിക്കാം.ഫോമിനുമുകളിലുള്ള More Actions എന്നലിങ്കില് ക്ലിക്ക് ചെയ്യുമ്പോള് ഒരു മെനു കാണാവുന്നതാണ്.അതിലെ set email notification എന്ന ലിങ്കില് ക്ലിക്ക് ചെയ്യുമ്പോള് വരുന്ന പേജിലെ To: എന്നതില് നിങ്ങളുടെ e-mail അഡ്രസ് നല്കുക.Include user submitted data എന്നതില് ടിക്കുകൂടി നല്കുക.ഡണ് നല്കുക.
ഇനി Access this application എന്ന ബട്ടണ് അമര്ത്തുക. അടുത്ത പേജിലെ More Actions എന്ന ലിങ്കില് ക്ലിക്ക് ചെയ്യുക.അതിലെ Embed in your websie എന്ന ലിങ്കിലും ക്ലിക്ക് ചെയ്യുക.അപ്പോള് വരുന്ന വിന്ഡോയിലെ custonize items എന്നതില് ക്ലിക്ക് ചെയ്യുക.Button Labels ലെ submit ഡിലീറ്റ് ചെയ്ത് "സമര്പ്പിക്കുക" എന്നും Reset എന്നത് "തിരുത്തുക" എന്നും ആക്കുക Next URL എന്ന കോളത്തില് നിങ്ങള് നേരത്തെ നിര്മ്മിച്ച താങ്ക്സ് പേജിന്റെ മുഴുവന് url ഉം നല്കുക.(പോസ്റ്റിന്റെ തലക്കെട്ടില് ഒന്ന് ക്ലിക്ക് ചെയ്താല് ബ്ലോഗ് ഒന്ന് റീലോഡാകും.അപ്പോള് അഡ്രസ്ബാറില്നിന്ന് പോസ്റ്റിന്റെ മുഴുവന് അഡ്രസും കോപ്പി ചെയ്യാം) Success Message എന്ന കോളത്തില് "നന്ദി,താങ്കളുടെ സന്ദേശം അയക്കപ്പെട്ടിരിക്കുന്നു"എന്നും നല്കുക Customize Look എന്നതില് ക്ലിക്ക് ചെയ്ത് നിങ്ങളുടെ ബ്ലോഗിന് ചേരുന്ന വിധം ആപ്ലിക്കേഷനെ അണിയിച്ചൊരുക്കാം.ഇനി താഴെക്കാണുന്ന കോളത്തില്നിന്ന് html കോഡ് കോപ്പിചെയ്ത് നിങ്ങളുടെ ബ്ലോഗിലെ Posting->Create->edit html എത്തി പേസ്റ്റ് ചെയ്യുക.
ഇനി പബ്ലീഷ് ചെയ്തുനോക്കൂ....
അവിടെനിന്ന് ലഭിക്കുന്ന എല്ലാ ഡാറ്റയും നിങ്ങള്ക്ക് ഇ-മെയിലായി ലഭിക്കും. അല്ലങ്കില് നിങ്ങളുടെ zoho അക്കൗണ്ടില് ലോഗിന് ചെയ്തും അറിയാം. ആ പേജിന്റെ ഒരു ലിങ്ക് നിങ്ങളുടെ പ്രധാന ബ്ലോഗില് നല്കൂ... ഇതാ നാം നിര്മ്മിച്ച് ആപ്ലിക്കേഷന്
Posted by Luttu at 6:28 PM 8 comments
Labels: ടിപ്പുകള്, ബ്ലോഗര്, രൂപ ഭംഗി
നിങ്ങളുടെ പോസ്റ്റിന്റെ അടിയില് കമന്റ് ബോക്സ് add a comment form beneath blog posts
സധാരണ ഒരു പോസ്റ്റില് കമന്റ് ചെയ്യാനായി നാം ആ പോസ്റ്റിന്റെ താഴെയുള്ള Post a comment എന്ന ലിങ്കില് ക്ലിക്ക് ചെയ്യുമ്പോള് പുതിയ ഒരു പേജ് തുറക്കുകയും അതിലെ ബോക്സില് കമന്റ് ഇടുകയുമാണ് ചെയ്യുന്നത്.ഇത് കുറച്ച് സമയമെടുക്കുന്ന ഒരു പ്രവര്ത്തനമാണ്.എന്നാല് ചില ബ്ലോഗില് പോസ്റ്റിന്റെ താഴെ comment form embedded ചെയ്തിരിക്കുന്നത് നിങ്ങള് കണ്ടിരിക്കും.
ഇങ്ങനെയൊന്ന് നിങ്ങളുടെ ബോഗില് എളുപ്പം നിര്മ്മിക്കാംആദ്യം Blogger in draft ല് Sign in ചെയ്യുക.(Blogger in draft എന്നത് ബ്ലോഗറിന്റെ ഒരു സ്പെഷ്യല് വേര്ഷനാണ്.പുതിയ features ബ്ലോഗറിലേക്ക് കൂട്ടിച്ചേക്കുന്നതിന് മുന്പ് എല്ലാവക്കുമായി ഇവിടെ റിലീസ് ചെയ്യും)
ഇപ്പോള് ഒരു പുതിയ Dashboard കാണാം !.ഇനി Settings>Comments എന്നിങ്ങനെ എത്തുക.Comment Form Placement എന്നതിനു നേരെ Embedded below post സെലക്ട് ചെയ്ത് സേവ് ചെയ്യുക.
ഒരുപക്ഷേ മിക്ക ടമ്പ്ലേറ്റുകളിലും ഇത്രമാത്രം ചെയ്താല് പോര.comment form ഡിസ്പ്ലേ ചെയ്യുന്നില്ലങ്കില് മാത്രം താഴെപ്പറയുന്നതും ചെയ്യുക
Layout>Edit HTML എന്നിങ്ങനെ എത്തുക.Expand widget templates എന്നതില് ടിക്ക് നല്കുക.തുടര്ന്ന് താഴെപ്പറയുന്ന കോഡ് തിരയുക.
<b:include data='post' name='comments' />
ഇനി ആ കോഡിന്റെ താഴെ ഈ ലൈന് കൂട്ടി ചേര്ക്കുക.
<b:include data='post' name='comment-form'/>
ഇനി ടമ്പ്ലേറ്റ് സേവ് ചെയ്തു നോക്കൂ...നിങ്ങളുടെ ബ്ലോഗിനു ചേര്ന്ന comment form കാണാം.
Posted by Luttu at 8:50 AM 12 comments
Labels: കമന്റ്, ടിപ്പുകള്, രൂപ ഭംഗി
നിങ്ങളുടെ ബ്ലോഗിന്റെ ഐക്കണ്
ചില വെബ്ബ് സൈറ്റില് നാമെത്തുമ്പോള് (ഉദാ:(blogger,yahoo..cnn..) ആ സൈറ്റിന്റെ ലോഗോയോ എമ്പ്ലമോ അല്ലങ്കില് അതുപോലെ മേറ്റെന്തെങ്കിലും ആ വെബ്ബ് സൈറ്റിന്റെ ഐക്കണായി ബ്രൗസറിന്റെ അഡ്രസ്ബാറില് നമുക്ക് കാണാം.
Favicons Icons എന്നാണ് ഇവയെ വിളിക്കുന്നത്(Internet Explorer6 ചിലപ്പോള് അത് കാണിക്കറില്ല Mozilla Firefox,IE 7,Opera തുടങ്ങിയവയില് ഇവ കാണിക്കറുണ്ട്.IE6-ല് bookmark ചെയ്യുമ്പോള് ഇവ കാണാറുണ്ട്.)നമ്മുടെ ബ്ലോഗിനും ഇങ്ങനെ ഒന്ന് നിര്മ്മിച്ചാലോ? വളരെയെളുപ്പമാണിത്.....
ഐക്കണ് നിര്മ്മിക്കാന് ധാരാളം സോഫ്റ്റ്വേറുകള് ഇന്ന് നെറ്റില്നിന്ന് നമുക്ക് കിട്ടും.
'.ico' എക്സ്റ്റണ്ഷനിലുള്ള ഇമേജാണ് നിര്മ്മിക്കേണ്ടത്.32pix: X 32pix: ലുള്ളതോ 16pix: X 16pix:ലുള്ളതോ ആയ ചിത്രം മതി.ഇനി ഫോട്ടോഷോപ്പ് പോലുള്ള സോഫ്റ്റ്വേര് ആണ് ഉപയോഗിക്കുന്നതെങ്കില് '.png' എക്സ്റ്റന്ഷനില് നിര്മ്മിച്ചാലും മതി.ഞാന് നിര്ദേശിക്കുന്ന എളുപ്പ വഴി ഇതാ..
Dynamic Favicon for Blogger and Webmaster എന്ന ഒരു വെബ് സൈറ്റുണ്ട്.നിങ്ങള്ക്ക് വേണമെങ്കില് ഫ്രീയായി ഒരു അകൗണ്ട് അവിടെ നിര്മ്മിക്കാം.(നിര്ബന്ധം ഇല്ല).ഇനി "browse" എന്ന ബട്ടണ് അമര്ത്തി നിങ്ങളുടെ കമ്പ്യൂട്ടറിലുള്ള ഒരു ചിത്രം അപ്ലോഡ് ചെയ്യുക.
വളരെയെളുപ്പത്തില് ഒരു ഐക്കണ് ഇമേജ് നിര്മ്മിക്കാം എന്നുമത്രമല്ല,നിങ്ങള് അപ്ലോഡ് ചെയ്ത ചിത്രത്തിന്റെ ഐക്കണ് url ലഭിക്കുകയും ചെയ്യുന്നു.
ആ html കോപ്പി ചെയ്തെടുത്ത് നിങ്ങളുടെ ബ്ലോഗിന്റെ Dashboard ->LAYOUT -> EDIT HTML എന്നിങ്ങനെ എത്തുക.
<head> എന്ന ടാബ് കണ്ടുപിടിക്കുക.അതിന്റെ താഴെ ആ html പേസ്റ്റ് ചെയ്യുക.
ടമ്പ്ലേറ്റ് സേവ് ചെയ്യുക.ഇനി ബ്ലോഗ് ഒന്ന് റീഫ്രഷ് ചെയ്തുനോക്കൂ.
ഇനി വേറെ സോഫ്റ്റ്വേര് ഉപയോഗിച്ചാണ് നിങ്ങള് ഐക്കണ് നിര്മ്മിക്കുന്നതെങ്കിലോ.ആദ്യം നിങ്ങള് നിര്മ്മിച്ച ഐക്കണ് photobucket പോലെയുള്ള ഏതെങ്കിലും സൈറ്റില് ഹോസ്റ്റ് ചെയ്യുക.(blogger .ico എക്സ്റ്റന്ഷഷിലുള്ള ചിത്രങ്ങള് സ്വീകരിക്കില്ല.)അപ്പോള് നമുക്ക് ആ ഐക്കണിന്റെ url കിട്ടും.ഇനി ബ്ലോഗിന്റെ Dashboard ->LAYOUT -> EDIT HTML എന്നിങ്ങനെ എത്തുക.
<head>
എന്നത് തിരയുക.
അതിന്റെ താഴെ ഈ html കോഡ് ഇങ്ങനെ പേസ്റ്റ് ചെയ്യുക
<link href='ഇവിടെ url' rel='shortcut icon' type='image/vnd.microsoft.icon'/>
(ചുവപ്പ് നിറത്തില് കാണിച്ചിരിക്കുന്ന ഭാഗത്ത് നിങ്ങളുടെ ഐക്കണിന്റെ url ആണ് ഉപയോഗിക്കേണ്ടത്)
ഇനി .png ഫോര്മാറ്റാണ് ഉപയോഗിക്കുന്നതെങ്കില് ഇതാ ഇങ്ങനെ
<link href='ഇവിടെ url' rel='shortcut icon' type='image/png'/>
(ചുവപ്പ് നിറത്തില് കാണിച്ചിരിക്കുന്ന ഭാഗത്ത് നിങ്ങളുടെ ഐക്കണിന്റെ url ആണ് ഉപയോഗിക്കേണ്ടത്)
ഇനി .gif ഫോര്മാറ്റാണ് ഉപയോഗിക്കുന്നതെങ്കില് ഇതാ ഇങ്ങനെ
<link href='ഇവിടെ url' rel='shortcut icon' type='image/gif'/>
(ചുവപ്പ് നിറത്തില് കാണിച്ചിരിക്കുന്ന ഭാഗത്ത് നിങ്ങളുടെ ഐക്കണിന്റെ url ആണ് ഉപയോഗിക്കേണ്ടത്)
ഇനി ടമ്പ്ലേറ്റ് സേവ് ചെയ്തു നോക്കൂ..
Posted by Luttu at 8:30 AM 5 comments
Labels: ടിപ്പുകള്, രൂപ ഭംഗി
നിങ്ങളുടെ ബ്ലോഗിന്റെ ലോഡിംഗ് സ്പീഡ്
നിങ്ങളുടെ ബ്ലോഗ് ലോഡ് ചെയ്യാന് എത്ര സമയം എടുക്കുന്നുണ്ട്?പോസ്റ്റുകള് മുഴുവനായി തെളിഞ്ഞുവരാന് വളരെ സമയം എടുക്കുന്നുണ്ടെങ്കില് അത് നിങ്ങളുടെ ബ്ലോഗിന്റെ വിസിറ്റേര്സിനെ കുറക്കും.ഡയല് -അപ്പ് യൂസര്മാരാണങ്കില് അവര് ക്ഷമയോടെ കാത്തിരിക്കുമെന്ന് കരുതാന് പറ്റുമോ?എത്രപെട്ടന്ന് ലോഡാവുന്നോ അത്രയും നല്ലത്.
ഇതാ ലോഡിംഗ് സ്പീഡ് ഓണ്ലൈനായി ചെക്ക് ചെയ്യാന് പറ്റുന്ന ഒരു ടൂള്.(വേറെ പല ടൂളുകളും ഈ സൈറ്റില് നിന്ന് പരീക്ഷിക്കാന് പറ്റും-ഇന്ഡക്സ് ചെക്കര് ,പേജ് റങ്കിംഗ് ചെക്കര്, ..തുടങ്ങി ധാരാളം ടൂള്..!!) ലോഡ് ടൈം 2സെക്കന്റില് കുറവാണെങ്കില് വളരെ നല്ലത് 8സെക്കന്റ് വരെ സ്വീകാര്യമായതാണ്.അതിലും കൂടുതലാണങ്കില് അത് നന്നല്ല.8സെക്കന്റിലും കൂടുതല് ആരുടെയെങ്കിലും ബ്ലോഗിന് എടുക്കുന്നുണ്ടെങ്കില് ഒരു കമന്റിട്ടാല് മതി.....കുറക്കാനുള്ള വഴി ഞാന് ഒരു പോസ്റ്റായി ഇടാം
Posted by Luttu at 9:28 PM 16 comments
Labels: ടിപ്പുകള്
നിങ്ങളുടെ ബ്ലോഗിന്റെ പരസ്യം മറ്റു ബ്ലോഗുകളില്
ചില സൈറ്റിലോ/ബ്ലോഗിലോ നാം എത്തുമ്പോള് ആ സൈറ്റിലെ വിവരങ്ങള് നമ്മുടെ സൈറ്റില് ഒരു Widgets ആയി കാണിക്കാന് അവര് Link to Our Site എന്നെഴുതി ഒരു ടെക്സ്റ്റ് ബോക്സില് കുറച്ച് html കോഡ് നല്കാറുണ്ട്.ആ കോഡ് നാം കോപ്പി ചെയ്ത് നമ്മുടെ ബ്ലോഗിന്റെ Template -> Page Elements -> Add a Page Element->HTML/JavaScript ല് പേസ്റ്റ് ചെയ്താല് നമ്മുടെ ബ്ലോഗില് ഒരു Widgets ഉണ്ടാവുകയും അതില് ക്ലിക്ക് ചെയ്യുമ്പോള് അവരുടെ സൈറ്റില് എത്തുകയും ചെയ്യുന്നു.ഇതാ ഒരു ഉദാഹരണം
ഇതിന്റെ ഔട്ട് പുട്ട്![]()
ഇങ്ങനെ ഒന്ന് നമുക്കും ഉണ്ടാക്കാം
ടെക്സ്റ്റ് ബോക്സ് ഉണ്ടാക്കുന്ന വിധം ഇവിടെ വിവരിച്ചിരുന്നല്ലോ? html കോഡ് ടെക്സ്റ്റായി ഡിസ്പ്ലേ ചെയ്യിക്കേണ്ട വിധവും ഇവിടെ വിവരിച്ചിരുന്നു.
ഇനി Widgets ല് കാണിക്കേണ്ട ചിത്രം നിര്മ്മിക്കണം.ഫോട്ടോഷോപ്പോ അല്ലങ്കില് മറ്റേതെങ്കിലും ഇമേജ് എഡിറ്റര് ഉപയോഗിച്ച് നിങ്ങളുടെ ബ്ലോഗിന് ഒരു ലോഗോ നിര്മ്മിക്കുക.മലയാളം ബൂലോകത്ത് ധാരാളം നല്ല ഗ്രാഫിക്സ് ഡിസൈനര്മാരുണ്ട്.ആരുടെയെങ്കിലും സഹായം തേടൂ...സഹായിക്കാതിരിക്കില്ല.(ഹരി,പേര്പേരക്ക,സഹയാത്രികന്...etc)
ഇനി ആ ചിത്രം ഏതെങ്കിലും ഇമേജ് ഹോസ്റ്റിംഗ് സൈറ്റുകളില് ഹോസ്റ്റ് ചെയ്യണം.ഇന്റര്നെറ്റില് ഇന്ന് ധാരാളം ഇമേജ് ഹോസ്റ്റിം സൈറ്റുകള് ഉണ്ടെങ്കിലും ഞാന് റക്കമന്റ് ചെയ്യുന്നത് photobucket നെയാണ് .വളരെയെളുപ്പം ഫ്രീയായി നമുക്കൊരു അക്കൗണ്ട് നിര്മ്മിക്കാവുന്നതെയുള്ളു.അങ്ങനെ അപ്ലോഡ് ചെയ്ത ഒരു ചിത്രത്തെ മറ്റു സൈറ്റുകളില് ഉപയോഗിക്കാനായി അവര് ആ ചിത്രത്തിന്റെ url തരും.ആ url പിന്നീട് നമുക്ക് നെറ്റില് എവിടെ വേണമെങ്കിലും ഉപയോഗിക്കാം.
ടെക്സ്റ്റ് ബോക്സില് കൊടുക്കേണ്ട html കോഡ് ഇതാ
<a href="http://timepassfor.blogspot.com/" target="_blank"><img border="0" alt="Time Pass" width="80" src="http://i260.photobucket.com/albums/ii24/manojps/finish.jpg" height="15"/></a>
ചുവപ്പ് അക്ഷരത്തില് കൊടുത്തിരിക്കുന്ന ഭാഗം മാറ്റി നിങ്ങളുടെ ബ്ലോഗിന്റെ അഡ്രസ് പേസ്റ്റ് ചെയ്യുക.പച്ച നിറത്തില് കാണുന്ന ഭാഗം മാറ്റി അവിടെ നിങ്ങളുടെ ലോഗോയുടെ അഡ്രസ് കൊടുക്കുക .കറുപ്പ് നിറത്തിലുള്ള ഭാഗം മാറ്റി നിങ്ങളുടെ ബ്ലോഗിന്റെ പേര് ഉപയോഗിക്കുക (തലക്കെട്ട്)
ഇനി അതിനെ കണ്വര്ട്ടിംഗ് രീതി ഉപയോഗിച്ച് കണ്വര്ട്ട് ചെയ്യുക
ഇനി റീഡ് ഒണ്ലിയായി ഒരു ടെക്സ്റ്റ് ബോക്സ് നിര്മ്മിച്ച് അതില് കണ്വര്ട്ട് ചെയ്ത കോഡ് പേസ്റ്റ് ചെയ്യുക.
ഇതാ കോഡ് ഇങ്ങനെ
<textarea rows="3" cols="30" readonly="readonly">
<a href="http://timepassfor.blogspot.com/" target="_blank"><img border="0" alt="Time Pass" width="80" src="http://i260.photobucket.com/albums/ii24/manojps/finish.jpg" height="15"/></a>
</textarea>
ഇനി ആ കോഡ് നിങ്ങളുടെ ബ്ലോഗിന്റെ Template -> Page Elements -> Add a Page Element->HTML/JavaScript ല് ഉപയോഗിക്കൂ...
Posted by Luttu at 2:48 PM 7 comments
Labels: ടിപ്പുകള്, ബ്ലോഗര്, രൂപ ഭംഗി, HTML
നിങ്ങളുടെ ബ്ലോഗില് HTML കോഡ് ഡിസ്പ്ലേ ചെയ്യിക്കാന് (display HTML codes)
നിങ്ങളുടെ ബ്ലോഗില് എപ്പോഴെങ്കിലും html കോഡ് കാണിക്കേണ്ടതായി വന്നിട്ടുണ്ടോ?നിങ്ങള്ക്കറിയാവുന്ന ഒരു ട്രിക്ക് ബൂലോകത്തിന് പറഞ്ഞു കൊടുക്കാന് കഴിഞ്ഞാല്..!
അതിന് ഒരു വഴിയേ ഉള്ളു; html സാധാരണ ടെക്സ്റ്റായി Encode ചെയ്യുക.അതിന് പല വഴികളുണ്ട്.ചില വെബ്ബ് സൈറ്റുകള് അത് നമുക്ക് ഫ്രീയായി Encode ചെയ്ത് തരും ഇതാ അതുപോലൊരു സൈറ്റ്.ഇനി അതല്ലങ്കില് - html കോഡ് <(lesser than) അല്ലങ്കില് >(greater than ) പോലുള്ള character റിനുള്ളിലാണ് എഴുതുന്നത്.ഇത്തരം ചിഹ്നങ്ങള് മാറ്റിയാല് ബ്രൗസര് അത് ഡിസ്പ്ലേ ചെയ്യും. അവ മാറ്റി പകരം ഉപയോഗിക്കേണ്ടവ ഇതാ..
| Result | Description | Entity Name |
|---|---|---|
| non-breaking space | | |
| < | less than | < |
| > | greater than | > |
| & | ampersand | & |
| " | quotation mark | " |
| ' | apostrophe | ' (does not work in IE) |
Posted by Luttu at 8:02 PM 5 comments
Labels: ടിപ്പുകള്, HTML
ടെക്സ്റ്റ് ബോക്സ് നിര്മ്മിക്കുന്ന വിധം (Make Text Box)
ചില സൈറ്റുകളിലോ ബ്ലോഗുകളിലോ എത്തുമ്പോള് ആ സൈറ്റിന്റെ പരസ്യം / വിവരങ്ങള് നമ്മുടെ ബ്ലോഗില് ഒരു Widgets ആയി കാണിക്കാന് അവര് Link to Our Site എന്ന് എഴുതി ടെക്സ്റ്റ് ബോക്സില് ഒരു html കോഡ് നല്കാറുണ്ട്
ഇതാ ഒരു ഉദാഹരണം
Link to Our Site
ആ കോഡ് നമ്മള് കോപ്പി ചെയ്ത് നമ്മുടെ ബ്ലോഗിന്റെ Template -> Page Elements -> Add a Page Element->HTML/JavaScript ല് പേസ്റ്റ് ചെയ്താല് നമ്മുടെ ബ്ലോഗില് ഒരു Widgets ഉണ്ടാവുകയും അതില് ക്ലിക്ക് ചെയ്യുന്നയാള് അവരുടെ സൈറ്റില് എത്തുകയും ചെയ്യുന്നു..
ഇതിന്റെ ഔട്ട്പുട്ട് ഇതാ ഇങ്ങനെ![]()
ഇങ്ങനെ ഒന്ന് നമ്മുടെ ബ്ലോഗിന്റെ പരസ്യമായി നമുക്ക് നിര്മ്മിക്കാം.അതിനുമുന്പ് ഒന്നുരണ്ട് കാര്യങ്ങള് അറിയേണ്ടതുണ്ട്.
ആദ്യം ടെക്സ്റ്റ് ബോക്സ് നിര്മ്മിക്കുന്ന വിധം.ടെക്സ്റ്റ് ബോക്സ് നിര്മ്മിക്കാന് <textarea> പ്രോപ്പര്ട്ടിയാണ് സാധാരണ ഉപയോഗിക്കുന്നത്.(നിങ്ങളുടെ ബ്ലോഗില് എപ്പോഴെങ്കിലും ടെക്സ്റ്റ് ബോക്സ് വരുത്തണമെങ്കില് Edit HTML മോഡ് ഒപയോഗിക്കണം)
ഇതാ ഒരു ഉദാഹരണം.
<textarea rows="5" cols="40">
ഇവിടെ ടെക്സ്റ്റ്
</textarea>
ഇതിന്റെ ഔട്ട്പുട്ട് ഇതാ ഇങ്ങനെ
ഇതിന്റെ rows ഉം cols വും നിങ്ങളുടെ ഇഷ്ടാനുസരണം മാറ്റി കൊടുക്കാം.ഈ രണ്ട് അളവും ടെക്സ്റ്റ് ബോക്സിന്റെ അളവാണ്.ഇതില് കൂടുതല് ടെക്സ്റ്റ് ഉള്ളപ്പോള് ടെക്സ്റ്റ്ബോക്സിന്റെ സൈഡില് ഒരു സ്ക്രോള് വരുകയും വിസിറ്റര്ക്ക് സ്ക്രോള് ചെയ്ത് അത് വായിക്കാവുന്നതുമാണ്.ഇനി ടെക്സ്റ്റ് ബോക്സ് വേണമെങ്കില് നമുക്ക് റീഡ് ഒണ്ലി ആക്കാം.ഇതാ ഇങ്ങനെ
<textarea rows="2" cols="30" readonly="readonly">
ഇവിടെ ടെക്സ്റ്റ്
</textarea>
അതിന്റെ ഔട്പുട്ട്.
ഇത് യൂസര്ക്ക് എഡിറ്റ് ചെയ്യാന് കഴിയില്ല.
(തുടരും)
Posted by Luttu at 5:45 PM 6 comments
Labels: ടിപ്പുകള്, രൂപ ഭംഗി
പോസ്റ്റിനോടൊപ്പം സ്ക്രോള്ബാര് (Scrollbars within Blog Post)
പോസ്റ്റില് എപ്പോഴെങ്കിലും സ്ക്രോള്ബാര്(Scrollbars) ഉപയോഗിക്കേണ്ടി വന്നിട്ടുണ്ടോ?
ഇതാ അതിനൊരു വഴി..Template -> Edit HTML എന്നിങ്ങനെ എത്തുക .Expand Widget Templates എന്നത് ടിക്ക് ചെയ്യുക.html വിന്ഡോയില് ഏകദേശം മുകള്ഭാഗത്തായി "}" ഇങ്ങനെയുള്ള ചിഹ്നം ഇട്ട് കുറേ കാര്യങ്ങള് എഴുതിയിരിക്കുന്നതുകാണാം.അതില് ഏതെങ്കിലും ഒന്നിന്റെ താഴെ നമുക്ക് വേണ്ട Scrollbarsന്റെ class കൂട്ടി ചേര്ക്കുക.നമ്മുടെ ബ്ലോഗിന്റെ പോസ്റ്റിന് ചേരുന്ന ഒരു കോഡ് ഇതാ
.scrollbox {
height:100px;
width:400px;
overflow:auto;
}
ഇത് ചേര്ത്തുകഴിഞ്ഞാല് ടമ്പ്ലേറ്റ് സേവ് ചെയ്യുക.ഇനി നിങ്ങള്ക്ക് പോസ്റ്റില് Scrollbars വേണ്ടിവരുമ്പോള് വേണ്ട ടെക്സ്റ്റ്നോടൊപ്പം താഴെ തരുന്ന കോഡ് ചേര്ക്കുക.
<div class="scrollbox">ഇവിടെ ടെക്സ്റ്റ്.</div>
ഇതാ സാമ്പിള്
Template -> Edit HTML എന്നിങ്ങനെ എത്തുക .Expand Widget Templates എന്നത് ടിക്ക് ചെയ്യുക.html വിന്ഡോയില് ഏകദേശം മുകള്ഭാഗത്തായി " ഇങ്ങനെയുള്ള ചിഹ്നം ഇട്ട് കുറേ കാര്യങ്ങള് എഴുതിയിരിക്കുന്നതുകാണാം.അതില് ഏതെങ്കിലും ഒന്നിന്റെ താഴെ നമുക്ക് വേണ്ട Scrollbarsന്റെ class കൂട്ടി ചേര്ക്കുക
Posted by Luttu at 6:55 PM 3 comments
Labels: ടിപ്പുകള്, ബ്ലോഗര്, രൂപ ഭംഗി
ആനിമേറ്റഡ് ബ്ലോഗ് ഹെഡ് ലൈന് ബാനര് (Headline Animator)
Posted by Luttu at 8:31 PM 2 comments
Labels: ടിപ്പുകള്, ഫീഡ് അഗ്രിഗേറ്റര്, ഫീഡ് ബര്ണര്, രൂപ ഭംഗി
ബ്ലോഗിലെ ലേബല് ഓട്ടോ കൗണ്ട് ഒഴിവാക്കാന്
ആകാശത്തിനു കീഴില് എന്തിനേക്കുറിച്ചും ബ്ലോഗ് എഴുതുന്നവരുണ്ട്.ഒരു പ്രത്യേക മേഖലയിലെ പല വിഷയങ്ങളെക്കുറിച്ചും ബ്ലോഗ് എഴുതുന്നവരുമുണ്ട്.അതില് ഓരോ വിഷയങ്ങളും പ്രത്യേകം ലേബല് നല്കി വേര്തിരിച്ചാല് വിസിറ്റേഴ്സിന് എളുപ്പമാകും എന്ന് മാത്രമല്ല ബ്ലോഗിന് ഒരു അടുക്കു ചിട്ടയും ഭംഗിയുമാകും.
ഇങ്ങനെ നിങ്ങളുടെ ബ്ലോഗില് ലേബല് നല്കിയാല് ആ ലേബലിനു താഴെ എത്ര പോസ്റ്റുകളുണ്ടെന്ന് ഒരു ബ്രാക്കറ്റില് നല്കിയിരിക്കും
നിങ്ങള്ക്ക് വേണമെങ്കില് അത് റിമൂവ് ചെയ്യാവുന്നതാണ്
layuot -Edit HTML എന്നിങ്ങനെ എത്തുക. Expand Widget Templates എന്നതില് ടിക്ക് നല്കുക.ഇനി താഴെ തരുന്ന കോഡ് കണ്ടുപിടിക്കുക.
</span> <b:else/> <a expr:dir='data:blog.languageDirection' expr:href='data:label.url'> <data:label.name/> </a> </b:if> <span dir='ltr'>(<data:label.count/>)</span> </li> </b:loop> </ul> |
ചുവപ്പ് നിറത്തില് തന്നിരിക്കുന്ന ലൈന് ഡിലീറ്റ് ചെയ്യുക.ഇനി ടംപ്ലേറ്റ് സേവ് ചെയ്തു നോക്കൂ.
Posted by Luttu at 6:46 PM 1 comments
Labels: കമന്റ്, ടിപ്പുകള്
ബ്ലോഗില് എല്ലാ പോസ്റ്റിലും നിശ്ചിത ടെക്സ്റ്റ്
നിങ്ങളുടെ എല്ലാ പോസ്റ്റിന്റേയും താഴെ എന്തെങ്കിലും ഒരു ടെക്സ്റ്റ്-കോപ്പിറൈറ്റ് വാചകങ്ങളോ അല്ലങ്കില് ആശംസകളോ എന്തുമാകട്ടെ കാണിക്കണമെങ്കില് ഇതാ താഴെ പറയുന്നതുപോലെ ചെയ്യൂ..
ആദ്യം Layout-Edit HTML എന്നിങ്ങനെ എത്തുക Expand Widget Templatesഎന്നത് ടിക്ക് ചെയ്യുക.
ഇനി താഴെപറയുന്ന കോഡ് കണ്ടുപിടിക്കുക
<div class='post-body entry-content'><p><data:post.body/></p><div style='clear: both;'/> <!-- clear for photos floats --></div> ജെയ് ഹിന്ദ് |
ഇതിനു താഴെ ടെക്സ്റ്റ് പേസ്റ്റ് ചെയ്യുക (മലയാളം യുണീക്കോഡാവണേ)ഇനി ടമ്പ്ലേറ്റ് സേവ് ചെയ്തു നോക്കൂ..
ഇനി ഈ ടെക്സ്റ്റ് left അലൈയ്ന് ചെയ്യണെങ്കില് അത് ഇങ്ങനെയാക്കുക
<div align='left'>ജെയ് ഹിന്ദ്</div> |
Posted by Luttu at 6:22 PM 8 comments
Labels: ടിപ്പുകള്
നിങ്ങളുടെ ബ്ലോഗിന്റെ കമന്റ് ലിങ്ക് മലയാളത്തിലാക്കാന്
നിങ്ങളുടെ ബ്ലോഗില് വരുന്നവര് കമന്റിടാന് post a comment എന്ന ബട്ടണ് അമര്ത്തുകയാണ് ചെയ്യുന്നത്.എന്നാല് മലയാളത്തിലുള്ള് നമുടെ ബ്ലോഗിന് ഇത് ചേരുന്നതാണോ?post a comment എന്നതിനുപകരം മലയാളത്തില് "നിങ്ങളുടെ അഭിപ്രായം പങ്കുവെക്കൂ.." എന്നോ "എന്താണ് നിങ്ങള്ക്ക് പറയാനുള്ളത്"എന്നോ മലയാളത്തില് ആയാല് അതല്ലേ വളരെ നല്ലത്?
ഇങ്ങനെയാക്കാന് വളരെയെളുപ്പമാണ്
കൂട്ടുകാരെ..ഒന്നുശ്രദ്ധിക്കൂ...ഈ ട്രിക്കുകളൊക്കെ പ്രയോഗിക്കുന്നതിനുമുന്പ് നിങ്ങളുടെ ടമ്പ്ലേറ്റ് നിങ്ങളുടെ കംപ്യൂട്ടറിലേക്ക് ഡൗണ്ലോഡ് ചെയ്ത് വെക്കുന്നത് നന്നായിരിക്കും.വേണ്ടിവന്നാല് റീസ്റ്റോര് ചെയ്യാമല്ലോ...
layout-edit html എന്നിങ്ങനെ എത്തുക.Expand Widget Templates എന്ന ചെക്ക് ബോക്സ് ടിക്ക് ചെയ്യുക.ഇനി താഴെക്കാണുന്ന കോഡ് കണ്ടുപിടിക്കുക.(ctrl+f അടിച്ചാല് ഫൈന്ഡ് ബോക്സ് കിട്ടും)
| <p class='comment-footer'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>< data:postCommentMsg/></a></p> |
ഇനി ആകോഡ് ഇങ്ങനെയാക്കി മാറ്റുക (മലയാളം യുനീകോഡ് ആവണേ...)
| <p class='comment-footer'><a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'>നിങ്ങളുടെ അഭിപ്രായം അറിയിക്കൂ..</a></p> |
ഇനി ടമ്പ്ലേറ്റ് സേവ് ചെയ്യുക.
Posted by Luttu at 2:54 PM 15 comments
Labels: കമന്റ്, ടിപ്പുകള്
നിങ്ങളുടെ ബ്ലോഗിലെ സ്ക്രൂഡ്രൈവന് ചിഹ്നം നീക്കാന്

നിങ്ങളുടെ ബ്ലോഗിലെ എല്ലാ widget കളുടേയും അടുത്ത് ദാ മുകളില് കാണിച്ചിരിക്കുന്നതുപോലെ ഒരു ചിഹ്നം കാണാറില്ലേ?നിങ്ങള് പേജ് അലൈയ്മെന്റില് ചെയ്തിരിക്കുന്ന എല്ലാ widgetകളും ഈ ഐക്കണില് ക്ലിക്ക് ചെയ്ത് നമുക്ക് പെട്ടന്ന് എഡിറ്റ് ചെയ്യാം.ലിവന് ഏളൊരു ഉപകാരിയാണെങ്കിലും ബ്ലോഗിന്റെ ഭംഗി കുറക്കുന്നു എന്ന് തോന്നിയാല് ഈ ഐക്കണ് നിങ്ങള്ക്ക് മാറ്റാവുന്നതാണ്.
layout-Edit HTML എന്നിങ്ങനെ എത്തുക.നോക്കിയാല് ദാ }ഇങ്ങനെയുള്ള രണ്ട് ചിഹ്നത്തിനിടയില് കുറെ കാര്യങ്ങള് (htmlകോഡ്) എഴുതിയിരിക്കുന്നത് കാണാം

ഏതെങ്കിലും ഒന്നിന്റെ താഴെ ഇതാ ഈ കോഡും ചേര്ക്കുക.
| .quickedit { display:none; } |
ഇനി ടമ്പ്ലേറ്റ് സേവ് ചെയ്തു നോക്കൂ.....
Posted by Luttu at 10:17 AM 5 comments
Labels: ടിപ്പുകള്, രൂപ ഭംഗി
പേജ് അലൈയ്മന്റ് ബട്ടണ് ബ്ലോഗ് ഹെഡില് വരുത്താന്
ബ്ലോഗില് layout-Edit HTML-ല് എത്തുക.അപ്പോള് കാണുന്ന html Window- യില്
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='1' showaddelement='no'>
എന്നത് തിരയുക (ctrl+F അടിച്ചാല് സെര്ച്ച് ബോക്സ് കിട്ടും അതില് maxwidgets എന്ന വാക്ക് അടിച്ച് find ബട്ടണ് അമര്ത്തിയാല് മതി)
അത് ഇങ്ങനെയാക്കുക
<div id='header-wrapper'>
<b:section class='header' id='header' maxwidgets='3' showaddelement='yes'>
ഇനി ടമ്പ്ലേറ്റ് സേവ് ചെയ്യുക .ഇനി നിങ്ങളുടെ പേജ് അലൈമെറ്റില് നോക്കൂ...
Posted by Luttu at 7:17 PM 3 comments
Labels: ടിപ്പുകള്, രൂപ ഭംഗി
നിങ്ങള്ക്ക് കിട്ടുന്ന ഓരോ കമന്റും ലൈനിട്ട് സപ്രേറ്റ് ചെയ്യണോ?
നിങ്ങള്ക്ക് കിട്ടുന്ന ഓരോ കമന്റും ലൈനിട്ട് സപ്രേറ്റ് ചെയ്യണോ?
വളരെ എളുപ്പമാണിത്.
layout-edit html-ല് എത്തുക
html വിന്ഡോയില് #comments-block .comment-footer { എന്ന കോഡ് കണ്ടെത്തുക
(ctrl+F അടിച്ചാല് ഫൈന്ഡ് ബോക്സ് വരും)
നിങ്ങളുടേത് Minima template അല്ലെങ്കില് .comment-footer { എന്ന കോഡ് തിരയുക.കോഡ് കണ്ടെത്തിയാല് അതിന്റെ താഴെ ഈ കോഡ് പേസ്റ്റ് ചെയ്യുക
border-bottom:1px dotted $bordercolor;
padding:0 0 1px 0;
വേറൊരു കളറില് കുറച്ചുകൂടി കട്ടിയുള്ള ലൈന് വേണമെങ്കില് മുകളില് തന്ന കോഡിന് പകരം താഴെതരുന്ന കോഡ് ഉപയോഗിക്കുക
border-bottom:2px solid #736AFF;
padding:0 0 1px 0;
ഇത്രയും ചെയ്തുകഴിഞ്ഞാല് Save template എന്ന ബട്ടണ് അമര്ത്തുക
ഇനി നിങ്ങള്ക്ക് കിട്ടുന്ന ഓരോ കമന്റും ലൈനിട്ട് വേര്തിരിക്കപ്പെട്ടിരിക്കും
Posted by Luttu at 5:16 PM 10 comments
Labels: കമന്റ്, ടിപ്പുകള്, രൂപ ഭംഗി
ബ്ലോഗ് navbar കാണാതാക്കാന്
വളരെയെളുപ്പമാണിത്.നിങ്ങളുടെ ബ്ലോഗിന്റെ layout-ല് ചെറിയ ഒരു മാറ്റം വരുത്തിയാല് മതി.ബ്ലോഗില് layout-edit html -ല് എത്തുകപിന്നെ ദാ ഇവിടെതാഴെ കാണിക്കുന്ന html code പേസ്റ്റ് ചെയ്യുക.
Posted by Luttu at 12:53 PM 4 comments
Labels: ടിപ്പുകള്, രൂപ ഭംഗി

