kp3 Marquee Post title test: 28 September 2009

kp3နည္းပညာ၊၅၅၊မိမိရဲ့ဘေလာ့မွာPopular Posts Widgetထားခ်င္ရင္

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

ေအာက္မွာCode

  <script type="text/javascript">
    function pipeCallback(obj) {
    document.write('<ul style="text-transform: capitalize;">');
    var i;
    for (i = 0; i < obj.count ; i++)
    {
    var href = "'" + obj.value.items[i].link + "'";
    var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
    document.write(item);
    }
    document.write('</ul>');
    }
    </script>
    <script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2Fဤေန၇ာတြင္မိမိဘေလာ့Linkကိုထည့္ေပးပါ&num=10" type="text/javascript"></script>
    <a href="http://kp3family.blogspot.com/2009/09/kp3_8882.html"><span style="font-size: xx-small;">Popular Posts Widget</span></a>

မွတ္ခ်က္--မိမိရဲ့ဘေလာ့Link ထည့္ရာတြင္ http:// မပါ၇???

အေပၚကCodeကိုpasteလုပ္ၿပီးရင္
၄။Save နိုပ္လိုက္ပါ။ ၿပီးပါၿပီ။။
kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

kp3နည္းပညာ၊၅၅၊

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

ဒါေလးကေတာ့အခုေခတ္စားေနတဲ့Popular Posts Widget ေပါ့ေနာ္၊
မိမိရဲ့ဘယ္ Post မွာ Comments ဘယ္ေလာက္ရိွတယ္ဆိုတာ
အေ၇အတြက္ေလးျပေပးတဲ့ Code ေလးပါ။
Comments မ်ားတဲ့သူေတြအတြက္ဆို၇င္ပိုၿပီးအဆင္ေျပတာေပါ့ေနာ္

၁။Layout
၂။ Add a Gadget
၃။ HTML/JavaScript

ေအာက္မွာCode

<script type="text/javascript">
function pipeCallback(obj) {
document.write('<ul style="text-transform: capitalize;">');
var i;
for (i = 0; i < obj.count ; i++)
{
var href = "'" + obj.value.items[i].link + "'";
var item = "<li>" + "<a href=" + href + ">" + obj.value.items[i].title + "</a> </li>";
document.write(item);
}
document.write('</ul>');
}
</script>
<script src="http://pipes.yahoo.com/pipes/pipe.run?_render=json&_callback=pipeCallback&_id=a7d3195528df5e96181a3d2712266226&url=http%3A%2F%2Fဤေန၇ာတြင္မိမိဘေလာ့Linkကိုထည့္ေပးပါ&num=10" type="text/javascript"></script>
<a href="http://kp3family.blogspot.com/2009/09/kp3_8882.html"><span style="font-size: xx-small;">Popular Posts Widget</span></a>

မွတ္ခ်က္--မိမိရဲ့ဘေလာ့Link ထည့္ရာတြင္ http:// မပါ၇???

အေပၚကCodeကိုpasteလုပ္ၿပီးရင္
၄။Save နိုပ္လိုက္ပါ။ ၿပီးပါၿပီ။။
kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

kp3နည္းပညာ၊၅၄၊မိမိရဲ့ဘေလာ့Linkေတြကို Rollover Buttonလုပ္ခ်င္ရင္

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

ဒါေလးကေတာ့ Rollover Button လို့ေခၚပါတယ္။
မိမိရဲ့Link ေတြကိုပိုမိုလွပသြားေအာင္လုပ္ျခင္ရင္ေပါ့ေနာ္၊
တခ်ိဳ့ဘေလာ့မိတ္ေဆြေတြသံုးတာလည္းျမင္ဖူးပါတယ္ လိုအပ္ခဲ့သည္ရိွေသာ္
ေအာက္မွာနမူနာနဲ႕တကြCode

Code ကေအာက္ပါဘဲ

<form action="http://www.google.com" target="_blank" method="GET">
<input type="submit" value="Google">
</form>

Google ေန၇ာမွာမိမိရဲ့link နဲ႕အမည္ထည့္ေပးလိုက္ရံုပါဘဲ၊

kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

kp3နည္းပညာ၊၅၄၊

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

Code ကေအာက္ပါဘဲ

<form action="http://www.google.com" target="_blank" method="GET">
<input type="submit" value="Google">
</form>

Google ေန၇ာမွာမိမိရဲ့link နဲ႕အမည္ထည့္ေပးလိုက္ရံုပါဘဲ၊

kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

kp3နည္းပညာ၊၅၃၊မိမိရဲ့ဘေလာ့မွာ Tweet နဲ့ Retweet Buttonေလးထည့္ခ်င္ရင္

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

<div class='post-header-line-1'/>

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

<script type="text/javascript"> tweetmeme_url = '<data:post.url/>'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>

ေနာက္တစ္ခုၾကေတာ့ေအာက္မွာပံုနဲ့တကြCode

<script type="text/javascript"> tweetmeme_style = 'compact'; tweetmeme_url = '<data:post.url/>'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

ေနာက္တစ္ခုရိွေသးတယ္ေအာက္မွာ

<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://www.gigaimage.com/images/cqujmnn2s4ribveury7.gif'/></a>

၄။Save Template button.ႏိုပ္ပါ။။
kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

kp3နည္းပညာ၊၅၃၊

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

ဒါေလးကေတာ့မိမိရဲ့ဘေလာ့မွာ Tweet နဲ့ Retweet Button
ေလးထည့္နည္းတစ္မ်ိဳးေပါ့ေနာ္။။ Diggေန့စြဲေလးလိုေပါ့ အခုလည္းက်ေနာ္
ဘေလာ့မွာလည္းေတြ့ၾကမယ္ထင္ပါတယ္။
ေအာက္မွာပံုနဲ့တကြCode
၁။click Layout
၂။click edit HTML
၃။Expand Widget Templatesအမွန္ျခစ္ေပးပါ
ေအာက္ကCodeကိုရွာပါ၊ (CTRL+F)နဲ့ရွာရင္ျမန္တာေပါ့ေနာ္

<div class='post-header-line-1'/>

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

<script type="text/javascript"> tweetmeme_url = '<data:post.url/>'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"> </script>

ေနာက္တစ္ခုၾကေတာ့ေအာက္မွာပံုနဲ့တကြCode

<script type="text/javascript"> tweetmeme_style = 'compact'; tweetmeme_url = '<data:post.url/>'; </script> <script type="text/javascript" src="http://tweetmeme.com/i/scripts/button.js"></script>

ေနာက္တစ္ခုရိွေသးတယ္ေအာက္မွာ

<a expr:href='"http://twitthis.com/twit?url=" + data:post.url' rel='external nofollow' target='_blank'><img alt='Twitter' src='http://www.gigaimage.com/images/cqujmnn2s4ribveury7.gif'/></a>

၄။Save Template button.ႏိုပ္ပါ။။
kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