Tunerpage-র মত যেভাবে Flash Animeted Lebel যোগ করবেন

12
351
Tunerpage-র মত যেভাবে Flash Animeted Lebel যোগ করবেন

বান্দা_ ইখতিয়!র

আসসালামু আলাইকুম। স্বাগতম আপনাকে। কেমন আছেন আপনি? আশা করি ভাল আছেন। আমি তথ্য প্রযুক্তিকে ভালবাসি। তাই দীর্ঘ
দিন যাবত এখানে আছি। https://www.facebook.com/amidorunto
Tunerpage-র মত যেভাবে Flash Animeted Lebel যোগ করবেন

আসসালামু আলাইকুম। আশা করি সবাই ভাল আছেন।

Tunerpage-র মত যেভাবে Flash Animeted Lebel যোগ করবেনআজকে আমি দেখাব কিভাবে আপনারা টিউনার পেজের মত করে আপনাদের ব্লগে ফ্ল্যাশ এনিমেটেড লেবেল যোগ করতে পারেন। আমি এই ফ্লাশ এন্যিমেটেড লেবেল ক্লাউডটির টিউটোরিয়াল এবং কোডটি পেয়েছি Blogumus থেকে। এই ফ্লাশ এনিমেটেড লেবেল ক্লাউডটির একটিই প্রবলেম এটি ইউনিকোড বাংলা ফন্ট সার্পোট করে না।

Installation

  • ব্লগার একাউন্টে লগিং করতে হবে।
  • Dashboard এলে Layout থেকে Edit HTML এ ক্লিক করতে হবে। এবং টিক চিহ্ন দিন এই লেখাতে  ‘
  • Edit Template পেজ় এলে Download Full Template লিঙ্কে ক্লিক করে টেম্পলেটটি ডাউনলোড করে ব্যাকআপ রাখতে পারেন।পরে কোন রকম প্রবলেম হলে এটিকে Upload করে নিলেই হবে।
  • ডাউনলোড কমপ্লিট হলে Edit Template পেজ়ে নিচের কোডটি ফাইন্ড করতে হবে।

 

<b:section class=’sidebar’ id=’sidebar’ preferred=’yes’>

Firefox ইউস্যার ব্রাউজারে Ctrl +F দাবিয়ে Find বক্সে কোডটি কপি-পেস্ট করে এন্টার দিলেই হবে।
clip_image002 Tunerpage-র মত যেভাবে Flash Animeted Lebel যোগ করবেন
কোডটি find করা হলে এর নিচে, নিচের কোডটি past করতে হবে।

<b:widget id=’Label99′ locked=’false’ title=’Labels’ type=’Label’>
<b:includable id=’main’>
<b:if cond=’data:title’>
<h2><data:title/></h2>
</b:if>
<div class=’widget-content’>
<script src=’http://halotemplates.s3.amazonaws.com/wp-cumulus-example/swfobject.js’ type=’text/javascript’/>
<div id=’flashcontent’>Blogumulus by <a href=’http://www.roytanck.com/’>Roy Tanck</a> and <a href=’http://www.bloggerbuster.com’>Amanda Fazani</a></div>
<script type=’text/javascript’>
var so = new SWFObject(&quot;http://halotemplates.s3.amazonaws.com/wp-cumulus-example/tagcloud.swf&quot;, &quot;tagcloud&quot;, &quot;240&quot;, &quot;300&quot;, &quot;7&quot;, &quot;#ffffff&quot;);
// uncomment next line to enable transparency
//so.addParam(&quot;wmode&quot;, &quot;transparent&quot;);
so.addVariable(&quot;tcolor&quot;, &quot;0x333333&quot;);
so.addVariable(&quot;mode&quot;, &quot;tags&quot;);
so.addVariable(&quot;distr&quot;, &quot;true&quot;);
so.addVariable(&quot;tspeed&quot;, &quot;100&quot;);
so.addVariable(&quot;tagcloud&quot;, &quot;<tags><b:loop values=’data:labels’ var=’label’><a expr:href=’data:label.url’ style=’12’><data:label.name/></a></b:loop></tags>&quot;);
so.addParam(&quot;allowScriptAccess&quot;, &quot;always&quot;);
so.write(&quot;flashcontent&quot;);
</script>
<b:include name=’quickedit’/>
</div>
</b:includable>
</b:widget>

কোডটি past করা হলে Preview ট্যাবে ক্লিক করতে হবে যদি Instaltion ঠিক থাকে তবে কোন কোড এরর দেখাবে না,এখন টেমপ্লেটটি সেভ করে নিলেই হবে।

Customize

এন্যিমেটেড ফ্লাশ ট্যাগ ক্লাউডের Customize প্যারামিটারের মধ্যে রয়েছে
  • Width যেটি উপরের কোডটিতে 240px  করা আছে যেটিকে ইচ্ছা মত কাস্টম্যাইজ করা যাবে।
  • Hight এখানে 300px করা আছে।
  • ব্যাকগ্রাউন্ড ক্যালার White ফিক্স করা আছে যেটিকে ব্লগের টেমপ্লেটের ম্যাচিং হিসাবে ক্যালার দেওয়া যাবে।
  • টেক্সট ক্যালার গ্রে ফিক্স আছে এটিকেও ব্লগের টেমপ্লেটের ম্যাচিং হিসাবে ক্যালার দেওয়া যাবে।
  • ফন্ট স্যাইজ “12px” আছে।

আশা করি সবার কাজে লাগবে।

ধন্যবাদ সবাইকে।

 

 

12 মন্তব্য

একটি উত্তর ত্যাগ