logo
Showing posts with label blog post. Show all posts
Showing posts with label blog post. Show all posts

FACEBOOK, TWITTER സ്റ്റാറ്റസ് ബ്ലോഗില്‍ EMBED ചെയ്യാം

ഫേസ്ബുക്ക് സ്റ്റാറ്റസ് എംബെഡ്‌ ചെയ്യുവാന്‍ .... 



ചിലപ്പോള്‍ സ്റ്റാറ്റസ്  ഇങ്ങനെയും കാണാം .അവിടെയും Embed Post ഓപ്ഷന്‍ നോക്കുക .



ട്വിറ്റെര്‍ സ്റ്റാറ്റസ് എംബെഡ്‌ ചെയ്യുവാന്‍ .. 








ചിലപ്പോള്‍ സ്റ്റാറ്റസ്  ഇങ്ങനെയും കാണാം .അവിടെയും Embed Tweet ഓപ്ഷന്‍ നോക്കുക .





അതാതു കോഡുകള്‍ ബ്ലോഗ്ഗെറില്‍ HTML മോഡ് സെലെക്റ്റ് ചെയ്തു പേസ്റ്റ് ചെയ്‌താല്‍ മതി ..






SAMPLES




ഫേസ്ബുക്ക്

ട്വിറ്റെര്‍

പോസ്റ്റുകള്‍ക്ക് വാട്ടര്‍ മാര്‍ക്ക് നല്‍കാം

ഫേസ് ബുക്കില്‍  സമയമെടുത്ത് ടൈപ് ചെയ്തു നമ്മള്‍  പോസ്ടുന്നവ ഒരു കടപ്പാട് പോലും രേഖപ്പെടുത്താതെ  സ്വന്തം പേരില്‍ പോസ്ടുന്നവര്‍ ഈയിടെയായി കൂടി വരുകയാണ് . ഒറിജിനല്‍ പോസ്ടിനെക്കാള്‍ ലൈക്കും  കമന്റും  കട്ട് പോസ്റ്റു ചെയ്ത പോസ്റ്റിനു ലഭിക്കുന്നു എന്നതും സ്ഥിരം കാഴ്ചയാണ് .അതിന്റെ പിന്നാലെ കൂടി പരാതി പറയാന്‍ അധിക പേരും തുനിഞ്ഞു കാണുന്നില്ല . അതിനൊരു പരിഹാരം ആണ് ഈ പോസ്റ്റ്‌ കൊണ്ട് ഉദ്ദേശിക്കുന്നത് . .

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

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

പിക്പിക്ക് ഇന്സ്ടാൽ  ചെയ്ത ശേഷം  രണ്ടു രീതിയില്‍ അത് ഉപയോഗിക്കാന്‍ സാധിക്കും .
1 . ഡെസ്ക് ടോപ്പില്‍  ഷോര്‍ട്ട് കട്ട്  ഐക്കണ്‍ നല്‍കി അതില്‍ ക്ലിക്ക് ചെയ്തു ഉപയോഗിക്കുക







2.ടാസ്ക് ബാറില്‍ പിന്‍ ചെയ്തു വെച്ചു ആവശ്യമുള്ളപ്പോള്‍ അതില്‍ ക്ലിക്ക് ചെയ്തു ഉപയോഗിക്കുക



ഉപയോഗിക്കുന്ന വിധം :

നമ്മള്‍ എഴുതിയ ടെക്സ്റ്റ്‌  എഡിറ്റര്‍  ഓപ്പണ്‍ ചെയ്തു വെച്ച ശേഷം  പിക് പിക്ക്  ഐക്കണ്‍ ക്ലിക്ക് ചെയ്ത്  പിക്പിക്ക് ഓപ്പണ്‍ ചെയ്ത് Region എന്ന ഓപ്ഷന്‍ തിരഞ്ഞെടുക്കുക . ശേഷം നമ്മള്‍ എഴുതിയ ഭാഗം മൌസ് ക്ലിക്ക് ചെയ്തു പിടിച്ചു ചതുരാകൃതിയില്‍  സെലക്ട്‌ ചെയ്ത ശേഷം വിടുക  . അത് തനിയെ പിക്ക് പിക്ക് വഴി ഓപ്പണ്‍ ആകുന്നതാണ് . പിക്ക്പിക്ക് വഴി ചിത്രം ഓപ്പണ്‍ ആയാല്‍ താഴെ കാണുന്ന ചിത്രത്തിലേത് പോലെ വാട്ടര്‍ മാര്‍ക്ക് ചേര്‍ക്കാവുന്നതാണ് ..!

