অনেক টেমপ্লেট এ ডিফল্ট সেটিং
হিসাবে হোম পেজ এ Full
Post দেখা যায। এটি ভালে তবে অনেক
ব্লগার চায় যে হোম পেজ এ যেন অনেক গুলো Post Summary আকারে প্রদর্শিত হয়। তারই প্রেক্ষিতে এ পোষ্টটি । এটি একটি Normal Coding সমৃদ্ধ পোষ্ট যেটির সাহায্যে আপনি আপনার পোষ্ট গুলোকে হোম
পেজ এ Summary আকারে প্রদর্শন করতে পারেবেন তবে সব নয় আপনার ইচ্ছা
মতো।যেমন ৫/৭/১০ ইত্যাদি সংখ্যক।যাই হোক আসল কাজে আসা যাক নিচে প্রক্রিয়াটি দেখানো
হলো।
প্রথমে আপনার Blogger Dashboard এ Login করুন।
তারপর আপনার টেমপ্লেট(Template)টির একটি ব্যাকআপ ফাইল Download করে রাখেন।
এখন Edit HTML এ বক্লিক করুন।
আপনাকে যা করতে হবে CTRL+F চাপুন এবং Find
Box এর ভিতর ভিতরে <data:post.body/> এই কোডটি পেষ্ট করে খুজে বের করুন এবং পুরো টেমপ্লেট এ এটি
দুইবার পাবেন প্রথমটি না নিয়ে দ্বিতীয়টি সিলেস্ট করুন এবং নিচের কোডটি দ্বারা পরিবর্তন
করুন মানে দ্বিতীয় কোডটি মুছে নিচের কোডটি বসান।
<b:if cond='data:blog.pageType != "item"'>
<b:if cond='data:post.snippet'>
<b:if cond='data:post.thumbnailUrl'>
<div class='Image thumb'>
<img expr:src='data:post.thumbnailUrl'/>
</div>
</b:if>
<data:post.snippet/>
<b:if cond='data:post.jumpLink != data:post.hasJumpLink'>
<div class='jump-link'>
<a expr:href='data:post.url + "#more"' expr:title='data:post.title'><data:post.jumpText/></a>
</div>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
<b:else/>
<data:post.body/>
</b:if>
এখন যা করতে হবে Find
Box এর </b:skin> এই কোডটি পেষ্ট করে খুজে বের করুন এবং এর পূর্বে CSS কোডের ভিতর নিচের কোডটি পেষ্ট করুন।ব্যাস কাজ শেষ এখন
টেমপ্লেটি সেভ করুন এবং হোম পেজ এ গিয়ে রিফ্রেশ দিন।
.thumb img {
float: right;
margin: 0 0 10px 10px;
}
এর পর আপনার যদি ছবিটি ডানে না
দিয়ে বায়ে প্রকাশ করতে চান তবে নিচের এই কোডটি সেট করুন।
.thumb img {
float: left;
margin: 0 10px 10px 0;
}
যদি কারো কোন প্রশ্ন থাকে করতে
পারেন।
