২৮ জুলাই, ২০১৫

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

কিভাবে Blogger Image শুধুমাত্র Post Page থেকে Hide করবেন?
4/ 5 stars - "কিভাবে Blogger Image শুধুমাত্র Post Page থেকে Hide করবেন?" সম্প্রতি আমাদের ব্লগের Admin মোঃ হারুন-অর-রশিদ একটি পোষ্টে বর্ণনা করেছিলে যে, ব্লগার Widgets কিভাবে Show এবং Hide করতে হয়। আমার কাছে পো...
-
Hide-and-Show-Blogger-Image
সম্প্রতি আমাদের ব্লগের 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="http://1.bp.blogspot.com/-X6foZkHIEEM/VbeLo-POi6I/AAAAAAAAAJU/pF2uXTvT6Zo/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="http://1.bp.blogspot.com/-X6foZkHIEEM/VbeLo-POi6I/AAAAAAAAAJU/pF2uXTvT6Zo/s320/Hide-and-Show-Blogger-Image.gif" title="" width="320" /></a></div>
  • আপনি উপরের লাল চিহ্নিত separator এর পরিবর্তে hidden লিখে দিলেই পোষ্ট পেইজ হতে ইমেজটি Hide হয়ে যাবে। বুঝতে না পারলে নিচের ছবিটি দেখুন -
Hide-and-Show-Blogger-Image
  • এতটুকো করলেই কাজ শেষ। এখন থেকে ইমেজটি শুধুমাত্র Home পেজে শো করবে।
Subcribe to our all updates

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

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

  1. ]]> এর আগে কোডটি বসালে হেডারে গ্রে কালার হয়ে যাচ্ছে এবং বাম পার্শে কর্নারে ...!> এই রকম চিনহ আসছে ।

    উত্তরমুছুন
    উত্তরগুলি
    1. পোষ্টটি আমি করিনি, তারপরও উত্তর দিচ্ছি। আপনি ছোট একটি ভূল করছেন। ]]> এর আগে বসানোর কথা বলা হয়নি। এই ]]> ট্যাগের নিচে বসানোর কথা বলা হয়েছে।

      মুছুন

 
Subscribe for all Updates

Subscribe Now

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

Powered by: