IT Knowledge

Home » Archives for 08/29/13

Thursday, August 29, 2013

ဘေလာ့မွာ ပုံေတြ(သို႕)ေၾကာ္ျငာေတြကို Slideshow နဲ႕ထည့္နည္း

အေတြးသစ္ အၿမင္သစ္မ်ား သို ့ ..... | 9:16 PM | ITKNOWLEDGE

ခုတင္တဲ့နည္းလမ္းေလးကေတာ့ မိမိတို႕ဘေလာ့ေပၚမွာ ပုံေလးေတြ (သို႕) ေၾကာ္ျငာေတြကို လွလွပပနဲ႕
စလိုက္ရွိဳးပုံစံေလးနဲ႕ ထားချင္သူမ်ားအတြက္ နည္းလမ္းေလးတစ္ခုပါေနာ္...
ေအာက္မွာ ထည့္နည္းနဲ႕ လိုအပ္တဲ့ ကုဒ္ေတြကို တင္ေပးထားပါတယ္...

►1- Blogger Singin ၀င္လိုက္ပါ။
►2- Dashboard ကိုသြားလိုက္ပါ။
►3- Template ကိုကလစ္ပါ..။
►4- Edit Html ကို၀င္ပါ.. Process ကိုကလစ္ျပီးဆက္၀င္လုိက္ပါ။
►5- Expand Widget Template ကိုအမွန္ျခစ္ေပးဖို႕မေမ့ပါနဲ႕ေနာ္...။
►6- Ctrl+F (သို႕မဟုတ္) F3 အကူညီျဖင့္ ေပးထားတဲ့ ကုဒ္ကို ရွာလိုက္ပါ။

]]></b:skin> ကိုရွာပါ၊ေတြ႕ျပီဆိုရင္

]]></b:skin> ရဲ႕အေပၚမွာ Cursor ခ်ျပီး ေအာက္ပါ Code မ်ားကူးထဲ့ျပီး Save Template
ကိုႏိုပ္ပါ။

/* fade slider www.bloggertrix.com*/
.content h1 {
 font-size:48px;
 color:#000;
 text-shadow:0px 1px 1px #f4f4f4;
 text-align:center;
 padding:60px 0 30px; 
}

/* LAYOUT */
.container {
 margin:0 auto;
 overflow:hidden;
 width:960px;
}

/* CONTENT SLIDER */
#content-slider {
 width:100%;
 height:360px;
 margin:10px auto 0;
}
/* SLIDER */
#slider {
 background:#000;
 border:5px solid #eaeaea;
 box-shadow:1px 1px 5px rgba(0,0,0,0.7);
 height:320px;
 width:680px;
 margin:40px auto 0;
 overflow:visible;
 position:relative;
}
#mask {
 overflow:hidden;
 height:320px;
}
#slider ul {
 margin:0;
 padding:0;
 position:relative;
}
#slider li {
 width:680px;
 height:320px;
 position:absolute;
 top:-325px;
 list-style:none;
}

#slider li.firstanimation {
 -moz-animation:cycle 25s linear infinite; 
 -webkit-animation:cycle 25s linear infinite;  
}
#slider li.secondanimation {
 -moz-animation:cycletwo 25s linear infinite;
 -webkit-animation:cycletwo 25s linear infinite;  
}
#slider li.thirdanimation {
 -moz-animation:cyclethree 25s linear infinite;
 -webkit-animation:cyclethree 25s linear infinite;  
}
#slider li.fourthanimation {
 -moz-animation:cyclefour 25s linear infinite;
 -webkit-animation:cyclefour 25s linear infinite;  
}
#slider li.fifthanimation {
 -moz-animation:cyclefive 25s linear infinite;
 -webkit-animation:cyclefive 25s linear infinite;  
}