താഴെ കൊടുത്തിട്ടുള്ള രണ്ടാമത്തെ ചിത്രത്തില്‍  ചിത്രത്തില്‍  Opacity എന്ന് കാണിക്കുന്നത് കുറച്ചു വരുംതോറും വാട്ടര്‍ മാര്‍ക്ക് കൂടുതല്‍ കൂടുതല്‍  നേര്ത്തതായി വരുന്നതാണ് .










വാട്ടര്‍ മാര്‍ക്ക് ആയി ബാക്ക് ഗ്രൌണ്ട് ട്രാന്‍സ്പാരെന്റ്റ് ആയ ഒരു ചിത്രം ഉണ്ടാക്കി  അത്  C:\Program Files\PicPick\resource\watermark  എന്ന ഫയലില്‍ നേരിട്ട്  സേവ് ചെയ്ത് ശേഷം  എപ്പോഴും സ്ക്രീന്‍ ഷോട്ട് എടുക്കുമ്പോള്‍ അത് തനിയെ സ്ക്രീന്‍ ഷോട്ടിന്റെ ഏതെങ്കിലും വശത്ത് വരുവാനുള്ള ഓപ്ഷന്‍ കൂടി (മുകളിലെ ചിത്രത്തിന്റെ അവസാന ഭാഗം കാണുക )ടിക്ക് ചെയ്തു  കൊടുത്താല്‍ പിന്നീട് സ്ക്രീന്‍ ഷോട്ട് എടുക്കുമ്പോള്‍ വാട്ടര്‍ മാര്‍ക്ക് തനിയെ വന്നു കൊള്ളും ..!






 ടിപ് :
പിക് പിക്ക് ഓപ്പണ്‍ ചെയ്യുമ്പോള്‍ അതിന്റെ ഒരു ചെറിയ ഐക്കണ്‍ കൂടി ടാസ്ക് ബാറിന്റെ വലത്തേ മൂലയില്‍ വരുന്നതാണ് . അത് നമുക്ക് മറ്റു ചില സൌകര്യങ്ങള്‍ കൂടി നല്‍കും .
വലതു വശത്ത് കാണുന്നില്ല ഇല്ലെങ്കില്‍ ചിത്രത്തില്‍ കാണുന്നത് പോലെ അത് മറഞ്ഞു ഇരിക്കുകയായിരിക്കും .




അത് ഡ്രാഗ് ചെയ്ത്  താഴോട്ടു വലിച്ചിട്ടാല്‍ കാണാന്‍ കഴിയുന്ന രൂപത്തില്‍ കൊണ്ട് വരാവുന്നതാണ്







 ഈ ചെറിയ ഐക്കണ്‍ വഴി എടുക്കുന്ന ചിത്രങ്ങള്‍ നേരിട്ട് പിക് പിക്ക് വഴി ഓപ്പണ്‍ ആകില്ല . വാട്ടര്‍ മാര്‍ക്കും വരുന്നതല്ല .
അതിനു അതിന്റെ താഴെ കൊടുത്തിട്ടുള്ളത് പോലെ സെറ്റിംഗ്സ് മാറ്റി നല്‍കണം .














Navbar വഴി ബ്ലോഗ്‌ പോസ്റ്റ്‌ ഷെയര്‍ ചെയ്യാം

ബ്ലോഗ്ഗര്‍ ബ്ലോഗുകളില്‍  തുടക്കം മുതല്‍ തന്നെ കാണുന്ന 'Navbar' എന്ന ഭാഗം പുതു തലമുറ ബ്ലോഗുകളില്‍ അധികം കാണാറില്ല ...

ടെമ്പ്ലേറ്റ് എഡിറ്റ്‌ ചെയ്തു ഡിസൈന്‍ മാറ്റുന്നതിന്റെ ഭാഗമായി 'Navbar' ഒഴിവാക്കുന്നതു കൊണ്ടാണ് ഇത് . ബ്ലോഗ്ഗര്‍ തന്നെ 'Navbar' അത്ര വലിയ കാര്യമായി കാണുന്നില്ല എന്നാണു കരുതിയിരുന്നത് ..

