ব্লগে যুক্ত করুন লেখকের তথ্য সম্পর্কিত উইজেট

ব্লগে যুক্ত করুন লেখকের তথ্য সম্পর্কিত উইজেট

 

Akhoni.com - Place for The Best Deals

আমরা ওয়ার্ডপ্রেস ব্লগে যিনি পোস্ট করেছেন অর্থাৎ পোস্ট লেখকের বিভিন্ন তথ্য দেখতে পাই কিন্তু ব্লগার.কম এ সচরাচর আমরা তা দেখতে পাই না। আসলে ব্লগার.কম প্লাটফর্মটি বেসিক লেভেলের ব্লগারদের জন্য নয়। তারপরও ব্লগার.কম কে যথেষ্ট কাস্টমাইজ করে ওয়ার্ডপ্রেস সাইটের মতো করা যায়। এবার আমি আপনাদের দেখাবো কিভাবে ব্লগার.কম ব্লগে ওয়ার্ডপ্রেস ব্লগের মতো লেখকের তথ্য সম্পর্কিত উইজেট লাগানো যায়।

এজন্য প্রথমে http://www.blogger.com – এ লগইন করুন। এবার ড্যাশবোর্ড থেকে যে ব্লগটিতে এই উইজেটটি বসাতে চান তার Template > Edit HTML   যান এবং expand widget templates বক্সে টিক দিন। এবার ]]></b:skin> কোডটি খুঁজে বের করুন এবং কোডটির উপরে নিচের কোডগুলো লিখে দিন।

কোডঃ

.author_info {
float: left;
width: 573px;
padding: 10px;
border: 1px solid #ccc;
margin-bottom: 15px;
margin-top: 15px;
background: #eee;
}
.author_info h3 {
margin-bottom: 10px;
}
.author_photo {
float: right;
margin: 0 0 0 10px;
}
.author_photo img {
border: 1px solid #666;
}

এবার <div class=’post-footer-line post-footer-line-1′> কোডটি খুঁজে বের করুন এবং উক্ত কোডের নিচে নিচে প্রদত্ত কোডটি লিখে দিন।

কোডঃ

<b:if cond=’data:blog.pageType == &quot;item&quot;’>

<div class=’author_info’>

<div class=’author_photo’>

<img alt=’author’ src=Image URL/></div>

<h3>This post was written by:</h3>

<p><a href=’http://alltechietips.com/ title=’Posts by YourName’>Nafiur Rahman</a> – who has written 66 posts on <a href=’http://alltechietips.com/’>Blog</a&gt;.</p>

<p>You Name is a professional blogger and web developer. Follow him on <a href=’http://twitter.com/‘>Twitter</a> or <a href=’mailto: @gmail.com’>email him</a><br style=’clear:both;’/></p>

</div></b:if>

চিহ্নিত  তথ্য গুলো এডিট করে নেবেন। এবার সেভ বাটনে ক্লিক করে আপনার এডিট করা অংশ গুলো সেব করুন। এখন ব্লগের যে কোন একটি পোস্ট ভিজিট করলে পোস্টের নিচের দিকে লেখক সম্পর্কিত বিভিন্ন তথ্য দেখতে পাবেন।

2 Responses to ব্লগে যুক্ত করুন লেখকের তথ্য সম্পর্কিত উইজেট

মন্তব্য দিন

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: