kp3 Marquee Post title test: 09/09

kp3နည္းပညာ၊၅၇၊မိမိရဲ့ဘေလာ့မွာMouseေနာက္ကေန တေကာက္ေကာက္လိုက္ေနတဲ့စာေၾကာင္းေလးထားခ်င္ရင္

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

<script language="javascript">



var text='THANK YOU.';

var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NO NEED TO EDIT BELOW HERE **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';

for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);

function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}

function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}

function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

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

"THANK YOU"ေနရာမွာမိမိနွစ္သက္သည့္စာသားေရးလိုက္ပါ

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

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

ဒါေလးၾကေတာ့အေရးလည္းအၾကီးပါဘူး သူမ်ားလုပ္သလိုလုပ္ျခင္ရင္ေပါ့ေနာ္။
Floating Hover Text - Which Trails Mouse Cursor ေပါ့ေနာ္....
Mouseေနာက္ကေန တေကာက္ေကာက္လိုက္ေနတဲ့စာေၾကာင္းေလးေပါ့ေနာ္။
သံုးတဲ့သူေတြေတာ့ျမင္ဖူးပါတယ္ ဒါေပမဲ့ျပန္မၽွေဝေပးတဲ့သူမေတြ႕လို႔
လိုျခင္တဲ့မိတ္ေဆြေတြရိွခဲ့ရင္ပါ.....။။။ အားလံုးကိုေလးစားပါတယ္
အားလံုးနားလည္ေအာင္က်ေနာ္ နမူနာသံုးေနပါတယ္။
ေအာက္မွာပံုနဲ႔တကြCodeလက္ရိွက်ေနာ္သံုးတဲ့Codeပါ
ထည့္နည္းကေတာ့ထံုးစံတိုင္ပါ

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

<script language="javascript">

// ENTER TEXT BELOW. CAN *NOT* INCLUDE NORMAL HTML CODE.
var text='THANK YOU.';

var delay=40; // SPEED OF TRAIL
var Xoff=0; // PIXEL COUNT FROM THE LEFT OF THE CURSOR (- VALUES GO TO LEFT)
var Yoff=-30; // PIXEL COUNT FROM THE TOP OF THE CURSOR (- VALUES GO UP)
var txtw=14; // AMOUNT OF PIXEL SPACE EACH CHARACTER OCCUPIES
var beghtml='<font color="#00436e"><b>'; // OPTIONAL HTML CODE THAT EFFECTS WHOLE TEXT STRING SUCH AS FONT COLOR, SIZE, ETC.
var endhtml='</b></font>'; // END HTML CODE. MOSTLY USED IF ABOVE SETTING IS USED.

//********** NO NEED TO EDIT BELOW HERE **********\\

ns4 = (navigator.appName.indexOf("Netscape")>=0 && document.layers)? true : false;
ie4 = (document.all && !document.getElementById)? true : false;
ie5 = (document.all && document.getElementById)? true : false;
ns6 = (document.getElementById && navigator.appName.indexOf("Netscape")>=0 )? true: false;
var txtA=new Array();
text=text.split('');
var x1=0;
var y1=-1000;
var t='';

for(i=1;i<=text.length;i++){
t+=(ns4)? '<layer name="txt'+i+'" top="-100" left="0" width="'+txtw+'" height="1">' : '<div id="txt'+i+'" style="position:absolute; top:-100px; left:0px; height:1px; width:'+txtw+'; visibility:visible;">';
t+=beghtml+text[i-1]+endhtml;
t+=(ns4)? '</layer>' : '</div>';
}
document.write(t);

function moveid(id,x,y){
if(ns4)id.moveTo(x,y);
else{
id.style.left=x+'px';
id.style.top=y+'px';
}}

function animate(evt){
x1=Xoff+((ie4||ie5)?event.clientX+document.body.scrollLeft:evt.pageX);
y1=Yoff+((ie4||ie5)?event.clientY+document.body.scrollTop:evt.pageY);
}

function getidleft(id){
if(ns4)return id.left;
else return parseInt(id.style.left);
}

function getidtop(id){
if(ns4)return id.top;
else return parseInt(id.style.top);
}

function getwindowwidth(){
if(ie4||ie5)return document.body.clientWidth+document.body.scrollLeft;
else return window.innerWidth+pageXOffset;
}

function movetxts(){
for(i=text.length;i>1;i=i-1){
if(getidleft(txtA[i-1])+txtw*2>=getwindowwidth()){
moveid(txtA[i-1],0,-1000);
moveid(txtA[i],0,-1000);
}else moveid(txtA[i], getidleft(txtA[i-1])+txtw, getidtop(txtA[i-1]));
}
moveid(txtA[1],x1,y1);
}

window.onload=function(){
for(i=1;i<=text.length;i++)txtA[i]=(ns4)?document.layers['txt'+i]:(ie4)?document.all['txt'+i]:document.getElementById('txt'+i);
if(ns4)document.captureEvents(Event.MOUSEMOVE);
document.onmousemove=animate;
setInterval('movetxts()',delay);
}
</script>

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

"THANK YOU"ေနရာမွာမိမိနွစ္သက္သည့္စာသားေရးလိုက္ပါ

kp3နည္းပညာ၊၅၆၊မိမိရဲ့ဘေလာ့မွာSexy Bookmarksထားခ်င္ရင္

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

<style type='text/css'> div.sexy-bookmarks { height:54px; background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom; position:relative; width:540px; } 
div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom; position:absolute; right:-17px; } 
div.sexy-bookmarks ul.socials { margin:0 !important; padding:0 !important; position:absolute; bottom:0; left:10px; } 
div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important; } 
div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important; font-size:0 !important; color:transparent !important; } 
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important; } 
.sexy-furl { background-position:-300px top !important; } 
.sexy-furl:hover { background-position:-300px bottom !important; } 
.sexy-digg { background-position:-500px top !important; } 
.sexy-digg:hover { background-position:-500px bottom !important; } 
.sexy-reddit { background-position:-100px top !important; } 
.sexy-reddit:hover { background-position:-100px bottom !important; } 
.sexy-stumble { background-position:-50px top !important; } 
.sexy-stumble:hover { background-position:-50px bottom !important; } 
.sexy-delicious { background-position:left top !important; } 
.sexy-delicious:hover { background-position:left bottom !important; } 
.sexy-yahoo { background-position:-650px top !important; } 
.sexy-yahoo:hover { background-position:-650px bottom !important; } 
.sexy-blinklist { background-position:-600px top !important; } 
.sexy-blinklist:hover { background-position:-600px bottom !important; } 
.sexy-technorati { background-position:-700px top !important; } 
.sexy-technorati:hover { background-position:-700px bottom !important; } 
.sexy-myspace { background-position:-200px top !important; } 
.sexy-myspace:hover { background-position:-200px bottom !important; } 
.sexy-twitter { background-position:-350px top !important; } 
.sexy-twitter:hover { background-position:-350px bottom !important; } 
.sexy-facebook { background-position:-450px top !important; } 
.sexy-facebook:hover { background-position:-450px bottom !important; } 
.sexy-mixx { background-position:-250px top !important; } 
.sexy-mixx:hover { background-position:-250px bottom !important; } 
.sexy-script-style { background-position:-400px top !important; } 
.sexy-script-style:hover { background-position:-400px bottom !important; } 
.sexy-designfloat { background-position:-550px top !important; } 
.sexy-designfloat:hover { background-position:-550px bottom !important; } 
.sexy-syndicate { background-position:-150px top !important; } 
.sexy-syndicate:hover { background-position:-150px bottom !important; } 
.sexy-email { background-position:-753px top !important; } 
.sexy-email:hover { background-position:-753px bottom !important; } </style>

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

<data:post.body/>

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

<div class='sexy-bookmarks'><ul class='socials'><li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add to Delicious' rel='nofollow'/></li> <li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg This Post' rel='nofollow'/></li> <li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add to Technorati' rel='nofollow'/></li> <li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add to Reddit' rel='nofollow'/></li> <li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Stumble This Post' rel='nofollow'/></li> <li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on DesignFloat' rel='nofollow'/></li> <li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Facebook' rel='nofollow'/></li> <li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Twitter' rel='nofollow'/></li> <li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Furl' rel='nofollow'/></li> <li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/naeemnur' title='Subscribe to RSS' rel='nofollow'/></li> <li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Email' rel='nofollow'/></li> </ul><span class='sexy-rightside'/></div>
၄။Save Template button.ႏိုပ္ပါ ၿပီးပါၿပီ။။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

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

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

ဒီေန႔႔က်ေနာ္အခ်ိန္အနည္းငယ္ေလးရတုန္း ဘေလာ့သူငယ္ခ်င္းေတြ
အတြက္ Sexy Bookmarksလို႔ေခၚတဲ့ဟာေလးေပါ့ေနာ္ဟီး.......
မိမိရဲ႔Postေအာက္မွာထားျခင္းရင္ေပါ့ေနာ္,,,,,,,,,,,,,,,,,,,
မိမိရဲ႕ဘေလာ့ပိုးၿပီး လွပေစသလိုပိုးၿပီးမွျပည့္စံုေစပါတယ္။
သိၿပီးၾကသူေတြလည္းမ်ားမယ္ထင္ပါတယ္။
မသိေသးၾကတဲ့မိတ္ေဆြေတြအတြက္ပါ၊ဘေလာဂါ့
မိတ္ေဆြအားလံုးကိုအျမဲတမ္းခ်စ္ခင္ေလးစားပါတယ္
္ိ္ိိလို႔ေျပာခ်င္းပါတယ္။။။။။။။။။။။။။။။။။။။
ေအာက္မွာပံုနံ႔တကြCode

