မင်္ဂလာပါခင်ဗျာ :::: ဤဘလော့တွင် တင်သမျှ နည်းပညာလေးများသည် ကျွန်တော်လေ့လာဖူးသမျှကို ပြန်လည်မျှဝေပေးခြင်းဖြစ်ပါတယ်။ ::::

……..မဂၤလာပါ :::: Kyaw Soe Tun Aung Blog မွာႀကိဳဆိုပါတယ္…….

……..မဂၤလာပါ :::: Kyaw Soe Tun Aung Blog မွာႀကိဳဆိုပါတယ္…….

……..မဂၤလာပါ :::: Kyaw Soe Tun Aung Blog မွာႀကိဳဆိုပါတယ္…….

……..မဂၤလာပါ :::: Kyaw Soe Tun Aung Blog မွာႀကိဳဆိုပါတယ္…….

……..မဂၤလာပါ :::: Kyaw Soe Tun Aung Blog မွာႀကိဳဆိုပါတယ္…….

Showing posts with label Blog နည္းပညာမ်ား. Show all posts
Showing posts with label Blog နည္းပညာမ်ား. Show all posts

Blog Address အေဟာင္းမွ လိပ္စာအသစ္သုိ႔ Redirect လုပ္နည္း

  မိမိ blog လိပ္စာအေဟာင္းကုိသြားလုိက္တာနဲ႔ လိပ္စာအသစ္ဆီကုိ Redirect လုပ္ေပးမယ့္နည္းလမ္းေလးပါ။ ဘေလာဂါေတြအတြက္ ဒီလုိအေျပာင္းအလဲေတြ
ရွိခဲ့ရင္ ခုနည္းလမ္းကမဆုိးပါဘူး။ သူ႕ဟာသူ auto Redirect လုပ္ေပးမွာျဖစ္ပါတယ္။ ကဲ လုပ္ရမွာက လြယ္ပါတယ္။ အရင္ဆုံး မူလဘေလာစေပါ့ထဲ Login ဝင္ထားပါ။
 
Blogger Dashboard ထဲေရာက္ရင္ Template ကုိေရြးပါ။ အဲဒီကေနတစ္ဆင့္ Edit Html ကုိဆက္သြားပါ။ ေရာက္ျပီဆုိရင္ <head> ဆုိတဲ့စာသားေလးေနရာကုိရွာပါ။ Firefox ကေန Ctrl+F နဲ႕ရွာႏုိင္ပါတယ္။ ေတြ႕ျပီဆုိတာနဲ႕ ေအာက္ကကုဒ္ကုိ <head> ဆုိတဲ့ေအာက္နားမွာထည့္ေပးရပါမယ္။
<meta content='5;url=http://www.YOUR-URL.com/' http-equiv='refresh'/>
အနီေရာင္နဲ႕ 5 ဆုိတာက Redirect လုပ္ေပးမယ့္အခ်ိန္ပါ။
http://www.YOUR-URL.com/ မွာ မိမိ Redirect လုပ္ခ်င္တဲ့လိပ္စာကုိထည့္ေပးရပါမယ္။
ဒါဆုိရင္ ရပါျပီ။ Save မလုပ္ခင္ Preview ကေနအရင္ဆုံးၾကည့္ပါ။ အလုပ္ျဖစ္ရင္ေတာ့ Save လုိ႔ရပါျပီ။ တစ္ခုခုမွားသြားရင္ ျပန္ေခၚလုိ႔ရေအာင္ မိမိရဲ႕ ဘေလာ့ Template ကုိ Backup လုပ္ထားပါေစ။

CSS codes မ်ားႏွင့္ Scripts မ်ားကုိ Blog Post တြင္ ေဖာ္ျပျခင္း



အားလုံးပဲမဂၤလာပါခင္ဗ်ာ။ မိမိတုိ႔ရဲ႕ ဘေလာ့ဂ္မွာ CSS codes ေတြနဲ႔ Scripts ေတြကုိ သီးျခား Style တစ္မ်ိဳးနဲ႔ ေဖာ္ျပေပးတဲ့နည္းေလးပဲျဖစ္ပါတယ္။ ဒီလုိေဖာ္ျပေပးျခင္းအားျဖင့္ စာဖတ္သူအေနနဲ႔လည္း Code ေတြကုိ ရွင္းလင္းစြာ ေတြ႕ျမင္ရမွာျဖစ္ပါတယ္။ စိတ္၀င္စားသူမ်ား ေအာက္ကနည္းေလးအတုိင္း လုိက္လုပ္ၾကည့္ႏုိင္ပါတယ္။။

၁။ Dashboard--->>Layout---->>Edit html ကုိသြားပါ။ Template ကုိ Backup လုပ္ခဲ့ပါ(Download Full Template)။
၂။ ]]></b:skin> ဆုိတဲ့ Code ကုိေတြ႕ေအာင္ရွာပါ။ ေတြ႕ရင္ အဲဒီအေပၚကေန ေအာက္မွာေပးထားတဲ့ Code ေတြကုိ ထည့္လုိက္ပါ။


.codeview { margin : 25px 35px 25px 25px; padding : 15px; clear : both; list-style-type : none; background : #f9f9f9 url(http://img17.imageshack.us/img17/5162/codeview.gif) no-repeat right bottom; border-top : 1px solid #eeeeee; border-right : 2px solid #cccccc; border-bottom : 2px solid #cccccc; border-left : 1px solid #eeeeee; } .codeview li { font-size : 13px; line-height : 24px; font-family : "Courier New", "MS Sans Serif", sans-serif, serif; color : #FFFFFF; font-weight : normal; margin : 0; padding : 0; }
၃။ အေပၚက Code ေတြထဲမွာ အနီေရာင္ျပထားတာေတြကုိ မိမိဘေလာ့ဂ္ရဲ႕ Template နဲ႔ ကုိက္ညီေအာင္ စိတ္တုိင္းက်ျပျပင္ေပးလုိ႔ရပါတယ္။ Template ကုိ Save လုပ္ပါ။ CSS code ေတြနဲ႕ Script ေတြ ေအာက္မွာေပးထားတဲ့ div section ႏွစ္ခုၾကားမွာ ေရးပါ။ အဆင္ေျပၾကပါေစဗ်ာ..
<div class="codeview">

Insert the Special code here

</div>

မိမိဘေလာ့မွာ reply comment ထည့္နည္း

ဒီနည္းလမ္းေလးကေတာ့ မိမိတို ့ဘေလာ့ပို ့စ္မွာ comment ေပးထားတာေတြကို အလြယ္တကူ reply ျပန္လုပ္နုိင္ေအာင္ထည့္တဲ့ကုဒ္ေလးေတြပါ.ဘေလာ့ဂါမိတ္ေဆြမ်ားလဲ လိုအပ္မယ္ထင္ပါတယ္.
ကဲေအာက္မွစၾကရေအာင္...

1.Please login to blogger with your ID
2.Click Design
3.Click Edit HTML tab
4.Expand Widget Templates ကိုအမွန္ျခစ္လိုက္ပါ။

ေအာက္ကကုဒ္ကို Ctrl+ F အကူအညီနဲ ့ရွာလိုက္ပါ.



ေတြ့ျပီဆိုရင္ သူ ့ေအာက္မွာ ေအာက္ကကုဒ္ေတြကိုထည့္ေပးလိုက္ပါ.
 
<a href='http://www.spiceupyourblog.com'><img alt='Best Blogger Tips' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZexUxMcSCMSJ4BmxXuUIxAJuCqV6tC8pjq-e9oo5csjnurGm8VInYr6Giz0GgKVvWdr-9J8gDgk0pkbMOUdDXkVYTUpMYISccIB8ElU1AsnzG5e51m0ybCUaxin-bxvN96jn2KJEcsEzT/s1600/best blogger tips.png'/></a><span class='comment-reply'><a expr:href='&quot;https://www.blogger.com/comment.g?blogID=YOUR-BLOG-ID&amp;postID=&quot; data:post.id &quot;&amp;isPopup=true&amp;postBody=%40%3C%61%20%68%72%65%66%3D%22%23&quot; data:comment.anchorName &quot;%22%3E&quot; data:comment.author &quot;%3C%2F%61%3E#form&quot;' onclick='javascript:window.open(this.href, &quot;bloggerPopup&quot;, &quot;toolbar=0,location=0,statusbar=1,menubar=0,scrollbars=yes,width=400,height=450&quot;); return false;'>[Reply to comment]</a></span><a href='http://www.bestbloggertemplates.net'><img alt='Best Blogger Templates' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgZexUxMcSCMSJ4BmxXuUIxAJuCqV6tC8pjq-e9oo5csjnurGm8VInYr6Giz0GgKVvWdr-9J8gDgk0pkbMOUdDXkVYTUpMYISccIB8ElU1AsnzG5e51m0ybCUaxin-bxvN96jn2KJEcsEzT/s1600/best blogger tips.png'/></a>



မွတ္ခ်က္။ ID=YOUR-BLOG-ID ေနရာမွာ မိမိဘေလာ့ရဲ ့ID နံပါတ္ကိုထည့္ေပးလိုက္ပါ.ID နံပါတ္ကိုမသိတဲ့မိတ္ေဆြမ်ားအတြက္ တခါထဲေဖၚျပေပးလိုက္ပါတယ္
1.Please login to blogger with your ID
2.Click Posting.
3.မိမိတို ့ရဲ ့လင့္URL ေနရာ မွာ ID=11111111111 နံပါတ္ေတြဟာမိမိတို ့ရဲ ့ID နံပါတ္မ်ားျဖစ္ပါတယ္.မရွင္းရင္ေအာက္ကပံုေလးကိုႀကည့္ပါ။



.အဆင္ေျပၾကပါေစ...

Blogger Postေတြကို PDFနဲ႔သိမ္းမယ္

Blogger Postေတြကို PDFနဲ႔သိမ္းလို႔ရတဲ့နည္းပါ။ မသိေသးသူမ်ားအတြက္ပါ။

၁။ ဦးစြာ Blogger ထဲကို Sign Inလုပ္ပါ။
၂။ Layoutသြား၍ Edit HTMLကိုႏွိပ္ပါ။ HTMLမွ Expand Widget checkboxကို အမွန္ျခစ္ျပပါ။
၃။ ေအာက္ပါ Codeကိုရွာပါ။ မေတြ႔ေတြ႔ေအာင္ရွာပါ။
-----------------------------------------------------------

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

-----------------------------------------------------------

၄။ ထို႔ေနာက္ ေအာက္ေဖါျပပါ Codeကို ကူးယူ၍ ဤ code
<p> <data:post.body/> </p>
၏ ေအာက္တြင္ Pasteလုပ္ပါ။

------------------------------------------------------------

<script type="text/javascript">

</script>

<script src="http://web2pdf.freepdfconvert.com/pdfbutton.js" type="text/javascript">

</script>

------------------------------------------------------------
၅။ Save Templateႏွိပ္လိုက္ပါ။
၆။ မိမိ PDF လုပ္လိုေသာ Postကို ႏွိပ္ပါ။ ၄င္း Postေအာက္တြင္ ေအာက္ပါ Buttonေတြရမည္။ ထို Buttonေလးကို ႏွိပ္လိုက္ပါ။
၇။ ထို႔ေနာက္ Creating PDF Please Wait windowေလးတက္လာမည္။ ေစာင့္ေပးပါ။
၈။ ၄င္းေနာက္ PDF Sucessfully created,click to download PDF fileကိုႏွိပ္၍ downloadလုပ္ပါ။

How to Add Login Form Widget to Blogger

မိမိဘေလာ့မွာ blogger
အတြက္google login form ထည့္နည္းေလးပါ.ေအာက္ကပံုေလးကိုၾကည့္လိုက္ျပီး
လိုအပ္ရင္ထည့္သြင္းထားလို ့ရပါတယ္.သိပ္ေတာ့အေရးမၾကီးပါဘူး.
မိမိဘေလာ့ေလးပိုမိုလွပသြားေအာင္လုပ္နည္းေလးပါဘဲ.



စၾကရေအာင္!

1. Login to blogger with your ID.

2. After entering the dashboard page , click Layout.


3. Click at Add a Page element.( ADD a Gadget )

4. Click add to blog button for the things HTML/JavaScript ကိုသြားျပီး ေအာက္ကကုဒ္ေလးေတြကိုထည့္ေပးလိုက္ပါ။



ေက်းဇူးတင္ပါတယ္...

Comments Form မွာေနာက္ခံပံုထည့္နည္း

ဒီနည္းလမ္းေလးကေတာ့ မိမိတို ့ blog ႏွင့္ website ေတြမွာ ရွိတဲ့ comment  form မွာေနာက္ခံပံုထည့္နည္းေလးပါ.



ေအာက္မွာေဖၚျပထားတဲ့အတိုင္းလုပ္ၾကည့္လိုက္ပါ.

1.Blogger ကို login ၀င္ပါ
2.Template ကိုသြားပါ။
 3.Customize ကို ႏိွပ္ပါ
4.Advanced ထဲက  Add Css. ကိုသြားပါ

5.Paste In Code And Click Apply To Blog.





အဆင္ေျပၾကပါေစ...

ေက်းဇူးတင္ပါတယ္...

Blog မွာ Image Zoom Effect ထည့္နည္း

ဘေလာ့မိတ္ေဆြမ်ားကို အခုေဖၚျပေပးမယ့္နည္းလမ္းေလးကေတာ့ မိမိတို ့ဘေလာ့မွာ တင္ထား တဲ့ဓါတ္ပံုေတြ ကို ေမာက္ေထာက္လိုက္တာနဲ ့ zoom အေနနဲ ့ၾကည့္လို ့ရတဲ့နည္း လမ္းေလးပါ
.ဓါတ္ပံုေတြကိုဦးစားေပးျပီးတင္ေလ့ရွိတဲ့ ဘေလာ့မိတ္ေဆြမ်ား ၾကိဳက္ၾကမယ္ထင္ပါတယ္.

login blogger ၀င္ပါ။
Edit template ကိုသြားပါ ။ Expand widget ကို အမွန္ျခစ္ပါ.

Ctrl + F အကူအညီနဲ ့ေအာက္ကကုဒ္ကိုရွာပါ

]]></b:skin> 

