Loading...
04 July 2012

බ්ලොග් එකට post දමපු දින පෙන්වන calender එකක් දමමු




source :  http://bloggerstop.net/2009/12/add-blogger-archive-calendar-widget.html

මුලින්ම කරන්න තියෙන්නේ blogger layout එකට ගිහින් add gadget වලින් BlogArchive gadget එක එකතු කර ගන්න

ඊට පස්සේ edit html වලට ගිහින්
<b:widget id='BlogArchive1' locked='false' title='blogarchive' type='BlogArchive'/>

හොයාගෙනඒක වෙනුවට පහල code දමන්න
මතක ඇතුව expand.... එක tic කරන්න එපා

<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'><b:includable id='main'><b:if cond='data:title'><h2><data:title/></h2></b:if><div class='widget-content'><div id='ArchiveList'><div expr:id='data:widget.instanceId + "_ArchiveList"'><b:if cond='data:style == "HIERARCHY"'><b:include data='data' name='interval'/></b:if><b:if cond='data:style == "FLAT"'><b:include data='data' name='flat'/></b:if><b:if cond='data:style == "MENU"'><b:include data='data' name='menu'/></b:if></div></div><b:include name='quickedit'/></div></b:includable><b:includable id='toggle' var='interval'><!-- Toggle not needed for Calendar --></b:includable><b:includable id='flat' var='data'><div id='bloggerCalendarList'><ul><b:loop values='data:data' var='i'><li class='archivedate'><a expr:href='data:i.url'><data:i.name/></a> (<data:i.post-count/>)</li></b:loop></ul></div>
<div id='blogger_calendar' style='display:none'><table id='bcalendar'><caption id='bcaption'>
</caption><!-- Table Header --><thead id='bcHead'></thead><!-- Table Footer -->
<!-- Table Body --><tbody><tr><td id='cell1'> </td><td id='cell2'> </td><td id='cell3'> </td><td id='cell4'> </td><td id='cell5'> </td><td id='cell6'> </td><td id='cell7'> </td></tr><tr><td id='cell8'> </td><td id='cell9'> </td><td id='cell10'> </td><td id='cell11'> </td><td id='cell12'> </td><td id='cell13'> </td><td id='cell14'> </td></tr><tr><td id='cell15'> </td><td id='cell16'> </td><td id='cell17'> </td><td id='cell18'> </td><td id='cell19'> </td><td id='cell20'> </td><td id='cell21'> </td></tr><tr><td id='cell22'> </td><td id='cell23'> </td><td id='cell24'> </td><td id='cell25'> </td><td id='cell26'> </td><td id='cell27'> </td><td id='cell28'> </td></tr><tr><td id='cell29'> </td><td id='cell30'> </td><td id='cell31'> </td><td id='cell32'> </td><td id='cell33'> </td><td id='cell34'> </td><td id='cell35'> </td></tr><tr id='lastRow'><td id='cell36'> </td><td id='cell37'> </td></tr></tbody></table><table id='bcNavigation'><tr><td id='bcFootPrev'></td><td id='bcFootAll'></td><td id='bcFootNext'></td></tr></table>
<div id='calLoadingStatus' style='display:none; text-align:center;'><script type='text/javascript'>bcLoadStatus();</script></div><div id='calendarDisplay'/></div>
<script type='text/javascript'> initCal();</script>
</b:includable><b:includable id='posts' var='posts'><!-- posts not needed for Calendar --></b:includable><b:includable id='menu' var='data'>Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format</b:includable><b:includable id='interval' var='intervalData'>Configure your calendar archive widget - Edit archive widget - Flat List - Newest first - Choose any Month/Year Format</b:includable></b:widget>



පස්සේ </head> හොයාගෙන ඊට උඩින් පහල code දමන්න
<!-- Start Blogger Archive Calendar -->
//STYLE CODE WILL COME HERE 
<script src='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/blogger_archive.js' type='text/javascript'/><script src='/feeds/posts/summary?max-results=0&amp;alt=json-in-script&amp;callback=timezoneSet'/>
<!-- End Blogger Archive Calendar -->



මෙතන //STYLE CODE WILL COME HERE  කියන තැනට පහල එකක් දමන්න

Style for Dark Templates


<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/dark_theme.css' rel='stylesheet' type='text/css'/>

Style - Plain White


<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/plain_white.css' rel='stylesheet' type='text/css'/>

Style - Blue/Black


<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/blue_black.css' rel='stylesheet' type='text/css'/>

Style - Dusty Blue


<link href='http://files.main.bloggerstop.net/uploads/3/0/2/5/3025338/dusty_blue.css' rel='stylesheet' type='text/css'/>

ඊට පස්සේ අර මුලින් add කරපු widget  එක edit කරලා පහල විදියට වෙනස් කරන්න


6 comments. :

  1. ඇත්තටම මට නම් මේක ගොඩක් වටිනවා.ස්තූතියි යාළු..මාත් බ්ලොග් එකේ දාන්න ඕන!

    ReplyDelete
  2. අනේ මට හදාගන්න බැහැනෙ මේක..:(

    ReplyDelete
  3. vedio eka බලන්න. නැත්තන් http://bloggerstop.net/2009/12/add-blogger-archive-calendar-widget.html
    වලට යන්න. sorry for the inconvenions

    ReplyDelete
  4. හ්ම්ම්..:)

    ReplyDelete
  5. තැන්ක්ස් මචං බ්ලොග් එකට post දමපු දින පෙන්වන calender දුන්නට

    ReplyDelete
  6. :) මමත් දාගත්තා.thanks

    ReplyDelete

Your comment is the most important item for me...

අපිත් එක්ක එකතු වෙමු

 
TOP