၁။click Layout
၂။click edit HTML
၃။Expand Widget Template’ကိုမွန္ျခစ္ေပးပါ။

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

</head>

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

<style type='text/css'> div.sexy-bookmarks { height:54px; background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat left bottom; position:relative; width:540px; }
div.sexy-bookmarks span.sexy-rightside { width:17px; height:54px; background:url('http://i43.tinypic.com/2ueii3t.png') no-repeat right bottom; position:absolute; right:-17px; }
div.sexy-bookmarks ul.socials { margin:0 !important; padding:0 !important; position:absolute; bottom:0; left:10px; }
div.sexy-bookmarks ul.socials li { display:inline-block !important; float:left !important; list-style-type:none !important; margin:0 !important; height:29px !important; width:48px !important; cursor:pointer !important; padding:0 !important; }
div.sexy-bookmarks ul.socials a { display:block !important; width:48px !important; height:29px !important; font-size:0 !important; color:transparent !important; }
.sexy-furl, .sexy-furl:hover, .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumble, .sexy-stumble:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoo, .sexy-yahoo:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter, .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-script-style, .sexy-script-style:hover, .sexy-designfloat, .sexy-designfloat:hover, .sexy-syndicate, .sexy-syndicate:hover, .sexy-email, .sexy-email:hover { background:url('http://i44.tinypic.com/1znbj83.png') no-repeat !important; }
.sexy-furl { background-position:-300px top !important; }
.sexy-furl:hover { background-position:-300px bottom !important; }
.sexy-digg { background-position:-500px top !important; }
.sexy-digg:hover { background-position:-500px bottom !important; }
.sexy-reddit { background-position:-100px top !important; }
.sexy-reddit:hover { background-position:-100px bottom !important; }
.sexy-stumble { background-position:-50px top !important; }
.sexy-stumble:hover { background-position:-50px bottom !important; }
.sexy-delicious { background-position:left top !important; }
.sexy-delicious:hover { background-position:left bottom !important; }
.sexy-yahoo { background-position:-650px top !important; }
.sexy-yahoo:hover { background-position:-650px bottom !important; }
.sexy-blinklist { background-position:-600px top !important; }
.sexy-blinklist:hover { background-position:-600px bottom !important; }
.sexy-technorati { background-position:-700px top !important; }
.sexy-technorati:hover { background-position:-700px bottom !important; }
.sexy-myspace { background-position:-200px top !important; }
.sexy-myspace:hover { background-position:-200px bottom !important; }
.sexy-twitter { background-position:-350px top !important; }
.sexy-twitter:hover { background-position:-350px bottom !important; }
.sexy-facebook { background-position:-450px top !important; }
.sexy-facebook:hover { background-position:-450px bottom !important; }
.sexy-mixx { background-position:-250px top !important; }
.sexy-mixx:hover { background-position:-250px bottom !important; }
.sexy-script-style { background-position:-400px top !important; }
.sexy-script-style:hover { background-position:-400px bottom !important; }
.sexy-designfloat { background-position:-550px top !important; }
.sexy-designfloat:hover { background-position:-550px bottom !important; }
.sexy-syndicate { background-position:-150px top !important; }
.sexy-syndicate:hover { background-position:-150px bottom !important; }
.sexy-email { background-position:-753px top !important; }
.sexy-email:hover { background-position:-753px bottom !important; } </style>

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

<data:post.body/>

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

<div class='sexy-bookmarks'><ul class='socials'><li class='sexy-delicious'><a expr:href='"http://del.icio.us/post?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add to Delicious' rel='nofollow'/></li>
<li class='sexy-digg'><a expr:href='" http://digg.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Digg This Post' rel='nofollow'/></li>
<li class='sexy-technorati'><a expr:href='" http://technorati.com/faves?add=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add to Technorati' rel='nofollow'/></li>
<li class='sexy-reddit'><a expr:href='" http://www.reddit.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Add to Reddit' rel='nofollow'/></li>
<li class='sexy-stumble'><a expr:href='" http://www.stumbleupon.com/submit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Stumble This Post' rel='nofollow'/></li>
<li class='sexy-designfloat'><a expr:href='"http://www.designfloat.com/submit.php?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on DesignFloat' rel='nofollow'/></li>
<li class='sexy-facebook'><a expr:href='" http://www.facebook.com/sharer.php?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Facebook' rel='nofollow'/></li>
<li class='sexy-twitter'><a expr:href='" http://twitthis.com/twit?url=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Twitter' rel='nofollow'/></li>
<li class='sexy-furl'><a expr:href='" http://www.furl.net/storeIt.jsp?u=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Furl' rel='nofollow'/></li>
<li class='sexy-syndicate'><a href='http://feeds2.feedburner.com/naeemnur' title='Subscribe to RSS' rel='nofollow'/></li>
<li class='sexy-email'><a expr:href='" mailto:?subject=" + data:post.url + "&title=" + data:post.title' target='_blank' title='Share on Email' rel='nofollow'/></li>
</ul><span class='sexy-rightside'/></div>

၄။Save Template button.ႏိုပ္ပါ ၿပီးပါၿပီ။။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

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မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

kp3နည္းပညာ၊၅၂၊မိမိရဲ႕ဘေလာ့Lebalsေရွ႕မွာRss Feed Link Buttonေလးထားခ်င္ရင္

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

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

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

ေတြ႕ၿပီဆိုရင္ ေအာက္ကCodeေလးနဲ့အစားထိုးေပးလိုက္ပါ။
အလယ္မွာအနီCodeေလးကိုထည့္ေပးလိုက္တာပါဘဲ.....
.
<b:loop values='data:labels' var='label'>
<li>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

၃။Save Template button.ႏိုပ္ပါ ၿပီးပါၿပီ။။။

ေနာက္တမ်ိဳးကေတာ့ေအာက္ပံု

ပံုစံကေတာ့အတူတူပါဘဲအနီေရာင္Codeေလးေနရာေျပာင္းသြားတာပါ။

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

</li>
</b:loop>

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

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

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

ဒါေလကေတာ့က်ေနာ္တို႔ရဲ့ဘေလာ့Categories(ေခါင္းစဥ္)ေတြကို
တမ်ိဳးေလးျဖစ္ေအာင္ေပါ့ေနာ္။
မိမိရဲ့ဘေလာ့Categoriesေခါင္းစဥ္ေတြအားလုံးေရွ႕မွာ Rss Feed Link Button
ေလးထားျခင္ခဲ့သည္ရိွေသာ။
ေအာက္မွာပံုနဲ႔တကြCode၁။click Layout
၂။click edit HTML
ေအာက္ကCodeကိုရွာပါ၊

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

ေတြ႕ၿပီဆိုရင္ ေအာက္ကCodeေလးနဲ့အစားထိုးေပးလိုက္ပါ။
အလယ္မွာအနီCodeေလးကိုထည့္ေပးလိုက္တာပါဘဲ.....
.
<b:loop values='data:labels' var='label'>
<li>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>
</li>
</b:loop>

၃။Save Template button.ႏိုပ္ပါ ၿပီးပါၿပီ။။။

ေနာက္တမ်ိဳးကေတာ့ေအာက္ပံု
ပံုစံကေတာ့အတူတူပါဘဲအနီေရာင္Codeေလးေနရာေျပာင္းသြားတာပါ။

<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<span expr:dir='data:blog.languageDirection'><data:label.name/></span>
<b:else/>
<a expr:dir='data:blog.languageDirection' expr:href='data:label.url'><data:label.name/></a>
</b:if>
<span dir='ltr'/>

<a expr:href='data:blog.homepageUrl + "feeds/posts/default/-/" + data:label.name'><img alt='Subscribe' src='http://www.feedburner.com/fb/images/pub/feed-icon16x16.png' style='vertical-align:middle;border:0'/></a>

</li>
</b:loop>

မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊
kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

kp3နည္းပညာ၊၅၁၊မိမိရဲ႕ဘေလာ့Post ေနာက္ခံပံုထည့္ခ်င္ရင္

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

က်ေနာ့ဘေလာ့ဂါမိတ္ေဆြအားလံုးအတြက္ အ၇မ္းလြယ္ကူရွင္းလင္းတဲ့Code
ေလးတခုထပ္တင္လိုက္ပါတယ္။ တခ်ိဳ႕ဘေလာ့မိတ္ေဆြတင္တာလည္းျမင္ဖူးပါတယ္.
Codeကေတာ့တူမယ္မထင္ဘုူး။
က်ေနာ္တို႔ရဲ့ဘေလာ့ Post ေနာက္ခံပံုထည့္နည္းေလးေပါ့ေနာ္။
Code ၾကေတာ့ေအာက္ကဟာေလးပါ

