আপনার ব্লগার ব্লগের পোস্টের নিচে দারুন একটি প্রিন্ট বাটন যুক্ত করুন !!

আসসালামু আলাইকুম বন্ধুরা , আজকে আমি আপনাদের সাথে দারুন একটি বাটন শেয়ার করবো প্রিন্ট বাটন । আপনি বিভিন্ন ওয়েবসাইটে দেখে থাকবেন প্রিন্ট বাটন আজকের বাটন গুলর কাজও সেই রকম । আসাকরি বুঝতে পেরেছেন । আপনার মনে প্রশ্ন জাগতে পারে আপনার ব্লগের পোস্ট কে আর প্রিন্ট করবো তাহলে বলি এটা যে সুধু প্রিন্ট এর কাজেই আসবে তা কিন্তু না ভিজিটর ইছে করলে এই বাটন এর দ্বারা আপনার ব্লগের পোস্টকে PDF হিসাবে সেভ করতে পারবে । তাহলে নিচে থেকে দেখে নিন কিভাবে আপনার ব্লগে যুক্ত করবেন ।

Print Button Demo

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

প্রিন্ট বাটন যুক্ত করার প্রক্রিয়া  ঃ

প্রথমে আপনার ব্লগার অ্যাকাউন্ট লগইন করুন ।

ড্যাশবোর্ড থেকে Template → Edit HTML এ ক্লিক করুন ।

এবার আপনার কীবোর্ড এর CTRL+F প্রেস করে নিচের ট্যাগ সার্চ করুন ।

]]></b:skin>

উপরের সিএসএস ট্যাগটি খুজে পেলে তার ঠিক উপরে নিচের কোড গুল বসিয়ে দিন ।

.BSPrintTXT span {
float:left;
font-size:150%;
text-transform:uppercase;
font-family:sans-serif;
font-weight:bold;
color:#ffffff;
padding:5px!important;
background:#333333;
margin-right:5px!important;
margin-bottom:5px!important;
}

ব্যাস সিএসএস স্টাইল যুক্ত করা হয়েগেল এবং আসল কাজ এর পালা এর জন্য একি ভাবে নিচের ট্যাগটি খুজে বের করুন ।

<div class='post-footer'>  বা <data:post.body/>

উপরের ট্যাগ খুজে পেলে তার ঠিক ঠিক পরে বা নিচে নিচের কোড গুল কপি পেস্ট করুন ।

<div class='BSPrintTXT'>
<span>Print It:</span>
<div style='float: left; padding-left: 10px;'>
<a href='javascript:window.print()' rel='nofollow'><img src='http://1.bp.blogspot.com/-GUgBm22x1Dk/VG2E3r3DXJI/AAAAAAAAIMw/O8AM1Oesh4c/s1600/BS%2BPrint1.png'/></a>
</div></div>
<div class='clear'/>

উপরের নীল কালারের ফটো লিঙ্ক পরিবর্তন করতে চাইলে করতে পারেন যদি করতে চান তাহলে নিচের ফটো গুল মধ্যে যেকন একটি ফটো লিঙ্ক ব্যবহার করুন ।

http://1.bp.blogspot.com/-GUgBm22x1Dk/VG2E3r3DXJI/AAAAAAAAIMw/O8AM1Oesh4c/s1600/BS%2BPrint1.png

http://2.bp.blogspot.com/-xHyG5S56zLI/VG2E3ri50NI/AAAAAAAAIMs/hKFxkFAcT2I/s1600/BS%2BPrint2.png

http://2.bp.blogspot.com/-1RLeb8Sa4ng/VG2E3gP5eeI/AAAAAAAAIMo/AX7pCtzfVoU/s1600/BS%2BPrint3.png

http://2.bp.blogspot.com/-P8dq_x3InMo/VG2E4kjPcbI/AAAAAAAAIM4/dMwKtSeXlAI/s1600/BS%2BPrint4.png

এই ফটোতে ক্লিক করেই লিঙ্ক কপি করে ব্যবহার করতে পারবেন । 

এই ফটোতে ক্লিক করেই লিঙ্ক কপি করে ব্যবহার করতে পারবেন । 

ব্যাস হয়েগেল সব কাজ শেষ হলে Save Template এ ক্লিক করে বেরিয়ে আসুন এবং আপনার ব্লগ ভিজিট করে দেখুন আসাকরি কাজটি করতে আপনি সফল হয়েছেন । তাহলে আজকের মত এই পর্যন্ত পোস্টটি ভাল লাগলে বন্ধুদের সাথে শেয়ার করুন । 

ভাল থাকবেন সুস্থ থাকবেন কোন সমস্যা হলে নিচে কমেন্ট করুন আমি হেল্প করবো । আসসালামু আলাইকুম ।