Jun 21, 2015

ব্লগার Older, Newer and Home লিংকে Image যুক্ত করুন

ব্লগার Older, Newer and Home লিংকগুলি সাধারণত ব্লগ পোষ্টের নিচে থাকে। এগুলিতে ক্লিক করে নতুন এবং পুরাতন পোষ্টগুলিতে যাওয়া যায়। ব্লগার ডিফল্ট টেমপ্লেটে এটি শুধুমাত্র Text হিসেবে দেওয়া আছে। যার কারনে অনেক সময় নতুন ভিজিটররা এ গুলি খুজে পায় না কিংবা ভালভাবে বুঝে উঠতে পারে না। এই জন্য এটিকে যদি আপনি Image এর মাধ্যমে দেন, তাহলে একদিকে যেমন ভিজিটররা সহজে বুঝতে পারবে অন্যদিকে এটি আপনার ব্লগের সুন্দর্যও বৃদ্ধি করবে। সাধারনত ভালমানের ডেভেলপররা এটি Page Number এর মাধ্যমে দিয়ে থাকেন। আপনিও যদি চান যে, এটি Page Number এর মাধ্যমে ব্যবহার করবেন, তাহলে আমাদের পূর্বের এই পোষ্টটি (ব্লগে যুক্ত করে নিন একটি Stylist Page Number Navigation) দেখে আসতে পারেন।
Blogg-Newer-Older-and-Home

কিভাবে ব্লগে যুক্ত করবেনঃ

  • প্রথমে আপনার ব্লগে লগইন করুন।
  • এরপর Template > Edit Html এ ক্লিক করুন।
blogger template editor
  • তারপর কিবোর্ড হতে Ctrl+F চেপে নিচের বক্সের কোড হতে লাল অংশগুলি সার্চ করুন। সার্চ করলে কোডগুলি নিচের মত দেখতে পাবেন -
<b:if cond='data:newerPageUrl'>
 <span id='blog-pager-newer-link'>
 <a class='blog-pager-newer-link' expr:href='data:newerPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-newer-link&quot;' expr:title='data:newerPageTitle'><data:newerPageTitle/></a>
 </span>
</b:if>

<b:if cond='data:olderPageUrl'>
 <span id='blog-pager-older-link'>
 <a class='blog-pager-older-link' expr:href='data:olderPageUrl' expr:id='data:widget.instanceId + &quot;_blog-pager-older-link&quot;' expr:title='data:olderPageTitle'><data:olderPageTitle/></a>
 </span>
</b:if>

<a class='home-link' expr:href='data:blog.homepageUrl'><data:homeMsg/></a>
  • এখন যদি আপনি এই লিংকগুলির পরিবর্তে Image ব্যবহার করতে চান তাহলে নিচের কোডটি Replace করুন।
<img src="Give Your Image URL"/>
  •  এখানে Give Your Image URL এর জায়গায় আপনার কাঙ্খিত ইমেজটির URL দিন। আপনি ইচ্ছে করলে এখান থেকে New, Home and Older বাটনগুলি Download করে নিতে পারেন।
Blogg-Newer-Older-and-Home
  • সবশেষে Save Template এ ক্লিক করলেই কাজ OK.

আরোও ভালভাবে বুঝার জন্যঃ

  • <data:newerPageTitle/> হচ্ছে New পোষ্ট বাটন।
  • <data:olderPageTitle/> হচ্ছে Old পোষ্ট বাটন।
  • <data:homeMsg/> হচ্ছে Home বাটন।
Subcribe to our all updates

and Share on
পূর্ববর্তী পোষ্ট
পরবর্তী পোষ্ট

0 টি মন্তব্য: Post Yours! Read Comment Policy ▼
লক্ষ্য করুনঃ
পোষ্টের সাথে সম্পৃক্ত নয় এমন কোন কমেন্ট করা যাবে না। কোন কারণ ব্যতীত আপনার ব্লগের লিংক শেয়ার করতে যাবেন না। সবসময় গঠনমূলক মন্তব্য প্রদানের চেষ্টা করবেন। আমরা সবার মতামত সমানভাবে মূল্যায়ন করি এবং যথাসময়ে প্রতি উত্তর দেয়ার চেষ্টা করি।

Post a Comment

 
Subscribe for all Updates

Subscribe Now

কপিরাইট © 2015- প্রযুক্তি ডট কম ™, সর্বস্বত্ব সংরক্ষিত

Powered by: