কিভাবে Blogger Home Page এ Posts Summary ,Thumbnail & Read More link যুক্ত করা যায় Java script ছাড়া?

অনেক টেমপ্লেট এ ডিফল্ট সেটিং হিসাবে হোম পেজ এ 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;

}

যদি কারো কোন প্রশ্ন থাকে করতে পারেন।