နည္းပညာေရးသားမွ်ေဝတဲ့ဘေလာ့တိုင္းအတြက္ 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 == "item"'><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-->
<b:if cond='data:blog.pageType == "item"'><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