#slider .tooltip {
 background:rgba(0,0,0,0.7);
 width:300px;
 height:60px;
 position:relative;
 bottom:75px;
 left:-320px;
 -moz-transition:all 0.3s ease-in-out;
 -webkit-transition:all 0.3s ease-in-out;  
}
#slider .tooltip h1 {
 color:#fff;
 font-size:24px;
 font-weight:300;
 line-height:60px;
 padding:0 0 0 20px;
}
#slider li#first:hover .tooltip, 
#slider li#second:hover .tooltip, 
#slider li#third:hover .tooltip, 
#slider li#fourth:hover .tooltip, 
#slider li#fifth:hover .tooltip {
 left:0px;
}
#slider:hover li, 
#slider:hover .progress-bar {
 -moz-animation-play-state:paused;
 -webkit-animation-play-state:paused;
}

/* PROGRESS BAR */
.progress-bar { 
 position:relative;
 top:-5px;
 width:680px; 
 height:5px;
 background:#000;
 -moz-animation:fullexpand 25s ease-out infinite;
 -webkit-animation:fullexpand 25s ease-out infinite;
}

/* ANIMATION */
@-moz-keyframes cycle {
 0%  { top:0px; }
 4%  { top:0px; } 
 16% { top:0px; opacity:1; z-index:0; } 
 20% { top:325px; opacity:0; z-index:0; } 
 21% { top:-325px; opacity:0; z-index:-1; }
 92% { top:-325px; opacity:0; z-index:0; }
 96% { top:-325px; opacity:0; }
 100%{ top:0px; opacity:1; }
 
}
@-moz-keyframes cycletwo {
 0%  { top:-325px; opacity:0; }
 16% { top:-325px; opacity:0; }
 20% { top:0px; opacity:1; }
 24% { top:0px; opacity:1; } 
 36% { top:0px; opacity:1; z-index:0; } 
 40% { top:325px; opacity:0; z-index:0; }
 41% { top:-325px; opacity:0; z-index:-1; } 
 100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclethree {
 0%  { top:-325px; opacity:0; }
 36% { top:-325px; opacity:0; }
 40% { top:0px; opacity:1; }
 44% { top:0px; opacity:1; } 
 56% { top:0px; opacity:1; } 
 60% { top:325px; opacity:0; z-index:0; }
 61% { top:-325px; opacity:0; z-index:-1; } 
 100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefour {
 0%  { top:-325px; opacity:0; }
 56% { top:-325px; opacity:0; }
 60% { top:0px; opacity:1; }
 64% { top:0px; opacity:1; }
 76% { top:0px; opacity:1; z-index:0; }
 80% { top:325px; opacity:0; z-index:0; }
 81% { top:-325px; opacity:0; z-index:-1; }
 100%{ top:-325px; opacity:0; z-index:-1; }
}
@-moz-keyframes cyclefive {
 0%  { top:-325px; opacity:0; }
 76% { top:-325px; opacity:0; }
 80% { top:0px; opacity:1; }
 84% { top:0px; opacity:1; }
 96% { top:0px; opacity:1; z-index:0; }
 100%{ top:325px; opacity:0; z-index:0; }
}

@-webkit-keyframes cycle {
 0%  { top:0px; }
 4%  { top:0px; }
 16% { top:0px; opacity:1; z-index:0; } 
 20% { top:325px; opacity:0; z-index:0; }
 21% { top:-325px; opacity:0; z-index:-1; }
 50% { top:-325px; opacity:0; z-index:-1; }
 92% { top:-325px; opacity:0; z-index:0; }
 96% { top:-325px; opacity:0; }
 100%{ top:0px; opacity:1; }
 
}
@-webkit-keyframes cycletwo {
 0%  { top:-325px; opacity:0; }
 16% { top:-325px; opacity:0; }
 20% { top:0px; opacity:1; }
 24% { top:0px; opacity:1; } 
 36% { top:0px; opacity:1; z-index:0; } 
 40% { top:325px; opacity:0; z-index:0; }
 41% { top:-325px; opacity:0; z-index:-1; }  
 100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclethree {
 0%  { top:-325px; opacity:0; }
 36% { top:-325px; opacity:0; }
 40% { top:0px; opacity:1; }
 44% { top:0px; opacity:1; } 
 56% { top:0px; opacity:1; z-index:0; } 
 60% { top:325px; opacity:0; z-index:0; } 
 61% { top:-325px; opacity:0; z-index:-1; }
 100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefour {
 0%  { top:-325px; opacity:0; }
 56% { top:-325px; opacity:0; }
 60% { top:0px; opacity:1; }
 64% { top:0px; opacity:1; }
 76% { top:0px; opacity:1; z-index:0; }
 80% { top:325px; opacity:0; z-index:0; }
 81% { top:-325px; opacity:0; z-index:-1; }
 100%{ top:-325px; opacity:0; z-index:-1; }
}
@-webkit-keyframes cyclefive {
 0%  { top:-325px; opacity:0; }
 76% { top:-325px; opacity:0; }
 80% { top:0px; opacity:1; }
 84% { top:0px; opacity:1; }
 96% { top:0px; opacity:1; z-index:0; }
 100%{ top:325px; opacity:0; z-index:0; }
}

/* ANIMATION BAR */
@-moz-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; } 
}
@-webkit-keyframes fullexpand {
    0%, 20%, 40%, 60%, 80%, 100% { width:0%; opacity:0; }
    4%, 24%, 44%, 64%, 84% { width:0%; opacity:0.3; }
   16%, 36%, 56%, 76%, 96% { width:100%; opacity:0.7; }
   17%, 37%, 57%, 77%, 97% { width:100%; opacity:0.3; }
   18%, 38%, 58%, 78%, 98% { width:100%; opacity:0; } 
}

ေနာက္ထပ္....က်န္ပါေသးတယ္....
   ►1. Login လုပ္လုိက္ပါ ဘေလာ့ကာကို
   ►2. Layout ကိုကလစ္ရပါ့မယ္ မိမိတို႕ Dashboard ကေနေပါ့
   ►3. Add a Gadget ကိုကလစ္ေပးလုိက္ပါ
   ►4. HTML/Javascript. ကိုကလစ္ျပီး က်လာတဲ့ ေဘာက္ေလးထဲမွာဘဲ
   ►5. ေအာက္ကေပးထားတဲ့ ကုဒ္ေတြကို ေကာ္ပီယူ ထည့္လိုက္ပါ

<div class="container">
<div id="content-slider">
<div id="slider">
<div id="mask">
<ul>
<li id="first" class="firstanimation">
<a href="#">
<img src="မိမိတို႕ပုံရဲ႕လင့္ကိုထည့္ပါ" alt="Green"/>
</a>
<div class="tooltip">
<h1>Green</h1>
</div>
</li>

<li id="second" class="secondanimation">
<a href="#">
<img src="မိမိတို႕ပုံရဲ႕လင့္ကိုထည့္ပါ" alt="Car"/>
</a>
<div class="tooltip">
<h1>Car</h1>
</div>
</li>

<li id="third" class="thirdanimation">
<a href="#">
<img src="မိမိတို႕ပုံရဲ႕လင့္ကိုထည့္ပါ" alt="Nature"/>
</a>
<div class="tooltip">
<h1>Nature</h1>
</div>
</li>

<li id="fourth" class="fourthanimation">
<a href="#">
<img src="မိမိတို႕ပုံရဲ႕လင့္ကိုထည့္ပါ" alt="Nature"/>
</a>
<div class="tooltip">
<h1>Nsture</h1>
</div>
</li>

<li id="fifth" class="fifthanimation">
<a href="#">
<img src="မိမိတို႕ပုံရဲ႕လင့္ကိုထည့္ပါ" alt="Yellow"/>
</a>
<div class="tooltip">
<h1>Yellow</h1>
</div>
</li>
</ul>
</div>
<div class="progress-bar"></div>
</div>
</div>
</div>

မွတ္ခ်က္ ။ ။ အျပာေရာင္နဲ႕ စာသားေတြေနရာမွာ မိမိတို႕ ထည့္လိုတဲ့ ပုံေတြ ေၾကာ္ျငာေတြရဲ႕
လင့္ကို ထည့္ေပးရမွာ ျဖစ္ပါတယ္..

ပုံေတြကိုလင့္ယူရန္..... -http://s1323.beta.photobucket.com/
-http://minus.com/
-http://imageshack.us/

သည္ဆိုဒ္ေတြမွာ အသုံးျပဳနိဳင္ပါတယ္...ဗ်ာ...

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

credit by=> Aungsanmks

ကိုယ္တိုင္ေရး ပိုစ့္မ်ားအား Copy ကူးယူသူမ်ား ခရက္ဒစ္ေပးစရာ မလိုေအာင္ လုပ္နည္း

အေတြးသစ္ အၿမင္သစ္မ်ား သို ့ ..... | 4:51 AM | ITKNOWLEDGE

credit မ ပေးတော့ ဘူး နော်................ တစ် ခါထဲ ကူယူဖော်ၿပလိုက်တယ်

ဒီပိုစ့္ေလးကေတာ့ အသစ္အသစ္ေသာ Blogger ေလးေတြ အတြက္ပါပဲ ကၽြန္ေတာ္ ေတြ႕ျမင္ရသေလာက္ အမ်ားစုဟာ ကိုယ္တိုင္ေရးထားတဲ့ Post တစ္ခုကို အရမ္း ခင္တြယ္တတ္ၾကပါတယ္ ငါေလ့လာထားရတာ ငါအခ်ိန္ကုန္ခံထားရတာ ငါပင္ပန္းထားတာ စသျဖင့္ေပါ့ဗ်ာ ကိုယ္တိုင္ေရး ပိုစ့္ေတြနဲ႔ ပက္သက္ျပီး ခံစားမွု အရမ္းျပင္းထန္ၾကတာ ျမင္မိပါတယ္ ဒါကလဲ ငါဆိုတဲ့ အတၱ စိတ္ေတြ မကင္းသမွ်ေတာ့ ရွိေနမွာပါပဲ အျပစ္ဆိုသာတဲ့ အေၾကာင္းအရင္း မဟုတ္ပါဘူး ဒီလိုခံစားမွု ျပင္းထန္သူေတြဟာ ဒီလို Copyright ျပသနာေတြ ကိုယ္တိုင္ ရင္ဆိုင္ရတဲ့ အခါ မခံမရပ္ႏိုင္ ေပါက္ကြဲတတ္ ၾကတာလဲ ေတြ႕ရပါတယ္ Facebook မွာဆို ပိုဆိုးပါတယ္ ရန္ေတာင္ျဖစ္လိုက္ၾကေသး ေတြ႔ရတာ ေျပာတာပါ ဘယ္သူ႕ကို မွ မရည္ရြယ္ပါဘူး လက္ရွိ တင္ျပေနတာနဲ႔ အေၾကာင္းတိုက္ဆိုင္လို႔ ထည့္ေျပာေပးတာပါ ကၽြန္ေတာ္ကိုယ္တိုင္လဲ အရင္တုန္းက သူမ်ားဆီက ေကာ္ပီ ယူတင္မိလို႔ ျပသနာ ရွာတာ ခံရဖူးပါတယ္ ဒါေတြကျပီးခဲ့ပါျပီ ဘယ္သူမျပဳမိမိမွုပါပဲ ကိုယ္က သူမ်ားဟာ သြားမယူရင္ ဘာျပသနာ ျဖစ္လာစရာ အေၾကာင္းမရွိပါဘူး ယူလို႕ျဖစ္ရတာ ကၽြန္ေတာ္ အျပစ္ပါ အခု တင္ေပးတာက အဲလို ျပသနာ ေတြကို အနည္းအက်ဥ္းေလာက္ မဆိုစေလာက္ေလး ျဖစ္ျဖစ္ ကာကြယ္ႏိုင္တဲ့ နည္းေလးကို ေလ့လာဆဲ တက္သစ္စ Blogger ညီအစ္ကို ေမာင္ႏွမ အားလံုးကုိ ျဖန္႕ေ၀ေပးတဲ့ သေဘာပါပဲ ကၽြန္ေတာ္ဆိုဒ္မွာေတာ့ ဒီပိုစ့္မွာ တင္ျပထားတဲ့ ကုဒ္ေတြ မထည့္ပါဘူး မထည့္ရတဲ့ အေၾကာင္းကေတာ့ ကၽြန္ေတာ္ ကိုယ္တိုင္က မသိေသးတဲ့ သိေတာ့သိတယ္ မတတ္ေသးတဲ့ စာဖတ္သူမ်ားအားလံုး တတ္ပါေစ ရပါေစ ဆိုတဲ့ စိတ္တစ္ခု ရယ္ ကိုယ္တိုင္လဲ စာေရးေနရရင္ ေပ်ာ္ေနတတ္တာမို႔ သိထားတာေလးေတြကို ရွယ္ေပးေနလို႔ပါ ဒါေၾကာင့္ ကၽြန္ေတာ္ဆိုဒ္မွာ ဘယ္သူ မဆို ကၽြန္ေတာ္ဆိုဒ္က ပိုစ့္ကို ယူလိုရင္ စိတ္ၾကိဳက္ ေကာ္ပီ လုပ္သြား တတ္ႏိုင္ရင္ ဆိုဒ္တစ္ခုလံုးပါ ေကာ္ပီလုပ္ထား လိုက္ရင္ ကၽြန္ေတာ္ပို ေပ်ာ္မိမွာပါ စိတ္ခ်မ္းသာရမွာ ဒါအမွန္ပါပဲ အေၾကာင္းကေတာ့ ကၽြန္ေတာ္ဆိုဒ္မွာ လာၾကည့္သူ တစ္ေန႔ လူႏွစ္ရာ ရွိတယ္ဆိုပါစို႔ ဒီလူႏွစ္ရာေလာက္ပဲ သိမွ ဒါေတာင္ သိျပီးသားသူက ပါေနဦးမွာ ကၽြန္ေတာ္ ေရးတင္တာ ကို ေကာ္ပီလုပ္သြားျပီး အျခား ဆိုဒ္တစ္ခုမွာ ျပန္တင္လိုက္လို႔ ရွိရင္ အဲဒီဆိုဒ္မွာ လာၾကည့္သူနဲ႔ ဆိုရင္ ပိုျပန္႔ႏွံ႕လာပါျပီ ဒါက ကၽြန္ေတာ္ ျဖစ္ေစခ်င္တဲ့ ပစ္မွတ္ပါပဲ မ်ားမ်ား ေကာ္ပီလုပ္ မ်ားမ်ား ရွယ္ၾကပါ မသိေသးတဲ့ သူေတြ မ်ားမ်ားသိေလ ပိုေကာင္းေလပဲေပါ့ ငါဘယ္သူဆိုတာထက္ ငါ ဘာလုပ္ေပးႏိုင္ခဲ့သလဲဆိုတာက ပိုအေရးၾကီးတယ္ မဟုတ္လား ဒါေၾကာင့္ ကၽြန္ေတာ္ဆိုဒ္ကေန ေကာ္ပီ လုပ္လိုပါက စိတ္ၾကိဳက္ လုပ္ျပီး ျပန္ရွယ္ၾကပါ ခြင့္ေတာင္းစရာ ခရက္ဒစ္ေပးစရာ မလိုပါဘူး လို႔ အရင္တုန္းကဆို ဆိုဒ္ Main Page မွာ တင္ထားေပးပါတယ္ ေနာက္ေတာ့ နဲနဲၾကာလာေတာ့ သိေလာက္ျပီ ယူဆျပီး ျဖဳတ္လိုက္တာပါ ခုလည္း ညီငယ္ေလးတစ္ေယာက္ ခြင့္ေတာင္းလာလို႔ ဒီအေၾကာင္းေရးျဖစ္တာပါပဲ အခု ကိုယ္တိုင္ေရး ပိုစ္႔ေတြနဲ႔ ပက္သက္ျပီး ခံစားမွု ျပင္းၾကတာ ကို ျမင္လာရေတာ့ ကၽြန္ေတာ္ ၂၀၀၉ ေလာက္က ေရးခဲ့ ဖူးတဲ့ မူပိုင္ခြင့္ေတြနဲ႔ ပက္သက္လို႔ အြန္လိုင္း စာေပစီစစ္ေရး အဖြဲ႕အစည္းတစ္ခု ရွိဖို႔လိုျပီ ဆိုတဲ့ ပိုစ့္ေလးကို သတိရမိပါတယ္ အဲတုန္းက နာမည္ၾကီးတဲ့ ဆိုရွယ္နက္၀ ဆိုဒ္ေတြလဲ ႏိုင္ဆိုဒ္ေတြနဲ႔ အတူ ေဒါင္းသြားၾကျပီဆိုေတာ့ စာမူ သိမ္းမထားမိတဲ့ အတြက္ ေနာင္တရမိသလိုလိုပဲ ဘာျဖစ္ျဖစ္ေပါ့ေလ အခုေျပာေနတာလဲ ေတာေရာက္ေတာင္ေရာက္ ျဖစ္ေနျပီ တင္ျပထားတဲ့ ပိုစ္အတြက္ ျပန္ဆက္လိုက္ရေအာင္

အေကာင္းျမင္၀ါဒ အေနနဲ႔ ေျပာရရင္ ဒီကုဒ္ေတြ ကိုယ့္ဆိုဒ္မွာ ထည့္ထားလို႔ ရွိရင္ တစ္ဦးတစ္ေယာက္က Copy ကူးလိုက္ မူရင္းဆိုဒ္ရဲ႕ လင့္နဲ႔ စာေရးသူသိေစခ်င္တဲ့ နာမည္ တစ္ခုဟာ Auto ပါသြားမွာမို႔ Copy လုပ္သူဟာ ပိုစ္႔ ျပန္တင္တဲ့အခါ မူလစာေရးသူ အတြက္ သီးျခား ခရက္ဒစ္ေပးစရာ မလိုေတာ့ပါဘူး ေမ့လဲ မေမ့က်န္ႏိုင္ေတာ့ပါဘူး ေကာ္ပီသမားအတြက္ အခ်ိန္ကုန္ သက္သာေစပါတယ္ ကိုယ္ဆိုဒ္မွာ ဒီကုဒ္ထည့္ထားလို႔ ေကာ္ပီလာကူးသူက ပိုစ့္ျပန္တင္တဲ့ အခါ Auto ပါလာတဲ့ Link ကို တမင္တကာ ဖ်က္ျပီး ျပန္တင္ရင္ေတာ့ တင္လို႔ရတာေပါ့ေလ ဒါေပမယ့္ လူတိုင္းမွာ သူ႕အဆင့္အတန္းနဲ႔ သူရွိပါတယ္ ဒါကို ကိုယ္တိုင္ ပဲ လုပ္ယူလို႔ရတာပါ ဒီလို ဖ်က္ျပီး ျပန္တင္တယ္ဆိုရင္ သူက ဒီေလာက္ေလးပဲ ဆိုတာ သူ႔ဟာသူ အမ်ားကို ျပထားတာနဲ႔တူပါတယ္ မူရင္းပိုစ့္ဘယ္သူေရးတာလဲဆိုတာ စစ္တာက ဘာမွ ခက္တာမွ မဟုတ္ဘဲ ပိုစ့္ႏွစ္ခုဟာ ထပ္တူ က်ေနျပီဆိုရင္ ပိုစ့္တင္ထားတဲ့ အခ်ိန္ေတြကို ၾကည့္လိုက္တာနဲ႔ ဘယ္သူက မူရင္းပါလို႔ သိႏိုင္တာပဲေလ ဒါကိုအေရးတယူ ေဒါသထြက္ေနမယ္ဆိုရင္ ကိုယ္ပဲ ပင္ပန္းမွာေပါ့ ဒါေၾကာင့္ စိတ္ခံစားမွု ဖီလင္ေလးရွိလာခဲ့ရင္ေတာင္ ခြင့္လြတ္နားလည္ေပးလိုက္ပါ လို႔ပဲ အၾကံျပဳပါရေစ ေအာက္မွာ Blogger မွာ ထည့္နည္းေလး ၾကည့္လိုက္ရေအာင္

1. Blogger မွာ Log in ၀င္ပါ

2. ဒီအတိုင္း သြားပါ Design > Edit HTML.
3. ေအာက္က ျပထားတဲ့ ကုဒ္ေတြကို Copy ယူျပီး </head> အေပၚမွာ (မတိုင္ခင္) Past ခ်ေပးပါ

မူလစာေရးသူ -->>အာကာျဖိဳး (နည္းပညာ) ဆိုတာေလးကို သင္ထည့္ခ်င္တဲ့ စာသား ေျပာင္းထည့္ႏိုင္ပါတယ္

ေနာက္ Save လုပ္လိုက္ပါ ဒါဆိုရင္ သင္လုပ္ေဆာင္တာ အဆင္ေျပမေျပ သင့္ဆိုဒ္ကို ေခၚျပီး ေကာ္ပီ ကူးၾကည့္လိုက္ပါ

အဆင္ေျပေျပနဲ႔ ေပ်ာ္ႏိုင္ပါေစ
အာကာျဖိဳး (နည္းပညာ)

ေအာင္ေအာင္(မကစ) ရဲ႕ ဘေလာ့ခရီးသည္ေလးအား အားေပးေနၾကတဲ့အတြက္ ေက်းဇဴးအထူးတင္ပါတယ္.. တုန္႕ျပန္မွဳအေနနဲ႕ fb like ေလးေတာ့ လုပ္ေပးခဲ့ၾကပါေနာ္.. တတ္စြမ္းသမွ် ေတြ႕ ရွိသမွ်ေလးေတြကို ျပန္လည္ မွ်ေ၀ေနပါ့မယ္...။ အဆင္မေျပတာမ်ားရွိခဲ့ပါက...cbox မွာ ေျပာခဲ့ၾကပါေနာ္..

<<< မန္ဘာ၀င္ျပီး... Fb Like ျခင္းျဖင့္ အားေပးၾကပါေနာ္ >>>

ေအာင္ေအာင္(မကစ) ပိုင္ဆိုင္ေသာ ေနရာေလးမ်ားကိုလာလည္ၾကပါ။ www.aungsanmks.blogspot.com

www.ledimyethar.com

www.ninilayy.com

How To Change Read More With An Icon / Button | http://tipsandtricksfor.blogspot.com/2010/12/how-to-change-read-more-with-icon.html

Usually, after we get read more code and we use it, we only have "Read More" (word), no icon or button. So how to change "Read More" (word) with an icon or button? It's very easy, just follow the steps below.

1. Log in to your blogger account
2. Go to Design>>>Edit HTML
3. Thick "Expand Widget Templates"
4. Find this word : Read More
5. Change Read More with the code below

<img border='0' src='ICON URL'/>

6. Change ICON URL with your icon URL. Example :

<img border='0' src='https://lh4.googleusercontent.com/-IZgq6Z2Kz8M/TXB8F8lMlEI/AAAAAAAAAPA/cfMaqkz24Rc/s1600/readmore_button.png'/>

7. Save it

The example of read more icon / button :