Monday 16 January 2012

Add Print Button to Blogger Posts

နည္းပညာေရးသားမွ်ေဝတဲ့ဘေလာ့တိုင္းအတြက္ Add Print Button to Blogger Posts ဆိုတာေလးက အမွန္တကယ္ လိုအပ္ပါတယ္ လာေရာက္ေလ့လာ ဖတ္ရွု႕သူေတြအတြက္ နည္းပညာမ်ားကို ပရင့္ထုတ္ယူ
ၿပီး သိမ္းစည္းႏိုင္ရန္အတြက္ပါ..
Print Buttonေလးကိုဘယ္လို ထည့္မလဲဆိုေတ့ာ ေအာက္မွာ ေျပာျပထားေပးပါတယ္.. 
ပထမဆံုးအေနနဲ ့
1. Dashboard ကိုဝင္ပါ, Design ကိုဝင္ပါ,  Edit HTML ကိုဝင္ပါ

2.  Expand Widget Templates ဆိုတာေလးကို အမွန္ျခစ္ေလးေပးထားခဲ့ပါ

3. ေအာက္က Html ကုဒ္ေလးကိုရွာပါ:


</head>

(Ctrl+F)ကိုအသံုးျပဳၿပီး လြယ္ကူစြာ ရွာေဖြႏိုင္ပါတယ္

4. </head> ဒီကုဒ္ေလးရဲ႕ အေရွ႕မွာေအာက္က HTML ကိုထည့္ပါ :


<style media='print' type='text/css'>#header-wrapper, #header, .header, #sidebar-wrapper, .sidebar, #footer-wrapper, #footer, .date-header, .post-meta-data, .comment-link, .comment-footer, #blog-pager, #backlinks-container, #navbar-section, .subscribe_notice, .noprint {display: none;}#main-wrapper {width: 100%}</style>


ဒုတိယ အဆင့္အေနနဲ ့က
1. ေအာက္က ကုဒ္ေလးကို HTML ထဲမွာရွာပါ :


<data:post.body/>

(Ctrl+F)ကိုအသံုးျပဳၿပီး လြယ္ကူစြာ ရွာေဖြႏိုင္ပါတယ္
2.<data:post.body/> ဒီကုဒ္ေလးရဲ႕ေနာက္မွာေအာက္ကေပးထားတဲ့ Code ေလးကို ထည့္ပါ :


<!--Print-Button-BEGIN-->
<b:if cond='data:blog.pageType == &quot;item&quot;'><a href='javascript:window.print()' style='text-decoration:none;' target='_blank'><img src='http://www.iconarchive.com/icons/artua/dragon-soft/24/Printer-icon.png' style='margin-bottom:-12px; cursor: pointer; border:none;-moz-box-shadow: none;-webkit-box-shadow:none;box-shadow:none;'/><span style='color:#1A67B8; font: normal bold 15px Arial.Helvetica,sans-serif; letter-spacing: 0.85px;'><i>Print This Post</i></span></a></b:if>
<!--Print-Button-END-http://ayeyarmyae.blogspot.com-->

NOTES :
အေပၚက ကုဒ္ထဲက အနီေရာင္နဲ ့ေရးတဲ့Print This Post ဆိုတဲ့ေနရာမွာ စိတ္ႀကိဳက္စာသားေျပာင္းလဲ၍
အသံုးျပဳႏိုင္ၾကပါတယ္..
3. ၿပီးၿပီဆိုရင္ေတာ့ save template ကိုႏွိပ္ၿပီး သိမ္းလိုက္ၾကပါ..
Print Buttom ထည့္တာေလး ၿပီးဆံုးသြားပါၿပီ.. အဆင္ေျပၾကပါေစဗ်ာ ..

0 comments:

Post a Comment