kp3 Marquee Post title test: 05 November 2009

kp3နည္းပညာ၊၈၉၊မိမိရဲ႕ဘေလာ့Post ကေန႕စြဲေလးကိုCalendar style နဲ႕ေျပာင္းခ်င္ရင္

Posted by KP-3မိသားစု | Labels: Blogger Hack

မိမိရဲ႕ဘေလာ့Post ကေန႕စြဲေလးကိုေအာက္ကပံုအတိုင္း Calendar style နဲ႕ေျပာင္းျခင္ရင္
ေပါ့ေနာ္၊နည္းနည္းေလးၾကည့္ရတာပိုလွသြားတာေပါ့ဟီး...
ေအာက္မွာထည့္နည္းေလးကေတာ့ ၃ဆင့္ေလာက္ရိွေပမယ့္ရွင္းပါတယ္စိတ္ဝင္စားရင္ေတာ့

၁။ Layout.

၂။Edit HTML

၃။Download the Full Template

၄။ေအာက္က Code ကိုရွာပါ။Ctrl+F ရွာရင္ျမန္ပါတယ္

<data:post.dateHeader/>

၅။ေတြ႕ျပီဆိုရင္ေအာက္က Code ႏွင့္အစားထိုးလိုက္ပါ၊

<div id='date'>
<script> replace_date(&#39;<data:post.dateHeader/>&#39;);
</script>
</div>

၆။ေအာက္က Code ကိုထပ္ရွာပါ၊

</head>

၇။ေတြ႕ျပီဆိုရင္အေပၚမွာေအာက္က Code ကိုထည့္လိုက္ပါ၊

<style>
    /* To view the year change the &quot;none&quot; to &quot;block&quot; */
    #date {
    display: block;
    float:left;
    margin: 0 5px 0px 0;
    padding: 1px 15px 15px 10px;
    color: #333;
    background: transparent url(http://bloggertipspro.googlepages.com/Calendar.png) no-repeat;
    border: 0;
    text-transform: uppercase;
    }

    .month {
    margin: 0px 5px 0px 9px;
    color: #fff;
    display: block;
    font-size: 10px;
    font-weight:bold;
    }

    .year {
    margin: 0px 5px 0px 6px;
    display: block;
    font-size: 10px;
    }

    .day {
    margin: 5px 5px 0px 7px;
    display: block;
    font-size: 20px;
    font-weight:bold;
    }
    </style>

အေပၚက Code ကေတာ့ CSS codeေပါ့ေနာ္ Calendar နဲ႕တူေအာင္ကူညီေပးတဲCode ပါ
ပံုလင့္ခ္ေနရာမွာမိမိနွစ္သက္သည့္ Calendar ပံုထည့္သံုးလို႕ရပါတယ္။

ဒါကေတာ့ပံုရဲ႕လင့္ခ္ပါ(http://bloggertipspro.googlepages.com/Calendar.png)

၈။ေနာက္ဆံုးအဆင့္ေအာက္က Code ကိုထပ္ရွာပါ

<body>

၉။ေတြ႕ျပီဆိုရင္ေအာက္မွာ ေအာက္က Code ကိုထည့္ေပးလိုက္ပါ။

<!--date image background-->
<script>
function replace_date(d)
{
var da = d.split(&#39; &#39;);
month = &quot;<div class='month'>&quot;+da[1].slice(0,3)+&quot;</div>&quot;;
day = &quot;<div class='day'>&quot;+da[0]+&quot;</div>&quot;;
year = &quot;<div class='year'>&quot;+da[2]+&quot;</div>&quot;;
document.write(month+day+year);
}
</script>
<!--date image background-->

၁ဝ။Save template ကိုႏိုပ္လိုက္ပါ။ျပီးပါျပီ။။။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊

ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

kp3နည္းပညာ၊၈၈၊5-star rating ေလးထည့္ခ်င္ရင္

Posted by KP-3မိသားစု | Labels: Blogger Tutorial

မိမိရဲ႕ဘေလာ့မွာလြယ္လြယ္ကူကူနွင့္ 5-star rating ေလးထည့္ျခင္ရင္အားလံုးရွင္းေအာင္လည္း
က်ေနာ္သံုးျပထားပါတယ္ Register ေလးလုပ္ေပးလိုက္ျပီးဘေလာ့ Blog URLေလးေရးထည့္လိုက္
ျပီးရင္ေအာက္မွာေတြ႕ရပါလိမ့္မည္ Get Wedget Now ဆိုတာေလးႏိုပ္လိုက္ရင္ Auto install ပါဘဲ
ၾကိဳက္ခဲ့ရင္ယူသံုးလို႕ရေအာင္ပါလင့္ခ္ကေအာက္မွာပံုနဲ႕တကြ

လင့္ခ္ကေတာ့ ဒီမွာ ပါ။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊

ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

kp3နည္းပညာ၊၈၇၊Recent Comments ေတြကို Summariesနဲ႕လုပ္ခ်င္ရင္

Posted by KP-3မိသားစု | Labels: Blogger Widget

ဒီေန႕က်ေနာ္တင္မယ့္ Post ေလးကေတာ့ဘေလာ့Recent Comments ေတြကို Summaries
နဲ႕လုပ္ျခင္ရင္ေပါ့ေနာ္၊သိျပီးၾကသူေတြလည္းမ်ားပါတယ္။အခုလက္ရွိသံုးတဲ့ဘေလာ့ဂါမိတ္ေဆြ
လည္းမ်ားပါတယ္၊မသိၾကေသးတဲ့သူငယ္ခ်င္းေတြရွိခဲ့ေသာ္သံုးလို႕ရေအာင္ပါ။အားလံုးကိုလည္း
အစဥ္ျမဲေလးစားလၽွက္ပါ။
ေအာက္မွာထည့္နည္းနွင့္တကြ Code

၁။ Layout.

၂။ Page Elements.

၃။ Add a Gadget.

၄။ HTML / Javascript.

<ul style="font-style: italic;"><script style="text/javascript
">
function showrecentcomments(json) {
for (var i = 0; i < 20; i++) {
var entry = json.feed.entry[i];
var ctlink;

if (i == json.feed.entry.length) break;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
ctlink = entry.link[k].href;
break;
}
}
ctlink = ctlink.replace("#", "#comment-");
var ptlink = ctlink.split("#");
ptlink = ptlink[0];
var txtlink = ptlink.split("/");
txtlink = txtlink[5];
txtlink = txtlink.split(".html");
txtlink = txtlink[0];
var pttitle = txtlink.replace(/-/g," ");
pttitle = pttitle.link(ptlink);
if ("content" in entry) {
var comment = entry.content.$t;}
else
if ("summary" in entry) {
var comment = entry.summary.$t;}
else var comment = "";
var re = /<\S[^>]*>/g;
comment = comment.replace(re, "");

document.write('<li style="text-align:left">');
document.write('<a href="' + ctlink + '">' + 
entry.author[0].name.$t + '</a>');
document.write(' on ' + pttitle);
document.write('<br>');
if (comment.length < 150) {
document.write(comment + '...<a href="' + ctlink + '"> (more)
</a><br><br>');
}
else
{
comment = comment.substring(0, 150);
var quoteEnd = comment.lastIndexOf(" ");
comment = comment.substring(0, quoteEnd);
document.write(comment + '...<a href="' + ctlink + '"> (more
)</a><br><br>');
}
}
document.write('</li>');
}
</script>
<script src="http://ဘေလာ့အမည္ထည့္ပါ.blogspot.com/feeds/comments/
default?alt=json-in-script&callback=showrecentcomments">
</script></ul>

၅။Save နိုပ္လိုက္ပါ။

ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု

kp3နည္းပညာ၊၈၇၊မိမိရဲ႕ဘေလာ့မွာ Facebook Badge ထည့္နည္းေလး

Posted by KP-3မိသားစု | Labels: Blogger Widget

ဒါေလးကေတာ့မိမိရဲ႕ဘေလာ့မွာ Facebook Badge ထည့္နည္းေလးပါ၊ဘေလာ့ကပိုမိုးျပီးျပည့္စံုသြား
တာေပါ့ေနာ္၊ေအာက္မွာသြားရမည္ေနရာေလးျပထားေပးပါတယ္။

၁။ဒီေနရာမွာအရင္သြားမယ္၊

၂။ေအာက္ကျပထားသည့္ပံုအတိုင္း Badge ေတြ႕ရလိမ့္မယ္။မိမိႏွစ္သက္သည့္ Badgeႏိ္ုပ္လိုက္ျပီး
ရလာတဲ့ Code ကိုထံုးစံတိ္ုင္း၊

၃။Copyလုပ္ျပီး Dashboard ->>> Layout ->>> Page Elements- >>>HTML/JavaScript>>>
မွာ Paste လုပ္လိုက္ပါ။

၄။Save ကိုနိုပ္လိုက္ပါ။ျပီးပါျပီ။

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
ဘေလာ့ဂါမိတ္ေဆြအားလံုးကိုအစဥ္ျမဲခ်စ္ခင္ေလးစားလၽွက္ kp3မိသားစု