17 മാഗസീനിലേതുപോലെ തുടക്കത്തിലെ അക്ഷരം സ്റ്റൈലില്‍.

മാഗസീന്‍ പോലെ തുടക്കത്തിലെ അക്ഷരത്തിന് ചില മാറ്റങ്ങള്‍ ഉണ്ടായാല്‍ ലുക്കൊക്കെ ഒന്ന് അടിപൊളിയാകില്ലേ.

അല്ലെങ്കില്‍ ഇതുപോലെ ആയാലും നന്നായിരിക്കും. താഴെപ്പറയുന്ന കാര്യങ്ങള്‍ ചെയ്തുകഴിഞ്ഞാല്‍ താങ്കളുടെ ബ്ലോഗിലും ഇതുപോലെ കാണപ്പെടും.... ബ്ലോഗുകള്‍ അടിപൊളിയാക്കൂ... നമ്മുടെ രീതിയില്‍ നമ്മുടെ ബ്ലോഗുകളെ മാറ്റിയെടുക്കൂ. അതിനായി നിങ്ങളുടെ കൂടെ സൂത്രങ്ങള്‍ ബ്ലോഗര്‍ സൂത്രത്തില്‍.HTML വിദ്യകള്‍ എന്തു ചെയ്യുന്നതിനു മുന്‍പും ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്യുവാന്‍ മറക്കരുത്.

ടെബ്ലേറ്റ് ബാക്കപ്പ് ചെയ്തുവോ?
ഇത് രണ്ട് രീതിയില്‍ ഉണ്ട്..

1.ആദ്യത്തെ അക്ഷരം മാത്രം വലുതാക്കുവാന്‍.
ചിത്രത്തിലഏത് കണ്ടുകാണുമല്ലോ..... ഇതിനായി

പോസ്റ്റ് എഡിറ്ററിലെ Compose മോഡില്‍ നിന്നും Edit HTML മോഡില്‍ വരുക. അതിനുശേഷം ഈ കോഡ് പേസ്റ്റ് ചെയ്യുക.

<span style="font-family:Georgia,;color:#000000;
font-size:56px;font-weight:normal;line-height:80%;letter-spacing:-6px;">ആ</span>

ആ എന്നുള്ളതിനു പകരം ആദ്യത്തെ അക്ഷരം കൊടുക്കുക.
2.പാരഗ്രാഫ് സ്റ്റൈല്‍

<span style="float:left;color:#000000;font-size:100px;
line-height:70px;padding-top:2px;font-family: Times, serif, Georgia;">ആ</span>

ഈ കോഡ് പേസ്റ്റ് ചെയ്യുക.

കുറിപ്പ്: color: നിറവും font-size:കകpx വലുപ്പവുമാണ് മാറ്റാവുന്നതാണ്. പരീക്ഷിച്ചു നോക്കൂ. HTML കളര്‍ കോഡാണ് ഉപയോഗിക്കേണ്ടത് ദാ ഇവിടെ കിട്ടും.

എനിക്കെങ്ങും വയ്യേ ഇത്രേകോഡ് എപ്പോഴും പേസ്റ്റ് ചെയ്തോണ്ടിരിക്കുവാന്‍..

ആഹാ അങ്ങനെയാണോ ദാ ഒരെളുപ്പവഴി. എല്ലാപോസ്റ്റിലും നിങ്ങളിത് പേസ്റ്റ് ചെയ്യാതെ തന്നെ New Post എടുക്കുമ്പോള്‍ വരുവാന്‍ വേണ്ടി സെറ്റപ്പ് ചെയ്തു വെയ്ക്കാം. രണ്ടു രീതിയില്‍ ഇതു ചെയ്യാം.

1. ബ്ലോഗ് സെറ്റിങ്ങ് വഴി.
DASHBOARD ► SETTINGS ► FORMATTING ► ല്‍ താഴെയായി Post Template എന്നൊന്നുണ്ട്. അവിടെ മേല്‍പ്പറഞ്ഞ കോഡ് പേസ്റ്റ് ചെയ്ത് സേവ് ചെയ്തോളൂ..(ഏതെങ്കിലും ഒന്ന്) പിന്നെ പുതിയ പോസ്റ്റെടുക്കുമ്പോള്‍ ഇത് തനിയെ വരും..

2.HTML(CSS) എഡിറ്റിങ്ങ് വഴി
(ഇത് റെക്കമന്‍ഡ് ചെയ്യുന്നില്ല. അഡ്വാന്‍സ്ഡ് യൂസേര്‍സിനെ ഉദ്ദേശിച്ചാണ് ഫോണ്ട് കളറോ വലുപ്പമോ മാറ്റുവാന്‍ ഓരോ പ്രാവശ്യവും എഡിറ്റ് ചെയ്യേണ്ടി വരും അതിനാല്‍ മുകളില്‍ പറഞ്ഞതാണ് നല്ലത്)

DASHBOARD ► LAYOUT ► EDIT HTML ►

ഈ കോഡ് കണ്ടു പിടിക്കുക...

]]></b:skin>

ഇതിനു മുകളിലായി താഴെക്കാണുന്ന കോഡ്(ഏതെങ്കിലും ഒന്ന് വേണ്ടുന്നത്) പേസ്റ്റ് ചെയ്യുക.

ആദ്യത്തെ അക്ഷരം ...

.bigfirst {
font-weight:normal;
color:#000000;
font-size:56px;
line-height:80%;
letter-spacing:-6px;
font-family: Times, serif, Georgia;
}

പാരഗ്രാഫ്...

.dropcap {
float:left;
color:#000000;
font-size:100px;
line-height:70px;
padding-top:2px;
font-family: Times, serif, Georgia;
}

ഇതിനുശേഷം പോസ്റ്റ് ഉപയോഗിക്കുമ്പോള്‍..

<span class="bigfirst">ആ</span>

<span class="dropcap">പാ</span>

ഇങ്ങനെ ചെയ്താല്‍ മതിയാകും.

കമന്റിടാന്‍ മറക്കണ്ട..