*** IT সম্পর্কে দক্ষ হতে চান ? ** তাহলে নিয়মিত Visit করুন .... IT Knowledge School **** টেকপ্রেমী : বদিউজ্জামান ( রুবেল )
*** IT সম্পর্কে দক্ষ হতে চান ? ** তাহলে নিয়মিত Visit করুন .... IT Knowledge School **** টেকপ্রেমী : বদিউজ্জামান ( রুবেল )
Blogger Tips and TricksLatest Tips And TricksBlogger Tricks

কিভাবে Blogger Image শুধুমাত্র Post Page থেকে Hide করবেন

সম্প্রতি আমাদের ব্লগের Admin মোঃ হারুন-অর-রশিদ একটি পোষ্টে বর্ণনা করেছিলে যে, ব্লগার Widgets কিভাবে Show এবং Hide করতে হয়। আমার কাছে পোষ্টটি খুবই ভাল লেগেছিল। কারণ সেখানে বিষয়গুলি এত সুন্দরভাবে বিশ্লেষনাত্মকভাবে সে বর্ণনা করেছিল। এখন আমি আপনাদের দেখাবো কিভাবে ব্লগের যে কোন Image কে শুধুমাত্র Post Page থেকে Hide করবেন, কিন্তু Home Page এ ইমেজটি শো করবে। আপনারা যদি আমাদের ব্লগটি ভালভাবে দেখেন, তাহলে দেখবেন কিছু পোষ্টের Image রয়েছে যেগুলি শুধুমাত্র Home Page এ শো করছে কিন্তু Post Page এ দেখাচ্ছে না।

প্রায় সব ধরনের ব্লগে এ ধরনের টেকনিক ব্যবহার করা হয়। কারণ ব্লগের Home Page Thumbnail হিসেবে যে ছবিটি দেখানো হয় সেটি অনেক সময় Post Page এ দেখানোর কোন প্রয়োজন হয় না। তখন আপনাকে এ ধরনের টেকনিক ফলো করতে হয়।

 কিভাবে করতে হয়ঃ

  • প্রথমে আপনার ব্লগে লগইন করুন।
  • এরপর Template > Edit Html এ ক্লিক করুন।
Blogger-Editor
  • তারপর কিবোর্ড হতে Ctrl+F চেপে ]]></b:skin> অংশটি সার্চ করুন।
Blogger-Html-Css-Tag-Searching-System
  • এখন নিচের কোডগুলি কপি করে ]]></b:skin> ট্যাগের ঠিক নিচে পেষ্ট করুন।
<b:if cond='data:blog.pageType != &quot;index&quot;'>
<style>.hidden {display: none;}</style>
</b:if>
  • এরপর Save Template এ ক্লিক করে Template টি Save করুন।
  • এখন আপনাকে ইমেজটি Hide করতে হবে। আপনি যখনই পোষ্টের কোন ছবি Hide করতে চাইবেন, তখন ইমেজটি আপলোড করার পর পোষ্টের Html Editor এ যাবেন। সেখানে গেলে ইমেজটির এই ধরনের লিংক দেখতে পাবেন। 
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgGezr6GuhYKTKlhCOJAmdSiu_rNBId95yX7dEyxBk9urLJK6BkdrNtwS0cL4kal9j2mckJyEu9BHkm7EY_IH__54F4ZXzklLBu9THWFTs2gOsTCtBXX_KIhgvGcK_N6cOHleQydJe2Kc/s1600/Hide-and-Show-Blogger-Image.gif" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img alt="Hide-and-Show-Blogger-Image" border="0" height="150" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjgGezr6GuhYKTKlhCOJAmdSiu_rNBId95yX7dEyxBk9urLJK6BkdrNtwS0cL4kal9j2mckJyEu9BHkm7EY_IH__54F4ZXzklLBu9THWFTs2gOsTCtBXX_KIhgvGcK_N6cOHleQydJe2Kc/s320/Hide-and-Show-Blogger-Image.gif" title="" width="320" /></a></div>
  • আপনি উপরের লাল চিহ্নিত separator এর পরিবর্তে hidden লিখে দিলেই পোষ্ট পেইজ হতে ইমেজটি Hide হয়ে যাবে। বুঝতে না পারলে নিচের ছবিটি দেখুন -
Hide-and-Show-Blogger-Image
  • এতটুকো করলেই কাজ শেষ। এখন থেকে ইমেজটি শুধুমাত্র Home পেজে শো করবে।

Badiuzzaman ( Rubel )