എന്നാല്‍ പുതിയ മാറ്റങ്ങളുടെ ഭാഗമായിട്ടാവും എന്നും കരുതാം ബ്ലോഗ്ഗര്‍ 'Navbar' വഴി ചില പരീക്ഷണങ്ങള്‍ നടത്തി കാണുന്നു .. ഇപ്പോള്‍ 'Navbar' ഉള്ള ബ്ലോഗുകളില്‍  ഷെയര്‍  ഓപ്ഷന്‍ കാണാന്‍ കഴിയുന്നു ...

നഷ്ടമായ ബ്ലോഗിലെ പോസ്റ്റുകള്‍ വീണ്ടെടുക്കാം

ഒരു ഡയറി പോലെ  ബ്ലോഗ്‌ കൈകാര്യം ചെയ്യുന്ന നമുക്ക്  ബ്ലോഗ്ഗര്‍ നല്‍കുന്ന സേവന വ്യവസ്ഥകളുടെ ലംഘനമൊന്നും അത്ര കാര്യപ്പെട്ടതായി തോന്നാറില്ല . എന്നാല്‍ ബ്ലോഗ്‌ യാതൊരു മുന്നറിയിപ്പും കൂടാതെ ബ്ലോഗ്ഗര്‍ ഡിലീറ്റ് ചെയ്യുമ്പോള്‍ നഖം കടിക്കാന്‍ മാത്രമേ കഴിയൂ ..കഷ്ടപ്പെട്ട് നേടിയ ഇ മെയില്‍ , follower  വരിക്കാരൊക്കെ സ്വാഹ ... "ഇത് കേട്ടോ" എന്ന  ഈ ബ്ലോഗ്‌ അത്തരത്തില്‍ എനിക്ക് നഷ്ടമായതാണ് .


ഇനിയിപ്പോള്‍ അത് പറഞ്ഞിട്ടെന്തു കാര്യം ? കാര്യമുണ്ട് . നഷ്ടമായ ബ്ലോഗിലെ പോസ്റ്റുകള്‍ തിരിച്ചെടുക്കുവാന്‍ കഴിയും . അതിനായി ഇവിടെ ക്ലിക്ക് ചെയ്യുക .

ശേഷം നമ്മുടെ നഷ്ടപ്പെട്ട ബ്ലോഗിന്റെ യു ആര്‍ എല്‍ ടൈപ്പ് ചെയ്യുക . സെര്‍ച്ച്‌  ചെയ്യുക . അപ്പോള്‍ കിട്ടുന്ന സെര്‍ച്ച്‌ റിസള്‍ട്ടുകളില്‍ വലതു വശത്തായി പ്രിവ്യു കാണുവാനുള്ള ഓപ്ഷന്‍ ഉണ്ട് . അവിടെ മൗസ്  പോയിന്റ്‌ ചെയ്യുമ്പോള്‍ പ്രിവ്യു ന്റെ  ഒപ്പം തന്നെ Cached  എന്ന് മുകളില്‍ കാണാം .




 അതില്‍ ക്ലിക്ക് ചെയ്‌താല്‍ നമ്മുടെ നഷ്ടമായ ബ്ലോഗിന്റെ പഴയ പതിപ്പ് കാണാം . പഴയ പോസ്റ്റുകള്‍ അടക്കം . ഓരോ പോസ്ടിന്റെയും തലക്കെട്ട്‌  വീണ്ടും  സെര്‍ച്ച്‌ ചെയ്തു അതാതു പോസ്റ്റുകളുടെ പ്രിവ്യു വിന്റെ മുകളില്‍ കാണുന്ന Cached   ക്ലിക്ക് ചെയ്‌താല്‍ പോസ്റ്റ്‌ മുഴുവനായി കാണാം .കമന്റ്‌ കളും കാണാം . അത് കോപ്പി ചെയ്തു അതേപടി തന്നെ പുതിയ ബ്ലോഗില്‍ കൊടുക്കാം .. ചിത്രങ്ങളും ലിങ്കുകളും സഹിതം കോപ്പി ചെയ്യാം  ( എംബെഡ്‌  വീഡിയോ മാത്രം കോപ്പി ആകില്ല )

