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 ထည့္တာေလး ၿပီးဆံုးသြားပါၿပီ.. အဆင္ေျပၾကပါေစဗ်ာ ..

Post a Comment

[blogger]

MKRdezign

Contact Form

Name

Email *

Message *

Powered by Blogger.
Javascript DisablePlease Enable Javascript To See All Widget