.ေတြ ့ျပီဆိုရင္ သူ ့အေပၚမွာေအာက္ကကုဒ္ကိုထည့္လိုက္ပါ။

#easy_zoom{
width:600px;
height:400px;
border:5px solid #eee;
background:#fff;
color:#333;
position:fixed;
top:35px;
left:50%;
overflow:hidden;
-moz-box-shadow:0 0 10px #555;
-webkit-box-shadow:0 0 10px #555;
box-shadow:0 0 10px #555;
/* vertical and horizontal alignment used for preloader text */
line-height:400px;
text-align:center;
}

မျပီးေသးပါဘူး ေအာက္ကကုဒ္ကိုထပ္ရွာပါ.

</head>

.ေတြ ့ျပီဆိုရင္သူ ့အေပၚမွာ ေအာက္ကကုဒ္ကိုထည့္လိုက္ပါ။

 
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js' type='text/javascript'/>
<script src='http://suyb.googlecode.com/files/easyzoom.js' type='text/javascript'/>
<script type='text/javascript'>
$().ready(function() {
$(&#39;a.zoom&#39;).each(function(i) {
$(this).easyZoom();
});
});
</script>

ပီးရင္ေတာ့ Save Template လုပ္လိုက္ပါ.

အထက္ပါအတိုင္းျပဳလုပ္ျပီးရင္ posting မွ newpost မွာဓါတ္ပံုတင္ၾကမယ္.ဒီေနရာမွာအဓိကပါ.Edit HTML မွတင္ရင္ပိုျမန္ပါတယ္.ဘာလုပ္ရမလဲဆိုေတာ့ေအာက္မွာၾကည့္ပါ.မိမိတို ့ upload တင္လိုက္တဲ့ပံုရဲ ့ HTML CODE ထဲမွာ class="zoom" ဆိုတဲ့စာေလးေရးထည့္ရပါမယ္.
 
