Wordpress မှာ လူကြိုက်များတဲ့ widget တစ်ခု ဖြစ်တဲ့ Archive Calendar widget လေးကို ကျွန်တော် တို့ Blogspot ဘလော့ဂ် တွေမှာ ဘယ်လို ထည့်ရမလဲ ဆိုတဲ့ နည်းလေး တစ်ခု ဝေမျှချင်ပါတယ်..။
ထုံးစံ အတိုင်းပေါ့ဗျာ Layout -> Edit HTML ထဲကို သွားလိုက်ပါ..
ပုံအကြီးကြည့်ရန်ပုံကိုနှိပ်ပါ |
ပြီးရင်တော့Download Your Template ဆိုတာလေးကို လုပ်ထားလိုက်ပေါ့ ဒါမှ တစ်ခုခု လွဲချော် ခဲ့သည် ရှိသော် ကိုယ့်အရင် တန်းပလိတ်ကို ပြန်ထည့်လို့ရတာပေါ့..။
ပြီးရင် Ctrl + F ကို နှိပ်ပြီး့ ဟော့ဒီ အောက်က ကုဒ်လေးကို ရှာလိုက်ပါ Expand Widget Templates မလုပ်ထားပါနဲ့...
<b:widget id='BlogArchive1' locked='false' title='Blog Archive' type='BlogArchive'/>
အဲဒီနေရာမှာ တစ်ခု သတိထားရမှာက title='Blog Archive' ဆိုတဲ့ နေရာမှာ ကိုယ်က တစ်ခြား နာမည် တစ်ခုခု ကိုပြောင်းပေးထားတယ် ဆိုရင် အဲဒီ နာမည်ကို အစားထိုးထည့်ပြီး ရှာနိုင်ပါတယ်..ဒီလိုမှ မဟုတ်ရင်တော့ တွေ့မှာ မဟုတ်ပါဘူး...။
ကဲ တွေ့ပြီ ဆိုရင်တော့ ဟောဒီ အောက်က ကုဒ်တွေကို အဲဒီ စာကြောင်းနေရာမှာ အစားထိုးလိုက်ပါ..
<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>
ထည့်ပြီးပြီ ဆိုရင် အရင် Preview ခလုတ် ကို နှိပ်ကြည့်လိုက်ပါ ဘာ Error မှ မပြဘူး ဆိုရင် သင့် Templete ကို SAVE လုပ်နိုင်ပါပြီ..။
Save လုပ်ပြီးသွားပြီ ဆိုရင် နောက်တစ်ဆင့် အနေနဲ့ ဒီအောက်က ကုဒ်လေးကို ရှာလိုက်ပါ..
]]></b:skin>
တွေ့ပြီဆိုရင် အောက်မှာ ဖော်ပြထားတဲ့ ကုဒ်တွေကို အဲဒီ အပေါ်မှာ ထည့်ပေးပါ..
/* Archive Calendar CSS
----------------------------------------------- */
/* div that holds calendar */
#blogger_calendar { margin:5px 0 0 0;width:98%;}
/* Table Caption - Holds the Archive Select Menu */
#bcaption {border:1px solid $bcTableBorderColor;padding:2px;margin:10px 0 0;background:$bcMenuBackgroundColor;font:$bcCalenderFonts}
/* The Archive Select Menu */
#bcaption select {background:$bcMenuBackgroundColor;border:0 solid $bcMenuBackgroundColor;color:$bcMenuTextColor;font-weight:bold;text-align:center;}
/* The Heading Section */
table#bcalendar thead {}
/* Head Entries */
table#bcalendar thead tr th {width:20px;text-align:center;padding:2px; border:1px outset $bcTableBorderColor; font:$bcCalenderFonts;background:$bcTableHeaderBackgroundColor;color:$bcTableHeaderTextColor}
/* The calendar Table */
table#bcalendar {border:1px solid $bcTableBorderColor;border-top:0; margin:0px 0 0px;width:95%;background:$bcTableBackgroundColor}
/* The Cells in the Calendar */
table#bcalendar tbody tr td {text-align:center;padding:2px;border:1px outset $bcTableBorderColor; color:$bcTableTextColor;font:$bcCalenderFonts;}
/* Links in Calendar */
table#bcalendar tbody tr td a:link, table#bcalendar tbody tr td a:visited, table#bcalendar tbody tr td a:active {font-weight:bold;color:$bcCalenderLinksColor;}
table#bcalendar tbody tr td a:hover {color:$bcCalenderLinksHoverColor;}
/* First Row Empty Cells */
td.firstCell {visibility:visible;}
/* Cells that have a day in them */
td.filledCell {}
/* Cells that are empty, after the first row */
td.emptyCell {visibility:hidden;}
/* Cells with a Link Entry in them */
td.highlightCell {background:$bcTableHighLightColor;border:1px solid $bcTableBorderColor}
/* Table Footer Navigation */
table#bcNavigation {width:95%;background:$bcTableFooterBackground;border:1px solid $bcTableBorderColor;border-top:0;color:$bcTableTextColor;font:$bcCalenderFonts;}
table#bcNavigation a:link {text-decoration:none;color:$bcFooterLinksColor}
td#bcFootPrev {width:10px;}
td#bcFootAll{text-align:center;}
td#bcFootNext {width:10px;}
ul#calendarUl {margin:5px auto 0!important;}
ul#calendarUl li a:link {}
ပြီးရင်တော့ ကိုယ့်ရဲ့ Calendar ရဲ့ စာလုံး အရွယ် အရောင် နောက်ခံ ဘက်ဂရောင်း အရောင် အစရှိသဖြင့် ကိုယ့်စိတ်ကြိုက်ကို ဘလော့ဂါ Layout ->Fonts and Colors ထဲမှာ စိတ်ကြိုက် ပြင်နိုင်ဖို့ အတွက် အောက်က ကုဒ်လေးတွေကို ကျွန်တော်တို့ ဘလော့ရဲ့ မိန်းဖရိမ် ဖြစ်တဲ့ body နဲ့ ဘလော့တန်းပလိတ်ကို ရေးဆွဲသူ ရဲ့ အချက်အလက်တွေ ရေးထားတဲ့ နေရာကြားထဲကို ထည့်ပေးပါ တစ်ချို့ တန်းပလိတ်များကတော့ ကာလာ Variable ကုဒ်တွေ ပါပြီးသားဆိုရင် အဲဒီအောက်မှာ ထည့်လိုက်ပေါ့ဗျာ..ပြီးရင် တစ်ခါ ထပ်ပြီး Save လုပ်လိုက်လို့ ရပါပြီ..။
နောက်တစ်ဆင့် အနေနဲ့ကတော့ Layout -> Page Elements ထဲက ကိုယ့် archive widget ကို အောက်က ပုံလေး အတိုင်း Setting လုပ်ပေးလိုက်..
ပြီးရင်တော့ သင့်ဘလော့ဂ်ရဲ့ ဆိုဒ်ဘားမှာ Wordpress Style Archive Calendar လေး ပေါ်နေပါပြီ..ကိုယ်ကြိုက်သလို အရောင်ရွေးချယ်ဖို့ကတော့ အပေါ်မှာ ပြောထားခဲ့သလိုပဲ Layout ->Fonts and Colors ထဲမှာ သွားပြင်လိုက်ပေါ့ဗျာ..
အဲဒီလို အရောင် ပြင်နေတဲ့ အချိန်မှာတော့ အောက်က Preview မှာ Calendar ထဲ ရက်စွဲတွေ မပေါ်နေလို့ လန့်တော့ မသွားပါနဲ့ အားလုံး ပြီးလို့ save လုပ်ပြီးမှ ကိုယ့်ဘလော့ဂ် ကိုဝင်ကြည့်မှ အကုန်မြင်ရမှာပါ..
Credits for the widget: Phydeaux3
PS: ဤ ဘလော့တွင် ဖော်ပြထားသော ဆော့ဖ်ဝဲလ် များ ဘလော့ဂ်နှင့်သက်ဆိုင်သော နည်းပညာများ ကို အခြားအခြားသော ဘလော့ဂ်များ တွင်လဲ ဖော်ပြပြီး ဖြစ်ကောင်း ဖြစ်နိုင်ပါသည် ကျွန်တော့်ဘလော့ဂ်တွင် တင်ထားသမျှသည် ကျွန်တော် လိုချင်သောအခါ အလွယ်တကူ ရရှိရန် နှင့် မရှိသေးသူများ အတွက် ရည်ရွယ်ပါသည်...။
ဒါေလးေတြလဲ ရွိေသးတယ္
0 ေယာက္ကဒီလိုျမင္တယ္ to "ဘလော့ဂါ များအတွက် Wordpress Archive Calendar"
About Me
- လင်းထက်
- ကျွန်တော့် ဘဝထဲက အမှတ်တရတွေ သတိရ သလောက် မှတ်တမ်းတင်ရုံ သက်သက်ပါ...။
Followers
€€€€€€€€€€€€€€€€€€€€€€€€€€€€
ထွေရာလေးပါးပြောကြမယ်
Blog Archive
- June (1)
- September (1)
- January (1)
- December (1)
- November (3)
- October (1)
- September (1)
- August (3)
- July (1)
- June (2)
- April (1)
- March (1)
- January (1)
- October (3)
- August (2)
- June (2)
- April (2)
- March (2)
- February (6)
- January (4)
- December (4)
- November (4)
- October (1)
- September (1)
- July (1)
- June (5)
- May (14)
- April (12)
- March (6)
- October (1)
- September (6)
- August (3)
- July (4)
- June (6)
- May (4)
- April (2)
- March (4)
- February (7)
- January (10)
- December (3)
- November (5)
- October (2)
- September (4)
- August (3)
- July (2)
- June (5)
- May (8)
- April (9)
- March (9)
Labels
Birth Day Memorial
(10)
Blogger Tips and Tricks
(17)
Browser
(1)
Burning
(1)
Comdey
(13)
Copy
(2)
Diary In The Life
(4)
Downloader
(3)
Essay
(12)
Feeling
(11)
File Lock
(1)
Firefox
(1)
Firefox Add On
(3)
General
(5)
Google Earth
(1)
Hide IP
(1)
Horror
(6)
Horror Movie
(1)
Internet and Program
(3)
Internet Security
(1)
Knowledge
(3)
Movie
(5)
Movie preview
(1)
Music Video
(2)
News
(5)
Office Activator
(1)
Password Recovery
(1)
photoshop
(1)
player
(2)
poem
(56)
sceeen recorder
(1)
SciFi
(1)
software
(19)
Tag Post
(5)
Technic
(5)
Travel
(2)
True Story
(5)
Uniblue Power Suite
(1)
widget
(3)
Window
(2)
Post a Comment
အေပၚမွာ ေရးထားတာ နဲ႕ ပါတ္သက္လို႕ သင္ဘယ္လို ျမင္ပါသလဲ ေမးခ်င္တာ ေျပာခ်င္တာ တစ္ခုခုမ်ား ရွိခဲ့ရင္ ဒီေနရာမွာ ေျပာထားခဲ့ နိုင္ပါတယ္..။