<div style="background:url(ဤေနရာတြင္မိမိပံုလင့္ ImageURL/Direct linkေပါ့ေနာ္) no-repeat;">
ဤေနရာမွာေတာ့မိမိေရးျခင္တာေတြေရးၾကေတာ့ေဟ့.....ဟီးဟီး..
</div>

မိတ္ေဆြအားလုံးႀကိဳက္ၾကမယ္လို႔ေမ်ာ္လင့္ပါတယ္

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

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

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

kp3နည္းပညာ၊၅ဝ၊မိမိရဲ႕ဘေလာ့Templatesေအာက္မွာ Three Column Footerထည့္ခ်င္ရင္

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

အခ်ိန္မ၇တာေတာ့ခြင့္လြတ္ေပးၾကပါလို႔ေမတၱာ၇ပ္ခံပါတယ္၊၊ ဒီေန႔ဟာေလးကလဲ မိမိ၇ဲ႔ဘေလာ့ကိုပိုလွသြားေအာင္လုပ္တဲ့နည္းတမ်ိဳးေပါ့ေနာ္!! ဒါေလးကေတာ့က်ေနာ္တို႔ိဘေလာ့Templatesေအာက္မွာ Three Column Footerထည့္နည္းေလးပါ၊တခ်ိဳ႕Blogger Templates ေတြမွာ Auto ရွိျပီးသားပါဘဲ၊
ႏွစ္သက္ရင္ေတာ့ေအာက္မွာထည့္နည္းနဲ႔တကြပံု

၁။click Layout
၂။click edit HTML
ေအာက္ကCodeကိုရွာပါ၊Press Ctrl + Fနဲ႔ရွာရင္ပိုၿပီးျမန္တာေပါ႔နာ္

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

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

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0 ; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>

၃။Save Template button.ႏိုပ္ပါ။။
errors တက္မလာဘုူးဆို၇င္cssဘက္သြားၾကေအာင္ေနာ္
ေအာက္ကCodeကိုထပ္ရွာပါ၊

</b:skin>

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

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

၄။Save Template button.ႏိုပ္ပါ။။

မိတ္ေဆြအားလုံးႀကိဳက္ၾကမယ္လို႔ေမ်ာ္လင့္ပါတယ္

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

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

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

၁။click Layout
၂။click edit HTML
ေအာက္ကCodeကိုရွာပါ၊Press Ctrl + Fနဲ႔ရွာရင္ပိုၿပီးျမန္တာေပါ႔နာ္

<div id='footer-wrapper'>
<b:section class='footer' id='footer'/>
</div>

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

<div id='footer-column-container'>

<div id='footer2' style='width: 30%; float: left; margin:0 ; text-align: left;'>

<b:section class='footer-column' id='col1' preferred='yes' style='float:left;'/>
</div>

<div id='footer3' style='width: 40%; float: left; margin:0; text-align: left;'>
<b:section class='footer-column' id='col2' preferred='yes' style='float:left;'/>
</div>

<div id='footer4' style='width: 30%; float: right; margin:0; text-align: left;'>

<b:section class='footer-column' id='col3' preferred='yes' style='float:right;'/>
</div>

<div style='clear:both;'/>

<div id='footer-bottom' style='text-align: center; padding: 10px; text-transform: lowercase;'>

<b:section class='footer' id='col-bottom' preferred='yes'>
<b:widget id='Text2' locked='false' title='' type='Text'/>
</b:section>

</div>
<div style='clear:both;'/>

</div>

၃။Save Template button.ႏိုပ္ပါ။။
errors တက္မလာဘုူးဆို၇င္cssဘက္သြားၾကေအာင္ေနာ္
ေအာက္ကCodeကိုထပ္ရွာပါ၊

</b:skin>

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

#footer-column-container {
clear:both;
}

.footer-column {
padding: 10px;
}

၄။Save Template button.ႏိုပ္ပါ။။

မိတ္ေဆြအားလုံးႀကိဳက္ၾကမယ္လို႔ေမ်ာ္လင့္ပါတယ္

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

kp3နည္းပညာ၊၄၉၊မိမိရဲ့Postေအာက္မွာထိုးျမဲလက္မွတ္ထည့္ခ်င္ရင္

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

ဒါေလးကေတာ့ တခ်ိဳ႕ဘေလာ့မိတ္ေဆြမွာလဲသူတို႔တင္တာျမင္ဖူးပါတယ္၊၊ တူမလာေတာ့မသိဘူးတူရင္လည္းတူမွာေပါ့ေနာ္ မိမိရဲ့Postေအာက္မွာ
ထိုးျမဲလက္မွတ္ထည့္တ့ဲနည္းေလးပါ။

ေအာက္မွာစမယ္ေနာ္
၁။ဒီေနရာ MyLiveSignature သို႔မဟုတ္ onlinesignaturepad သြားပါ၊

၂။ရလာတဲ့ Image URLကို Copyယူလိုက္ပါ၊

၃။မိမိရဲ့blogger account ထဲျပန္ဝင္မယ္၊

၄။ Layout >> Edit Html >>> Expand Widget Templates

ေအာက္ကCodeကိုရွာပါ

<p><data:post.body/></p>

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

<p><div align="left"><img src="ဤေနရာမွာImage URLထည့္လိုက္ပါ"/></div></p>

၅။Save Template button.ႏိုပ္ပါ ၿပီးပါၿပီ။။။

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

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

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

kp3နည္ပညာ၊၄၈၊

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

ဒီေန႔က်ေနာ္တင္မယ့္ Code ကေတာ့၊ က်ေနာ္မိတ္ေဆြအားလုံးႀကိဳက္ၾကမယ္လို႔ေမ်ာ္လင္႔ပါတယ္၊ RSS Reader ကိုသူမ်ားဟာနဲ႔မတူေအာင္တမူထူးရွားေအာင္ လုပ္ျခင္ရင္ေပါ့ေနာ္ ဒီနည္းေလးကေတာ့က်ေနာ္ေရာက္ခဲ့ဖူးတဲ့ ဘေလာ့ေတာ္ေတာ္မ်ားမ်ားမွာလည္း မေတြ႕ဘူးပါဘူး၊၊ မိမိရဲ႕ဘေလာ့ညာဘက္အေပၚေထာင့္ေလးမွာ RSS Reader ကိုထားတဲ့နည္းေလးပါ။ RSS IconကိုMouseနဲ႔ေထာက္လိုက္ရင္ စာမ်က္ႏွာကAutoလွန္သြားၿပီး မိမိရ့ဲRSSကိုCLICK လိုက္ရုံပါဘဲ၊ Codeကလည္းအရမ္းရွင္းပါတယ္။
ေအာက္မွာထည့္နည္းနဲ႔တကြCode
၁။click Layout
၂။click edit HTML
ေအာက္ကCodeကိုရွာပါ၊Press Ctrl + Fနဲ႔ရွာရင္ပိုၿပီးျမန္တာေပါ႔နာ္

</head>

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

<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;
}
</style>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Page Flip on hover

$("#pageflip").hover(function() {
$("#pageflip img , .msg_block").stop()
.animate({
width: '307px',
height: '319px'
}, 500);
} , function() {
$("#pageflip img").stop()
.animate({
width: '50px',
height: '52px'
}, 220);
$(".msg_block").stop()
.animate({
width: '50px',
height: '50px'
}, 200);
});

});
</script>

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

<body>

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

<div id='pageflip'>
<a href='ဤေနရာတြင္မိမိႏွစ္သက္သည့္Linkကိုထည့္လိုက္ပါ'>
<img alt='' src='http://www.wallheaven.com/page_flip.png'/></a>
<div class='msg_block'></div>
</div>

(http://www.wallheaven.com/subscribe.png)ဒါကေတာ့background လင့္ပါဘဲ၊၊ မိမိႏွစ္သက္တာေရြးထည့္လို႔ရပါတယ္။

၃။Save Template button.ႏိုပ္ပါ ၿပီးပါၿပီ။။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊ kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

kp3နည္ပညာ၊၄၈၊

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

</head>

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

<style type='text/css'>
img { behavior: url(iepngfix.htc) }
#pageflip {
position: relative;
right: 0; top: 0;
float: right;
}
#pageflip img {
width: 50px; height: 52px;
z-index: 99;
position: absolute;
right: 0; top: 0;
-ms-interpolation-mode: bicubic;
}
#pageflip .msg_block {
width: 50px; height: 50px;
overflow: hidden;
position: absolute;
right: 0; top: 0;
background: url(http://www.wallheaven.com/subscribe.png) no-repeat right top;
}
</style>

<script src='http://code.jquery.com/jquery-latest.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function(){

//Page Flip on hover

$(&quot;#pageflip&quot;).hover(function() {
$(&quot;#pageflip img , .msg_block&quot;).stop()
.animate({
width: &#39;307px&#39;,
height: &#39;319px&#39;
}, 500);
} , function() {
$(&quot;#pageflip img&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;52px&#39;
}, 220);
$(&quot;.msg_block&quot;).stop()
.animate({
width: &#39;50px&#39;,
height: &#39;50px&#39;
}, 200);
});


});
</script>

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

<body>

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

<div id='pageflip'>
<a href='ဤေနရာတြင္မိမိႏွစ္သက္သည့္Linkကိုထည့္လိုက္ပါ'>
<img alt='' src='http://www.wallheaven.com/page_flip.png'/></a>
<div class='msg_block'></div>
</div>

(http://www.wallheaven.com/subscribe.png)ဒါကေတာ့background လင့္ပါဘဲ၊၊ မိမိႏွစ္သက္တာေရြးထည့္လို႔ရပါတယ္။

၃။Save Template button.ႏိုပ္ပါ ၿပီးပါၿပီ။။။
မသိေသးတဲ႔မိတ္ေဆြေတြကိုအသိေပးမ်ွေဝေစျခင္ပါတယ္၊ kp3မွမိတ္ေဆြအားလုံးေက်းဇူးကမ႓ာ

kp3နည္းပညာ၊၄၇၊မိမိရဲ႕ဘေလာ႕Blogger Templateေျပာင္းသည့္အခါWidget ေတြေပ်ာက္မသြားေအာင္လုပ္ခ်င္ရင္

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

ေအာက္ကCodeကိုရွာပါ

<div id='sidebar'>
ေတြ႕ၿပီဆိုရင္ ေအာက္ကိုဆက္ၾကည့္ၿပီးေအာက္ကCodeအထိေရာက္ၿပီဆိုရင္
</div>
အဲဒီCodeႏွစ္ခုၾကားကCodeေတြကိုCopyလုပ္လိုက္ၿပီး
၄၊၊မိမိဖြင့္ထားသည့္ဘေလာ့အသစ္ထဲမွာျပန္ဝင္ၿပီးအေပၚကအတိုင္းေပါ့ေနာ္
Dashboardႏိုပ္ၿပီးLayoutဝင္မယ္>>>Edit HTMLထပ္ဝင္ၿပီးရင္

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

<div id='sidebar'> အေပၚကCodeနဲ႔အတူတူပါဘဲ၊ ေတြ႕ၿပီဆိုရင္အခုဏCopyလုပ္ထားတဲ့
Widget Codeေတြကိုအာက္မွာpasteျပန္လုပ္ေပးလိုက္ရင္ မိမိဘေလာ့အေဟာင္းက အတိုင္းျပန္ျဖစ္သြားမွာပါၿပီးပါၿပီ။။။
မိတ္ေဆြအားလံုးေက်းဇူးကမ႓ာ

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

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

အခ်ိန္မရလု႔ိအသစ္မတင္ျဖစ္တာခြင့္လြတ္ၾကပါေနာ္၊ က်ေနာ္အခုတင္မွာလည္းဘာCodeမွ
မဟုတ္ပါဘူး။ မသိၾကေသးတဲ့မိတ္ေဆြေတြအတြက္အသုံးလိုခဲ့ရင္ေပါ့ေနာ္၊
က်ေနာ္တို႔Blogger Templateေျပာင္းသည့္အခါWidget ေတြေပ်ာက္မသြားေအာင္
လုပ္တဲ႔နည္းပါ၊
ေအာက္ပံုဥပမာ-
၁၊၊ဘေလာ့အသစ္တစ္ခုစဖြင့္မယ္Create new blogဒါၾကေတာ့နမူနာေပါ့ေနာ္၊
၂၊၊ဖြင့္လိုက္သည့္ဘေလာ့အသစ္မွာမိမိသံုးမည့္ templateကိုUpload လုပ္လိုက္မယ္၊
၃၊၊လက္ရိွမိမိသံုးေနသည့္ဘေလာ့အေဟာင္းကိုျပန္သြားမယ္ေနာ္
Dashboardႏိုပ္ၿပီးLayoutဝင္မယ္>>>Edit HTMLထပ္ဝင္ၿပီးရင္
ေအာက္ကCodeကိုရွာပါ
<div id='sidebar'>
ေတြ႕ၿပီဆိုရင္ ေအာက္ကိုဆက္ၾကည့္ၿပီးေအာက္ကCodeအထိေရာက္ၿပီဆိုရင္
</div>
အဲဒီCodeႏွစ္ခုၾကားကCodeေတြကိုCopyလုပ္လိုက္ၿပီး
၄၊၊မိမိဖြင့္ထားသည့္ဘေလာ့အသစ္ထဲမွာျပန္ဝင္ၿပီးအေပၚကအတိုင္းေပါ့ေနာ္
Dashboardႏိုပ္ၿပီးLayoutဝင္မယ္>>>Edit HTMLထပ္ဝင္ၿပီးရင္
ေအာက္ကCodeကိုထပ္ရွာပါ
<div id='sidebar'> အေပၚကCodeနဲ႔အတူတူပါဘဲ၊ ေတြ႕ၿပီဆိုရင္အခုဏCopyလုပ္ထားတဲ့
Widget Codeေတြကိုအာက္မွာpasteျပန္လုပ္ေပးလိုက္ရင္ မိမိဘေလာ့အေဟာင္းက အတိုင္းျပန္ျဖစ္သြားမွာပါၿပီးပါၿပီ။။။
မိတ္ေဆြအားလံုးေက်းဇူးကမ႓ာ

kp3နည္းပညာ၊၄၆၊မိမိရဲ႕ဘေလာ႕Postအသစ္အေဟာင္းအားလုံး တျပိဳင္ထဲဖြင္႔ခ်င္ရင္

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

ဒီေန႔က်ေနာ္အခ်ိန္အနည္းငယ္ေလး၇တုန္းမွာဘေလာ့ဂါ အတြက္အသုံးဝင္တဲ့Codeတိုတိုေလးဘဲတင္ျဖစ္ပါတယ္၊ ဘာCodeလဲဆို၇င္ေတာ့မိမိ၇ဲ့ဘေလာ့ကိုလာလည္ သုူေတြအတြက္Postေတြကို ဖတ္၇တာပိုျပီးအဆင္ေျပေအာင္ကုူညီေပးတဲ့Codeလို႔ေျပာ၇င္လည္း၇မယ္ထင္တယ္၊ တခ်က္ေလးနုိပ္လိုက္၇င္မိမိ၇ဲ့ Postအသစ္အေဟာင္းအားလုံးေပၚလာေအာင္လုပ္ ေပးတဲ့Codeေလးပါ။
ထည့္နည္းကလည္းအားလံုးသိၿပီးသားေနမွာပါ။။

# Click Layout.

# Click Page Elements.

# Then click Add a Gadget.

# Choose HTML / Javascript.
Code ကေတာ့ေအာက္ကဟာပါ

<a href="http://kp3family.blogspot.com/search?max-results=200">Post အားလံုးတျပိဳင္ထဲဖြင့္မယ္»»</a>

kp3familyေနရာမွာမိမိရဲ့ဘေလာ့linkထည့္ေပးလိုက္ပါ။
Post အားလံုးတျပိဳင္ထဲဖြင့္မယ္ေန၇ာမွာမိမိနွစ္သက္သည့္စာေ၇းထည့္လိုက္ပါ။
မိတ္ေဆြအားလံုးေက်းဇူးကမ႓ာ

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

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


<a href="http://kp3family.blogspot.com/search?max-results=200">Post အားလံုးတျပိဳင္ထဲဖြင့္မယ္»»</a>

kp3နည္းပညာ၊၄၅၊မိမိရဲ႕ဘေလာ႕မွာRead More Functionထည့္ခ်င္ရင္

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

<data:post.body/>

ေတြ႕ၿပီဆိုရင္ေအာက္ကCodeနဲ႕အစားထုိးေပးလိုက္ပါ,

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://kfile.110mb.com/summary-post.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != &quot;item&quot;'>
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;);</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>ဆက္ဖတ္ရန္</a></span>
</b:if>
<b:if cond='data:blog.pageType == &quot;item&quot;'><data:post.body/></b:if>

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

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

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