အဆင္ေျပၾကပါေစ။။


 

Related Post လုပ္နည္း

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

၁။ Log in --> Click Template--> Click Edit HTML and ေအာက္ပါကုဒ္ကိုရွာပါ ...


</head>

၂. ေအာက္ပါကုဒ္ေတြကို ၎ </head> ေပၚထည့္လိုက္ပါ။

<script type="text/javascript">
//<![CDATA[
var relatedTitles = new Array();
var relatedTitlesNum = 0;
var relatedUrls = new Array();
function related_results_labels(json) {
for (var i = 0; i < json.feed.entry.length; i++) {
var entry = json.feed.entry[i];
relatedTitles[relatedTitlesNum] = entry.title.$t;
for (var k = 0; k < entry.link.length; k++) {
if (entry.link[k].rel == 'alternate') {
relatedUrls[relatedTitlesNum] = entry.link[k].href;
relatedTitlesNum++;
break;
}
}
}
}
function removeRelatedDuplicates() {
var tmp = new Array(0);
var tmp2 = new Array(0);
for(var i = 0; i < relatedUrls.length; i++) {
if(!contains(tmp, relatedUrls[i])) {
tmp.length += 1;
tmp[tmp.length - 1] = relatedUrls[i];
tmp2.length += 1;
tmp2[tmp2.length - 1] = relatedTitles[i];
}
}
relatedTitles = tmp2;
relatedUrls = tmp;
}
function contains(a, e) {
for(var j = 0; j < a.length; j++) if (a[j]==e) return true;
return false;
}
function printRelatedLabels() {
var r = Math.floor((relatedTitles.length - 1) * Math.random());
var i = 0;
document.write('<ul>');
while (i < relatedTitles.length && i < 20) {
document.write('<li><a href="' + relatedUrls[r] + '">' + relatedTitles[r] + '</a></li>');
if (r < relatedTitles.length - 1) {
r++;
} else {
r = 0;
}
i++;
}
document.write('</ul>');
}
//]]>
</script> 
 
၃။ ျပီးေတာ့ Save Template ၄။ Expand Widget Template ရဲ႕ ေလးေထာင့္ကြက္ အမွန္ျခစ္လိုက္ပါ။ ေအာက္ပါကုဒ္ေတြကို ရွာပါ။

<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
</b:loop>
</b:if>

၅။ ေတြ႕ရင္ ေအာက္မွာေပးထားတဲ့ အနီေရာင္ကုဒ္ေတြကို အထက္က ကုဒ္ႏွစ္ခုတို႔ရဲ႕ၾကားမွာထည့္ပါ။
<b:if cond='data:post.labels'>
<data:postLabelsLabel/>
<b:loop values='data:post.labels' var='label'>
<a expr:href='data:label.url' rel='tag'><data:label.name/></a><b:if cond='data:label.isLast != "true"'>,</b:if>
<b:if cond='data:blog.pageType == "item"'>
<script expr:src='"/feeds/posts/default/-/" + data:label.name + "?alt=json-in-script&callback=related_results_labels&max-results=10"' type='text/javascript'/>
</b:if>
</b:loop>
</b:if>


၆။ ျပီးရင္ Save Template 


၇။ Layout ကို ျပန္ဖြင့္ျပီး Add Giget > HTML/Javascript ကိုႏွိပ္ပါ။ ျပီးေတာ့ ေအာက္ပါကုဒ္ေတြကို ထည့္ျပီး Save ပါ။ ေခါင္းစည္းကို Related post လို႔လဲေပးလိုက္ပါ။
<script type="text/javascript">
removeRelatedDuplicates();
printRelatedLabels();
</script>

