Wednesday, June 19, 2013

TEST


blog (a contraction of the words web log)[1] is a discussion or informational site published on the World Wide Web and consisting of discrete entries ("posts") typically displayed in reverse chronological order (the most recent post appears first). Until 2009 blogs were usually the work of a single individual, occasionally of a small group, and often covered a single subject. More recently "multi-author blogs" (MABs) have developed, with posts written by large numbers of authors and professionally edited. MABs from newspapers, other media outlets, universitiesthink tanks, interest groups and similar institutions account for an increasing quantity of blog traffic. The rise ofTwitter and other "microblogging" systems helps integrate MABs and single-author blogs into societal newstreams. Blog can also be used as a verb, meaning to maintain or add content to a blog.
The emergence and growth of blogs in the late 1990s coincided with the advent of web publishing tools that facilitated the posting of content by non-technical users. (Previously, a knowledge of such technologies as HTML and FTP had been required to publish content on the Web.)

Blogger Template එකක් Design කරමු (2) TEST



ඔක්කොටම කලින් මේ tut එකේ පළමුවැනි කොටස බැලුවෙ නැත්නම් මෙතනින් ගිහින් බලන්න.

<b:widget id='Blog1' locked='false' title='Blog Posts' type='Blog'/>
මම හිතනවා ඔයාලා මේ code 1 දාලා බලන්න ඇති කියලා. වැඩේ හරිනම් ඔයාලගේ post ටිකත් preview එකේ පෙන්නන්න ඕනේ. ( උඩ තියෙන රූපය වගේ ) ටිකක්  අපිළිවෙලයි නේද? ගණන් ගන්න එපා පස්සේ CSS Use කරලා ඕක පිළිවෙල කල හැකියි. දැන් අපි තව section දෙකක් add කරමු. <body> සහ </body> අතරට මේ code එක දාලා බලන්නකෝ.

<b:section class='sidebar' id='sidebar' maxwidgets='' showaddelements='yes'>
<b:widget id='BlogArchive1' locked='false' title='Archive' type='BlogArchive'/>
<b:widget id='Profile1' locked='false' title='About Me' type='Profile'/>
</b:section>

<b:section class='footer' id='footer' maxwidgets='' showaddelements='yes'>
<b:widget id='Attribution1' locked='false' title='' type='Attribution'/>
</b:section>
පළමු වැනි section එකෙන්  අපි define කරලා තියෙන්නේ sidebar එකයි. ඒ වගේම  අපි ඒකට BlogArchive, Profile කියන widget දෙක add කරලා තියෙනවා. දෙවැනි එක footer section  එක. (footer එක අවශ්‍ය නැත්නම් ඒක delete කරලා දාන්න.

Blogger Template එකක් Design කරමු (3)


Tut එකේ මුල් කොටස් 2 බැලුවෙ නැද්ද?
               Part 1
               Part 2

        අද මම කියලා දෙන්න යන්නේ blog template layout එක css වලින් design කරන්නේ කොහොමද  කියන එක. ඔයාලගේ  blog template code එකේ <b:skin><![CDATA[  සහ ]]></b:skin> අතර තමයි css code එක ලිවිය යුත්තේ. නමුත් ඊට වඩා ලේසි ක්‍රමයක් Blogger එකේ ලබා දීලා තියෙනවා. Blogger Dashboard එකේ Template-->Customize යන්න click කරන්න. දැන් Advanced යන්න මත click කරන්න. දැන් අපිට අවශ්‍ය CSS code එක ඔය TextEditor එකේ ලියන්න පුළුවන්. ඒ වගේම එකේ preview එකත් ඒ ගමන් ඔය යටින් පෙන්නනවා.
        css code එක ලියන්න කලින් ඔයාලා කරන්න යන දේ ගැන පොඩි අදහසක් තියෙන්න ඕනේ. මගේ හිතේ තියෙන්නේ ඔය රූපේ තියෙන විදිහේ සරල Design එකක්. Photoshop දන්නවනම් Design එක්ක මුලින්ම කරගන්නකෝ. දන්නැති උනාට කමක් නෑ. පොඩි idea එකක් ඔලුවට දාගන්න. මගේ Design එකේ width එක 900px වෙනවා. කියන්න අමතක උනා මම Post Title එකට උඩින් දිනේ වැටෙන එක අයින් කරා. කැමති නම් ඔයාලා ඒක අයින් කරන්න. Blogger Dashboard එකේ Layout-->Blog post Widget එකේ edit click කරන්න. දැන් ලැබෙන window එකේ ඔය (දකුණු පැත්තේ රූපය බලන්න) හරිය ඉවත් කරන්න. ඊට පසුව දකුණු පැත්තේ උඩ තියෙන Save Arrangement යන්න click කරන්න.