ഇതാണ് അങ്ങനെ പരീക്ഷിച്ച നഷ്ടപ്പെട്ട ബ്ലോഗിന്റെ  പുതിയ പതിപ്പ് 

ബ്ലോഗ്‌ പോസ്റ്റില്‍ അല്‍പ ഭാഗം ഹൈ ലൈറ്റ് ചെയ്യാം (blockquote)

 നമ്മുടെ ബ്ലോഗ്‌ പോസ്റ്റ്‌  പലപ്പോഴും നീണ്ടു പോകുകയും അത് ഒറ്റ നോട്ടത്തില്‍ വായനക്കാര്‍ക്ക് വായിക്കുവാന്‍ താല്പര്യം കുറക്കുകയും ചെയ്യും . ഈ താല്പര്യക്കുറവിനെ മറികടക്കുവാന്‍ പോസ്റ്റില്‍ വിഷയവുമായി ബന്ധമുള്ള ചിത്രങ്ങള്‍ ക്രമീകരിച്ചും , പോസ്റ്റിലെ ചില ഭാഗങ്ങള്‍ ഹൈ ലൈറ്റ് ചെയ്തും  ശ്രമിക്കാവുന്നതാണ് .

പോസ്റ്റിലെ ചില ഭാഗങ്ങള്‍  ഹൈ ലൈറ്റ്  ചെയ്യുവാന്‍ ബ്ലോഗ്ഗര്‍ തന്നെ നല്‍കിയിട്ടുള്ള ഒരു സംവിധാനമാണ് Blockquote  .നമുക്കാവശ്യമുള്ള ഭാഗങ്ങള്‍ സെലക്ട്‌ ചെയ്ത ശേഷം പോസ്റ്റ്‌ എഡിറ്റര്‍ ഇല്‍  Blockquote   അടയാളത്തില്‍ ക്ലിക്ക് ചെയ്‌താല്‍ മതിയാവും .
(ചിത്രത്തില്‍ കാണുക )
Blockquote രൂപം   മാറ്റുന്നത് എങ്ങനെ?

ഓരോ ബ്ലോഗ്‌ ടെമ്പ്ലേറ്റ് ലും  വ്യത്യസ്ത രീതിയിലാണ്  Blockquote    കാണപ്പെടുന്നത് . അത് നമുക്ക്  നമ്മുടെതായ രൂപത്തിലേക്ക് മാറ്റുവാന്‍ കഴിയും .

( ഇപ്പോള്‍ താങ്കള്‍ വായിക്കുന്ന ഈ പാരഗ്രാഫിന്റെ
പശ്ചാത്തലമാണ് ഈ ബ്ലോഗില്‍ ഉപയോഗിക്കുന്ന Blockquote . )
ഇത് പോലെ നമ്മുടെ ബ്ലോഗിന്റെ 
Blockquote വളരെ എളുപ്പത്തില്‍ ആകര്‍ഷകമാക്കി നല്‍കാം . അതിനായി ആദ്യം     blogger.com ഇല്‍ sign in ചെയ്യുക . Design ->Edit html-> ക്ലിക്ക്  ചെയ്യുക . ശേഷം Blockquote  എന്ന കോഡ് സെര്‍ച്ച്‌ ചെയ്യുക.
(use (Ctrl +F)
keys )
 . ആ കോഡില്‍ ആവശ്യമായ മാറ്റങ്ങള്‍ നല്‍കി Save Template ക്ലിക്ക്   ചെയ്യുക . 

 ഒരു ഉദാഹരണം കാണുക :


 മുകളിലെ ചിത്രത്തില്‍ കാണുന്ന  ഈ കോഡ് ഉപയോഗിക്കുമ്പോള്‍ (നമ്മള്‍  ഹൈ ലൈറ്റ്   ചെയ്യുവാന്‍ ഉദ്ദേശിക്കുന്ന ഭാഗം സെലക്ട്‌ ചെയ്തു പോസ്റ്റ്‌ എഡിറ്റര്‍ ഇല്‍  Blockquote   അടയാളത്തില്‍ ക്ലിക്ക് ചെയ്യുമ്പോള്‍  )ഇപ്പോള്‍ ഈ വായിക്കുന്ന പാരഗ്രാഫിന്റെ പശ്ചാത്തലം ലഭിക്കും .

 Blockquote  കോഡിന്റെ   പ്രധാനമായും 4  ഭാഗങ്ങളാണ് ചേഞ്ച്‌ ചെയ്യുന്നത് ഉചിതം .
 (ചുവന്ന അക്ഷരത്തില്‍ കാണുന്നവ ചേഞ്ച്‌ ചെയ്യുക )

border: 1px solid #8D8761;                :പശ്ചാത്തലത്തിന്റെ border
background-color: #DED9BA;           :പശ്ചാത്തലത്തിന്റെ color
font-size: 15px;                                    :Blockquote  ന്റെ  അക്ഷര വലുപ്പം
 font-style: normal;                               :അക്ഷരങ്ങളുടെ രൂപം (bold ,italic എന്നിങ്ങനെയും മാറ്റാം )


ബ്ലോഗ്‌ ടെമ്പ്ലേറ്റ് ന്റെ color  അനുസരിച്ച് നമ്മുടെ ടെമ്പ്ലേറ്റ് ന്റെ Blockquote  മനോഹരമാക്കുന്നത് ബ്ലോഗിന്റെ സൌന്ദര്യത്തിനും ബ്ലോഗ്‌ പോസ്റ്റുകള്‍ മടുപ്പില്ലാതെ വായിക്കുന്നതിനും നന്നായിരിക്കും .

ബ്ലോഗില്‍ ചിത്രങ്ങള്‍ അപ്‌ലോഡ്‌ ചെയ്യുന്നതിന് മുന്‍പ് ശ്രദ്ധിക്കുക



നമ്മുടെ ബ്ലോഗുകളുടെ പോസ്റ്റുകളെ മികവുറ്റതാക്കുന്നതില്‍  ചിത്രങ്ങള്‍ക്ക് ചെറുതല്ലാത്ത പങ്കുണ്ട് . അതോടൊപ്പം തന്നെ ബ്ലോഗ്‌ ലോഡ് ആകുന്നതു വൈകുന്നതിലും . അത് കൊണ്ട് തന്നെ ചിത്രങ്ങള്‍ അപ്‌ലോഡ്‌ ചെയ്യുന്നതിന് മുന്‍പ് ചിത്രങ്ങളുടെ സൈസ് ലഘൂകരിക്കുന്നത്   നന്നായിരിക്കും . അതിനായി നിരവധി ഓണ്‍ ലൈന്‍  ടൂളുകള്‍ ലഭ്യമാണ് . അതിലൊന്നാണ്  ഇത് .




നമ്മള്‍ ഈ ടൂള്‍ വഴി അപ്‌ലോഡ്‌ ചെയ്തു ലഭിക്കുന്ന ചിത്രങ്ങളില്‍ ഒന്ന് ഡൌണ്‍ലോഡ്
(ചിത്രത്തിന്റെ മുകളില്‍  മൗസ് റൈറ്റ് ക്ലിക്ക് ചെയ്‌താല്‍ ഡൌണ്‍ലോഡ് ഓപ്ഷന്‍ ലഭിക്കും ) ചെയ്തു പോസ്റ്റില്‍ അപ്‌ലോഡ്‌ ചെയ്യുക . പരമാവധി സൈസ് കുറഞ്ഞതും എന്നാല്‍ കാഴ്ചക്ക് ഭംഗി കുറയാത്തതുമായ  ചിത്രം തിരഞ്ഞെടുക്കുക .


(ചിത്രത്തിലേത് പോലെ യഥാര്‍ത്ഥ ചിത്രവും  സൈസ് കുറച്ചാല്‍ ലഭിക്കുന്ന ചിത്രവും  ഇടതു വശത്തായി അതിന്റെ അളവും ലാഭവും കാണാന്‍ കഴിയും)









========================================================================
നമ്മുടെ ബ്ലോഗില്‍ സൈസ് കൂടുതല്‍ ഉള്ള ചിത്രങ്ങള്‍ കണ്ടുപിടിക്കണമെങ്കില്‍ ഇവിടെ   ക്ലിക്ക് ചെയ്തു ബ്ലോഗ്‌ ടെസ്റ്റ്‌ ചെയ്തു നോക്കുക 

Show Quick Editing - widget tip

blogger



പുതിയ ടെമ്പ്ലേറ്റ് കളില്‍ പലതിലും ഇപ്പോള്‍ Quick Edit   pencil   കാണാറില്ല .
ബ്ലോഗ്ഗര്‍ ഡൊമൈന്‍ നെയിം .in  എന്നതിലേക്ക് റീ ഡയറക്റ്റ്  ചെയ്യപ്പെടുന്ന ബ്ലോഗുകളിലും ഇതേ പ്രശ്നമുണ്ട് .
 പലരും അതിനൊരു പരിഹാരം ചോദിച്ചു .
 കണ്ടെത്തുവാന്‍ കഴിഞ്ഞ ഒരു വഴി ഇത് മാത്രമാണ് .

ആദ്യമായി  ബ്ലോഗ്ഗര്‍ ഡാഷ് ബോര്‍ഡില്‍  Design ക്ലിക്ക്  ചെയ്യുക . ശേഷം ഒരു Link List widget  സെലക്ട്‌ ചെയ്യുക .(നിലവില്‍ ഒരു ലിങ്ക് ലിസ്റ്റ് വിട്ജെറ്റ്‌ ഉണ്ടെങ്കില്‍ അത് എഡിറ്റ്‌ ചെയ്താലും മതി )




ശേഷം
 അതിന്റെ  തലക്കെട്ട്‌  blank ആക്കി  തന്നെ വിട്ട ശേഷം
 താഴെ കൊടുത്തിട്ടുള്ള കോഡ് ലിങ്ക് ആയും
 Admin  എന്ന് ലിങ്ക് നെയിം ആയും ചേര്‍ത്ത ശേഷം SAVE  ചെയ്യുക .

http://www.blogger.com/posts.g?blogID=XXXXXXXXXXXXXXXXXXX




ശ്രദ്ധിക്കുക :

http://www.blogger.com/posts.g?blogID=XXXXXXXXXXXXXXXXXXX
എന്നതില്‍ അവസാനം കൊടുത്തിട്ടുള്ള blogID= XXXXXXXXXXXXXXXXXXXഎന്നതില്‍ XXXXXXXXXXXXXXXXXXXഎന്നതിന് പകരമായി താങ്കളുടെ ബ്ലോഗ്‌ ഐ ഡി  വേണം, നല്‍കുവാന്‍ .


ബ്ലോഗ്‌ ഐ ഡി ലഭിക്കുന്നതിനു താഴെ കാണുന്ന ചിത്രം കാണുക






മറ്റൊരു  മാര്‍ഗ്ഗം  കൂടിയുണ്ട്  ..താഴെ  കാണുന്ന  കോഡ്  ഒരു  HTML/Javascript വിട്ജെറ്റ്‌  വഴി  നല്‍കിയാലും  മതിയാവും .

<div align="center"><a href='http://www.blogger.com/posts.g?blogID=XXXXXXXXXXXXXXXXXXX' target ='_blank'>Admin</a></div>



ഇനി  നമ്മുടെ  സൈഡ് ബാറിലെ    Admin എന്ന  ലിങ്ക്   ക്ലിക്കി  പോസ്റ്റുകള്‍  വേഗത്തില്‍  എഡിറ്റ്‌  ചെയ്യാം  .:)

ബ്ലോഗ്‌ പോസ്റ്റിലെ ചിത്രങ്ങളുടെ വീതി ക്ളിപ്തപ്പെടുത്താം



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

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



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


അപ്പോള്‍ വരുന്ന പേജില്‍ കാണുന്ന  Edit  html   ക്ലിക്ക് ചെയ്യുക.
താഴെ ചിത്രങ്ങളില്‍ കാണുന്നത് പോലെ  മുന്നോട്ടു പോകുക 





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


max-width: 560px;




ചിത്രം കാണുക .

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

ഇപ്പോള്‍  കാര്യം ശരിയായി ...:)

വീതി (width)കണ്ടു പിടിക്കുവാന്‍ 


നമ്മുടെ  ബ്ലോഗിന്റെ പോസ്റ്റ്‌ ഏരിയ ക്ക് അനുയോജ്യമായ വിധത്തില്‍ 560px  എന്ന സംഖ്യ  മാറ്റി നല്‍കാം ...

അതിനായി  
 .post 
എന്ന കോഡ് കണ്ടു പിടിച്ചു അവിടെ എത്രയാണ് പോസ്റ്റ്‌ ഏരിയ യുടെ വീതി എന്ന് മനസ്സിലാക്കുക . അതില്‍ നിന്നും കുറഞ്ഞത്‌  ഒരു 10px എങ്കിലും കുറച്ചു കൊടുത്താല്‍ മതിയാവും . (ചിത്രം കാണുക )
(ഇവിടെ പോസ്റ്റ്‌ ഏരിയ 583px  ആണ് .അത്  കൊണ്ടാണ് ചിത്രത്തിന്റെ വീതി 560px  എന്ന്  മുകളില്‍  കുറച്ചു കൊടുത്തത് )


ഇപ്പോള്‍ ബ്ലോഗിലെ ചിത്രം ഇത് പോലെ കാണാം ...



blogger dash board, part-1

 ബ്ലോഗ്‌ എഴുതുന്നവര്‍ക്ക് വളരെ സൌകര്യ  പ്രദവും  സൌജന്യവുമായ സേവനമാണ് ബ്ലോഗ്ഗര്‍ .

രണ്ടു രീതിയില്‍ ബ്ലോഗ്ഗെറില്‍ പ്രവേശിക്കാം .

blogger .com എന്ന  പഴയ  വഴിയിലൂടെയും  blogger in draft എന്ന പുതിയ   വഴിയിലൂടെയും .
 
blogger.com വഴി  ലോഗ്  ഇന്‍  ചെയ്യുന്നതാണ്  കൂടുതല്‍  എളുപ്പമായി  തോന്നുന്നത്  .
അത്  കൊണ്ട്  blogger.com വഴി  ലോഗിന്‍  ചെയ്തു  പോസ്റ്റ്‌  എഴുതുന്നതിനു  ഉപകാരപ്രദമാകും  എന്ന്  കരുതുന്ന  ചില  വിവരങ്ങള്‍  താഴെ  കൊടുക്കുന്നു  .

പ്രധാനമായും  മൂന്നു  കാര്യങ്ങള്‍  ഉപയോഗപ്പെടുത്തുവാനാണ്   ഒരു  പുതിയ ബ്ലോഗ്ഗര്‍    ശ്രദ്ധിക്കേണ്ടത് 

അവ  താഴെ  കാണുന്ന  ചിത്രത്തില്‍  കൊടുത്തിരിക്കുന്നു  .



1. post editor

blogger.com വഴി  ലോഗ്  ഇന്‍  ചെയ്തു  പോസ്റ്റ്‌ എഴുതുമ്പോള്‍(NEW POST)
  post editor സജ്ജീകരിച്ചിരിക്കുന്ന  വിധമാണ്  താഴെ  കൊടുത്തിട്ടുള്ളത്  .




settings ,design എന്നിവയെ കുറിച്ച്  അടുത്ത പോസ്റ്റില്‍ വായിക്കാം  ..:)

ANIMATED ജനപ്രിയ പോസ്റ്റുകള്‍‌(Popular Posts) വിട്ജെറ്റ്‌ (problem solved )




  ANIMATED ജനപ്രിയ പോസ്റ്റുകള്‍‌(Popular Posts) വിട്ജെറ്റ്‌  എന്ന പോസ്റ്റ്‌ വര്‍ക്ക്‌ ആകുന്നില്ല എന്ന കാര്യം ചില സുഹൃത്തുക്കള്‍ ശ്രദ്ധയില്‍ പെടുത്തുകയുണ്ടായി. ആ പോസ്റ്റിലെ കോഡ് കളില്‍  വന്ന ചില  പ്രശ്നങ്ങളാണ് കാരണം .അത് പരിഹരിച്ചിട്ടുണ്ട് ... വിവരം ശ്രദ്ധയില്‍  പെടുത്തിയ  സുഹൃത്തുക്കള്‍ക്കും  പ്രശ്ന പരിഹാരം നല്‍കി സഹായിച്ച ദാസരി  ഹരിഷ് എന്ന  എന്റെ ഓണ്‍ ലൈന്‍ സുഹൃത്തിനും നന്ദി.