၈။ ျပီးပါျပီ ပို႔စ္ေတြကို ျပန္ဖြင့္လိုက္ပါ။ အဆင္ေျပမယ္လို႔တင္ပါတယ္။

ဇာတ္ေတာ္ႀကီး ဆယ္ဘြဲ႔ ကိုဖတ္ခ်င္တဲ့သူငယ္ခ်င္းေတြအတြက္

ဇာတ္ေတာ္ႀကီး ဆယ္ဘြဲ႔ ကိုဖတ္ခ်င္တဲ့သူငယ္ခ်င္းေတြအတြက္ ျပန္လည္မွ်ေ၀ေပးလုိက္ပါတယ္ 
ဖတ္မယ္ဆို ေအာက္ကလိပ္စာမွာရယူနုိင္ပါတယ္
 
 
Download >>>> mirrocreator >> Zippyshare

Blog မွာ Floating Social Sharing Bar ဘယ္လုိထည့္မလဲ



ပထမဦးဆုံး  း း း း း း း း း း း (Blog ကို Backup လုပ္ထားပါ)
================

1) ကုိယ့္ရဲ႕ Blog ကုိ Blogger Dashboard ကုိေရာက္ေအာင္ Login ၀င္ပါ။


2) "More Option" Dropdown menu ကုိ click ျပီး Template ကုိ ေရြးပါ။


3) ေနာက္တစ္ခါ Edit Html ====> Proceed ကုိ ႏွိပ္ပါ။


4) ေပၚလာတဲ့အထဲက ေပၚဆုံးနားမွာ  "Expand Template Widgets" ကုိအမွန္ျခစ္ပါ။


THE JQUERY PLUGIN!

===============

အခုထည့္မယ့္ Floating Social Sharing Bar Widget က jquery ကုိ အေျခခံထားတာျဖစ္ပါတယ္၊ ကုိယ့္ရဲ႕ Blog မွာ Jquery plugin ရွိကုိရွိပါမယ္။ ကုိယ့္ရဲ႕ Blog မွာ jquery ရွိရင္ ဒီအဆင့္ကုိ ထားခဲ့ပါ။ JQuery မရွိဘူးဆုိရင္ ေအာက္က code ေတြကုိ  </head> မတုိင္ခင္ copy လုပ္ျပီးထည့္ေပးပါ။

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>

Social Script 
========
ေအာက္မွာ ေပးထားတဲ့ Code ေတြကုိ </head>  မတုိင္ခင္ copy လုပ္ျပီးထည့္ေပးပါ။
 







SOCIAL BUTTONS WIDGET Codes!!
=====================

ဒါကေတာ့ ေနာက္ဆုံးပါဘဲ ဒီ code ေတြ ထည့္ျပီးသြားရင္ျပီးပါျပီ။
ေအာက္မွာ ေပးထားတဲ့ code ေတြကုိ <data:post.body/> မတုိင္ခင္ copy လုပ္ျပီးထည့္ေပးပါ။ <data:post.body/> ကုိသုံးခါေတြ႕ပါလိမ္မယ္။
ေအာက္မွာေပးထားတဲ့ စာေၾကာင္းႏွစ္ေၾကာင္းကုိရွာ ပါ။

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<data:post.body/>



ေအာက္မွာ ေပးထားတဲ့ code ေတြကုိ စာေၾကာင္းႏွစ္ေၾကာင္း ၾကားမွာထည့္ေပးပါ။
 




ျပီးသြားပါျပီ Blog ကုိ Save လုပ္ျပီး ကုိယ့္Blog ရဲ႕ post တစ္ခုခုကုိ ဖြင့္ၾကည့့္္ၾကည့္ပါ။
အားလုံး အဆင္ေျပၾကပါေစ။ေက်းဇူးတင္ပါတယ္။
 

Related Posts Plugin for WordPress, Blogger...
Link သေနေတာများရှိရင် comment မှာဖြစ်ဖြစ်၊ Cbox မှာဖြစ်ဖြစ် ပြောခဲ့ပါဗျာ…....