এই টিউটোরিউয়ালে আপনাদের শেখাব যে কি করে ব্লগের প্রত্যেক পোস্টে "লেখক সম্পর্কে" যোগ করা হবে, যা পোস্টের পেজে অবতীর্ণ হবে। আমি নিশ্চিত যে এই ফিচার টি আপনারা 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 == "item"’>
<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