«

»

shourovekhan23

ব্লগস্পটে Recommended Post slider যোগ করা

আজকে একটি সাইটে প্রবেশ করে দেখলাম যে ওই সাইটের পোষ্ট দেখার সময় নিচে একটা Recommended Post  আসে দেখতে জিনিষটা ওনেক ভাল লাগল এবং আমার সাইটের যোগ করার জন্য গুগুল এ খুজলাম এবং অবশেষে পেয়েও গেলাম কিন্তু সেখানে ওনেক জটিল জিনিষ দেখলাম পরে একটা সাইটে দেখলাম জিনিষটা খুব সুন্দর ভাবে লিখা আছে।আমি ভাবলাম যে ওয়ার্ডপ্রেসে ব্যবহারের জন্য প্লাগিং আছে কিন্তু ব্লগারে সেটা নেই তাই ব্লগস্পটে যারা আছেন তাদের জন্য এই পোষ্টটি করি যদি উপকারে আসে ত বন্ধুরা চল তাহলে এই সুন্দর স্লাইডারটা যোগ করে নেই।

এটি করার জন্য আমাদের যা যা করতে হবে:-১ম পদক্ষেপ

ব্লগার এর ড্যাসবোর্ড হতে Template->Page Elements(আপনি যদি ব্লগার  এর পুরাতন ভার্সনে থাকেন তাহলে Design->Page Elements) এ গিয়ে একটি গ্যাজেট যোগ করে এর মধ্যে ডাউনলোড করা কোড গুলি বসিয়ে সেভ করে নিতে হবে।

২য়  পদক্ষেপ

http://foto.pk/images/02ede.jpg

এখন আপনাকে যা করতে হবে সেটি হল
১.ব্লগার এর ড্যাসবোর্ড হতে Template->Edit HTML(আপনি যদি ব্লগার  এর পুরাতন ভার্সনে থাকেন তাহলে Design->Edit HTML)
২.”Expand Widget” এ চাপ দিতে হবে
৩.নিচের কোড গুলো খুজে বের করতে হবে

<div class='post-footer-line post-footer-line-1'>

or

<p class='post-footer-line post-footer-line-1'>

or

<data:post.body/>

৩য় পদক্ষেপ

এখান থেকে যেকোন একটির আগে অথবা পরে নিচের কোড টি বসিয়ে সেভ করে নিতে হবে।

<b:if cond='data:blog.pageType == "item"'>

<div style='display:none' id='recslide_place_holder'></div>

</b:if>

এবং সর্বশেষে দেখুন এই সুন্দর স্লাইডার টি যোগ হয়ে গেছে।


এ সম্পর্কিত আরো কিছু টুইট:

ওয়ার্ডপ্রেস টিউটোরিয়াল পর্ব 7 [উইজেট ব্যবস্থাপনা]
আপনার ব্লগে যোগ করুন দারুন একটি Mouse Hover Facebook Slider Plugin.
আপনার ওয়ার্ডপ্রেস থিমে যুক্ত করুন ইমেজ স্লাইডার
৫০% ছাড়ে ওয়েব ডিজাইন এন্ড ডেভেলপমেন্ট কোর্সে ভর্তি চলছে সাথে এক মাসের ফ্রি আউটসোর্সিং কোর্স
আপনার ব্লগার এ এডমিন কমেন্ট কে হাইলাইট করুন অন্যরকমভাবে |||
প্রকাশিত হল এইচটিএমএল৫ বাংলা ই-বুক
সহজে শিখুন এইচটিএমএল (পর্ব ১)

মন্তব্য দিনঃ

comments

About the author

shourovekhan23

shourovekhan23

Permanent link to this article: http://techtweets.com.bd/web-developing/shourovekhan23/28132

মন্তব্য করুন