আপনার সাইটে যোগ করুন Print as PDF Button (যে কোন সাইট!)

 

অনেক দিন পর পোস্ট লিখতে বসলাম। কিন্তু নিয়মকানুন বিষয়ক যে লেখাটা পোস্ট শুরু করার আগে পেলাম তা দেখে রীতিমত ভয় পেয়ে গেছি!  😥

এত নিয়ম কানুন। ভাবছি পোস্ট লেখার পর আবার নিষিদ্ধ হয়ে যাই কিনা। না চিন্তার কিছু নেই। আমি আজে বাজে কিছু লেখি না। আল্লাহ ভরসা। 🙂

আশা করি Post Title দেখেই বুঝতে পারছেন কি লিখব। আপনার ব্লগে/ ওয়েবসাইটে যদি এই বাটনটি লাগিয়ে নেন তাহলে সরাসরি এর সাহায্যে আপনি/ আপনার সাইটের ভিজিটররা Post টিকে PDF এ Convert করে নিতে পারবে। অনেক সময় দেখা যায় একটা টিপস দেবার পর সেটা অনেকে সংরক্ষণ করতে চায়। এসব ক্ষেত্রে এই বাটনটা বেশ কাজের।

কেউ যদি ডেমো দেখতে চান তাহলে নিচের লিংক এ দেখতে পারেন। ডেমোতে পোস্ট এর একদম নিচে লক্ষ্য করবেন একটা Print নামে বাটন আছে। চাইলে ওটাতে প্রেস করে দেখতে পারেন। প্রথমবার লোড হতে একটু সময় নিবে। পরবর্তীতে আর লেইট হবে না।

Demo

আর Demo দেখার দরকার না হলে সরাসরি কাজ শুরু করে দিন। ২ মিনিটের ব্যাপার।

Blogger Blog এর জন্য: 

নিচের কোডটি আপনার ব্লগের ড্যাশবোর্ড এর ডিজাইন থেকে লেআউটে গিয়ে গ্যাজেট হিসেবে এড করে নিবেন। আপনি হয়তবা Confused হতে পারেন কোথায় এড করবেন এ ব্যাপারে। যেহেতু Code টি ব্লগারের জন্য তাই যে কোন যায়গায় এড করতে পারেন। কিন্তু এটা শো করবে পোস্টের নিচে যেখানে আপনার নাম লেখা থাকে সেখানে।

<script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><script type="text/javascript">document.doAT = function(cl){var myclass = new RegExp("hentry");var myTitleContainer = new RegExp("post-title");var myPostContent = new RegExp("post-footer");var elem = this.getElementsByTagName("div");for (var i = 0; i < elem.length; i++){var classes = elem[i].className;if (myclass.test(classes)){var container = elem[i];for (var b = 0; b < container.childNodes.length; b++){var item = container.childNodes[b].className;if (myTitleContainer.test(item)){var link = container.childNodes[b].getElementsByTagName("a");if (typeof(link[0]) != "undefined"){var url = link[0].href;var index_page = true;}else{var url = document.url;var index_page = false;}if (typeof(url) == "undefined"|| url == "undefined" ){url = window.location.href;var index_page = false;}}if (myPostContent.test(item)){var footer = container.childNodes[b];}}var n = document.createElement("div");if (index_page == true) {var at = '<a href=' + url + '?pfstyle=wp' + ' style="float:right; margin-right: 1em; color:#6D9F00; text-decoration:none;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/button-print-grnw20.png" alt="Print Friendly and PDF"/></a>';}else {var at = '<a href="http://www.printfriendly.com" style="float:right; margin-right: 1em; color:#6D9F00; text-decoration:none;" onclick="window.print(); return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/button-print-grnw20.png" alt="Print Friendly and PDF"/></a>';}n.innerHTML = at;var origFooter = footer.innerHTML;footer.innerHTML = n.innerHTML + origFooter;footer.style.overflow = "hidden";}}return true;};document.doAT("hentry");</script>

 

যে কোন Website এর জন্য: (Blogger/ WordPress এর বেলায় ও কাজ করবে)

আর এই Code টি কাজ করবে যে কোন সাইটে। আপনাকে জাস্ট যায়গামত বসাতে হবে। যেখানে বসাবেন সেখানেই বসবে। ও নিজে থেকে কোন জায়গা ঠিক করে দেবে না। যেমনটি করে দেয় ব্লগার এর কোডটি।

<script src="http://cdn.printfriendly.com/printfriendly.js" type="text/javascript"></script><a href="http://www.printfriendly.com" style=" color:#6D9F00; text-decoration:none;" onclick="window.print(); return false;" title="Printer Friendly and PDF"><img style="border:none;" src="http://cdn.printfriendly.com/button-print-grnw20.png" alt="Print Friendly and PDF"/></a>

 

WordPress গুরুদের জন্য: 

WordPress এর কোন ফ্রি ভার্সন না থাকায় এটা নিয়ে ঘাটাঘাটি করতে পারিনি। এই বাটনের একটা WordPress Plugin ও আছে। WordPress এর জন্য যারা এটা করতে চান তারা প্লাগিন দিয়ে ও করতে পারেন অথবা ওয়েবসাইটের কোড টিই template এ বসিয়ে দিলে কাজ করবে।

 

এর আগে লেখা হয়েছিল এখানে-

Add Print as PDF Button in Your Blog!

 

Code ইন্সটল নিয়ে কোন ধরণের সমস্যা হবে না আশা রাখি। তারপরো যদি সমস্যা দেখা দেয় তাহলে Comment এ জানাবেন। Post টি পড়ার জন্য অনেক অনেক ধন্যবাদ।  🙂

Level 0

আমি আব্দুর রহমান। Admin, Marks PC Solution, Dhaka। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর 5 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 28 টি টিউন ও 241 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 1 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।

There is no mistake in the world of technology! Everything is learning!!


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level New

vai wapka te hobe naki ?

    Level 0

    @Abdulmomine63:
    যে কোন Website এর জন্য যে কোড দেয়া হয়েছে ওটা ট্রাই করেন। হবার কথা

Level 2

ভাল লাগল। কিন্তু অ্যাড মুক্ত হলে আরও খুশি হতাম

    Level 0

    @Sijanbest:
    আসলে এটাতো ফ্রি টুল। তাই এড আছে। এড ছাড়া ভার্সন পেতে হলে প্রিমিয়াম গ্রাহক হতে হয়।
    বেশ কিছু পদ্ধতি থেকে আমার এটাই ভাল লেগেছে। অন্যগুলোতেও এড আছে। কিন্তু এটা অপেক্ষাকৃত ভাল।

চ্রম