plugin ছাড়া Social Button যোগ করুন যেকোনো জায়গায়,যেকোনো ভাবে

20
401
plugin ছাড়া Social Button যোগ করুন যেকোনো জায়গায়,যেকোনো ভাবে

হট চকো

হেলো , আমি একজন স্টুডেন্ট । আমার সীমিত জ্ঞান শেয়ার করে বিনিময়ে আপনাদের থেকে অনেক কিছু জানার জন্য আমার টিউনার পেইজ এ আগমন । আমি ওয়ার্ডপ্রেস এর খুঁটিনাটি নিয়ে লিখার চেষ্টা করি । আমার পোস্ট গুলো পূর্বে আমার ব্লগ সাইট এ প্রকাশিত হয়েছে । সেখান থেকেও একবার ঘুরে আসতে পারেন । লিঙ্ক নিচে দেয়া আছে :)
plugin ছাড়া Social Button যোগ করুন যেকোনো জায়গায়,যেকোনো ভাবে

আমরা অনেকেই আছি যারা  plug-in ছাড়া manually কাজ করতে পছন্দ করি। আসলে এটা করার পিছনে কারনও আছে । manually কাজ টি করলে যেমন skill বারে একেইভাবে কাজ এর সম্পরকে ধারনাও স্পস্ট হয়।

plugin ছাড়া Social Button যোগ করুন যেকোনো জায়গায়,যেকোনো ভাবে

টিউনারপেজের নতুন টিউন আপনাকে ইমেইল করব?
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

আজকে আমি আপনাদের দেখাব কিভাবে plug-in ছাড়া social button গুলা page এর যেকোন জায়গায় যেকোনো ভাবে আপনি add করতে পারেন।

 

আমরা কাজ টি কে ৩ টি ভাগে ভাগ করে নিলাম আমাদের সুবিধার জন্য।

  1. button /icon টি upload করা।
  2. button create করা।
  3. placement করা।

 

1.Button/Icon upload করা :

  • google মামা কে জিজ্ঞাসা করলে অনেক কিছুই পাওয়া যায়। সুতরাং আপনার পছন্দের আইকন টি select করুন/download করে নিন।
  • wp dashboard এ media > add new
  • আপনার file টি upload করুন।
  • Upload হবার পর  edit image এ click করে image scaling করুন।
  • Scaling করার ক্ষেত্রে size টা 24-32 pixel এর ভিতর রাখুন।

Save করে বের হয়ে আসুন।

 

2.BUTTON CREATE করা:

 

<div>
<a href="">
<img src="" /> 
</a>
</Div>

 

উপরের HTML code গুলু লক্ষ করুনঃ

<a href=””> =inverted (‘””) গুলুর ভিতরে আপনার fan page এর URL টি দিন।

<img src=”” /> =(“”) গুলুর ভিতরে আপনার upload করা image টির URL দিন।

বাকি গুলো edit করার দরকার নাই।

একই ভাবে twitter,myspace,goolge+ ইত্যাদি add করতে পারবেন।

 

এবার আসুন নিজের মত করে এটা সাজাই_______________________

 

লক্ষ করুন :

 

<div style="display: inline; float:right;" class="sbmbuttonsx">
<a href="http://www.facebook.com/example/example2 ">
<img src="http://example.com/wp-content/uploads/Facebook.png" />
</a>
<a href="twitter.com/example/example2 ">
<img src="http://example.com/wp-content/uploads/Twitter.png" />
</a>
</div>

 

লক্ষ করুন div tag এর ভিতরে আছেঃ

 

  • Display: আপনি যদি icon গুলো একটার নিচ এ একটা দিতে চান তবে display:block; এবং আপনি যদি একটার পাসে আর একটা দিতে চান তবে display:inline; ব্যবহার করুন।
  • Float: আপনার icon টি কে বামে দাখতে চইলে float:left; দিন এবং float:right; দিন যদি আপনি ডান দিকে দাখতে চান।

 

হুম।। কাজ অনেকটাই শেষ।

এখন বাকি শুধু PALCEMENT__

 

 3.placement :

এবার আপনার পছন্দ মত জায়গায় এটি add করে দিন। আপনি একে widgets, theme footer , theme header এমনকি আপনি  page এবং post এও add করতে পারবেন।

 

এটি আমার প্রথম post. আশা করি ভাল লাগবে আপনাদের। যদি কোন ভুল হয়ে থাকে ক্ষমাসুলভ দৃষ্টি তে দেখবেন ।

Advertisement -
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting
Unlimited Web Hosting

20 মন্তব্য

  1. ভাই আমি পারিনা আমাকে যদি কয়টা করে দিতেন খুব উপকার হত আমি করতে চাইতেছি পারতেছি না ।

    • ভাই স্টেপ বি স্টেপ ফল্ও করেন। ইনশাল্লাহ পারবেন।

  2. ঝাক্কাস পোস্ট ।চমত্‍কার হয়েছে ভাই ।চালিয়ে যান ।

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

Please enter your comment!
Please enter your name here

fourteen − 11 =