ANIMATED ജനപ്രിയ പോസ്റ്റുകള്‍‌(Popular Posts) വിട്ജെറ്റ്‌



നമ്മുടെ ബ്ലോഗില്‍ ഏറ്റവും കൂടുതല്‍ വായിക്കപ്പെട്ട പോസ്റ്റുകള്‍ പ്രദര്‍ശിപ്പിക്കുന്ന വിട്ജെറ്റ്‌ ആണ്  "ജനപ്രിയ പോസ്റ്റുകള്‍‌ "(Popular Posts)വിട്ജെറ്റ്‌ . ഈ വിട്ജെറ്റ്‌  ചലിക്കുന്ന രൂപത്തില്‍ കാണിക്കുന്ന രൂപമാണ് ഇവിടെ വിവരിക്കുന്നത് .ആദ്യമായി നമ്മുടെ ബ്ലോഗില്‍ ഒരു  ' Popular Posts 'വിട്ജെറ്റ്‌ ചേര്‍ക്കുക .


അതിനായി ആദ്യം   blogger.com ഇല്‍ sign in ചെയ്യുക..ശേഷം Design ->Add Gadget ->Popular Posts തിരഞ്ഞെടുക്കുക  .

ഈ വിട്ജെറ്റ്‌ എഡിറ്റ്‌ ചെയ്തു നാലില്‍ (4) അധികം പോസ്റ്റുകള്‍ പ്രദര്‍ശിപ്പിക്കുന്ന ക്രമീകരണം നല്‍കുക .ചിത്രം കാണുക .ചിത്രത്തില്‍ പത്ത്  പോസ്റ്റുകള്‍ ആണ് തിരഞ്ഞെടുക്കുന്നത്.(നിലവില്‍ ഒരു' Popular Posts ' വിട്ജെറ്റ്‌ ബ്ലോഗില്‍ കൊടുത്തിട്ടുണ്ടെങ്കില്‍ അതില്‍ പ്രദര്‍ശിപ്പിക്കേണ്ട പോസ്റ്റുകളുടെ എണ്ണം നാലില്‍ അധികമാണ് എന്ന് ഉറപ്പു വരുത്തിയാല്‍ മാത്രം മതിയാകുന്നതാണ് )


    ശേഷം ഒരു  HTML/Javascript  വിട്ജെറ്റ്‌ കൂടി തിരഞ്ഞെടുത്തു അതില്‍ താഴെ കൊടുക്കുന്ന കോഡ്‌ കൂടി  നല്‍കിയാല്‍ മതി .
<style type="text/css" media="screen">

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

}

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

#PopularPosts1 li {
width:238px;
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">
jQuery(function () {
jQuery('.popular-posts ul').simpleSpy();
});
</script>

<script src="http://accordion-for-blogger.googlecode.com/svn/trunk/simplespy.js" type="text/javascript"></script>

(ചുവന്ന അക്ഷരത്തില്‍ കൊടുത്തിരിക്കുന്നവാ നമ്മുടെ ഇഷ്ടമനുസരിച്ച് മാറ്റി കൊടുക്കാവുന്നതാണ് )



Popular Posts വിട്ജെറ്റിന്റെ  തൊട്ടു മുകളിലായി   HTML/Javascript  വിട്ജെറ്റ്‌  ചിത്രത്തിലേത് പോലെ  ചേര്‍ത്ത് വെച്ച ശേഷം





  SAVE  
ബട്ടണ്‍  ക്ലിക്ക് ചെയ്യുക . ചലിക്കുന്ന ജനപ്രിയ പോസ്റ്റുകള്‍‌  വിട്ജെറ്റ്‌ റെഡി .

CREDITS & THANKS TO :Abu Farhan

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

SELECT   A 'POST TITLE ' or 'LABEL' AND  C L I C K TO READ
====================================================================
Loading TOC. Please wait....

 
Like Us On Facebook
×
-Thanks- Malayalam Blog Help
Powered by Blogger.