2.6.12

প্রতিটি ব্লগ পোস্টের নিচে "About Author" যোগ করুন

এই টিউটোরিউয়ালে আপনাদের শেখাব যে কি করে ব্লগের প্রত্যেক পোস্টে "লেখক সম্পর্কে" যোগ করা হবে, যা পোস্টের পেজে অবতীর্ণ হবে। আমি নিশ্চিত যে এই ফিচার টি আপনারা wordpress blog এ দেখেছেন বা দেখে থাকবেন। কিন্তু এখন, আমরা ব্লগারেও এই ফিচারটি ব্যবহার করব। এখানে(http://introblogger.blogspot.com/2010/06/blogger-template-charisma.html) দেখতে পারেন কিভাবে এই ফিচারটি দেওয়া হয়েছে। তাহলে নিচের স্টেপগুলো ফলো করুনঃ
১) প্রথমে ব্লগার থেকে ‘Edit HTML’ এ গিয়ে “Expand Widget Templates” তে টিক দিন।
২) এখন CTRL+F দিয়ে ]]></b:skin>  এই ট্যাগটি বের করুন এবং এরপর নিচের কোডগুলো ]]></b:skin> এর নিচে পেস্ট করেদিনঃ

/***** Author Box ********************/
.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}
.author-box p {
margin: 0;
padding: 0;
}
.author-box img {
background: #FFFFFF;
float: left;
margin: 0 10px 0 0;
padding: 4px;
border: 1px solid #E6E6E6;
}
]]></b:skin>

৩) এখন সার্চ করুনঃ <div class=’post-footer-line post-footer-line-1′>
অবশ্যই উপরের ট্যাগটির পরে নিচের কোডগুলো বসিয়ে দিনঃ
<b:if cond=’data:blog.pageType == &quot;item&quot;’>
<div class=’author-box’>
<p><img alt=” class=’avatar avatar-70 photo’ height=’70′ src=’https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgW0huB5EhA_OMLeBMvIj1mp0fcYA70hnz5PryLYKxnEIwp_O2SUwRTdMWqtkTjuPv1ThlzOUKfKzc_HiST6XIzOoOvAzKt1tsJP7XPFqGZ_p4Fz1FjrNK_dbED6GTyUrqR1JPR5D_YOl40/‘ width=’70′/><b>About Author</b><br/>
Write anything about you here!<br/></p>
</div>
</b:if>

আপনি যদি নিজের ইমেজ ব্যবহার করতে চান তাহলে উপরের কোডে সবুজ কালার দিয়ে চিন্হিত ইউআরএল এ আপনার ইমেজ এর লিঙ্ক দিয়ে দিন।
৪) এখন টেমপ্লেটটি সেভ করে নিন।

No comments:

Post a Comment