ဒီေန႔အခ်ိန္ေလးအနည္းငယ္ရတုန္းက်ေနာ္ Code တစ္ခုထပ္တင္လိုက္ပါတယ္၊ ဒီCode ကေတာ့မိမိဘေလာ့ post ေအာက္မွာRead More Functionထည့္နည္းေပါ့ေနာ္၊ ဒါေပမယ့္တခ်ိဳ႕ၾကေတာ့BloggerTemplate မွာ Autoရိွၿပီးသားပါ၊ မိမိရဲ့ Post ကရွည္ေနရင္မလွေတာ့ဘူး၊ဒါေၾကာင့္ေအာက္က Code ကေတာ့ ဥပမာေျပာရင္-ဆက္ဖတ္ရန္ေပါ့ေနာ္ မိမိႏွစ္သက္သည့္ စာသားေရးထည့္ႏိုင္ပါတယ္
ေအာက္မွာ Codeရွိပါတယ္၊
၁။click Layout
၂။click edit HTML
၃။click edit HTML
ေအာက္ကcodeကိုရွာပါ

<data:post.body/>

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

<script type='text/javascript'>
summary_noimg = 430;
summary_img = 340;
img_thumb_height = 100;
img_thumb_width = 120;
</script>
<script src='http://kfile.110mb.com/summary-post.js' type='text/javascript'/>
<b:if cond='data:blog.pageType != "item"'>
<div expr:id='"summary" + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb("summary<data:post.id/>");</script>
<span class='rmlink' style='float:right'><a expr:href='data:post.url'>ဆက္ဖတ္ရန္</a></span>
</b:if>
<b:if cond='data:blog.pageType == "item"'><data:post.body/></b:if>

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