How to
Add Social Media and WhatsApp Buttons on Blogger
.jpg "How to Add Social Media and WhatsApp Buttons on Blogger")
بلاگر پر سوشل میڈیا اور واٹس ایپ بٹن کیسے شامل کریں۔
سوشل میڈیا شیئرنگ بٹن آج بلاگرز کے لیے بہت اہم ہیں۔
وہ قارئین کو آپ کی پوسٹس کا اشتراک کرنے، ٹریفک بڑھانے، اور
Facebook، Twitter، WhatsApp،
وغیرہ جیسے پلیٹ فارمز پر مرئیت کو بہتر بنانے کی ترغیب دیتے ہیں۔ اگر آپ بلاگر
استعمال کرتے ہیں تو ان شیئر بٹنز کو شامل کرنا آسان ہے۔ اس آرٹیکل میں، آپ سیکھیں
گے کہ سوشل میڈیا آئیکنز اور واٹس ایپ شیئر بٹن دونوں کو اپنی بلاگر پوسٹس یا
سائڈبار میں کیسے شامل کرنا ہے۔
سوشل میڈیا بٹن کیوں اہم ہیں۔
· وہ آپ کے بلاگ کو وسیع تر سامعین تک پہنچنے
میں مدد کرتے ہیں۔
· وہ آپ کے قارئین کے لیے اشتراک کو آسان
بناتے ہیں۔
· وہ مصروفیت اور بلاگ کے مجموعی تعامل کو
بہتر بناتے ہیں۔
· وہ آپ کی ویب سائٹ کی اتھارٹی اور مقبولیت
کو بڑھا سکتے ہیں۔
1. بلاگر میں سوشل میڈیا شیئر بٹن کیسے شامل
کریں۔
مرحلہ 1: بلاگر ڈیش بورڈ کھولیں۔
1. اپنے بلاگر اکاؤنٹ پر جائیں۔
2. بائیں جانب، تھیم پر کلک کریں۔
3. مرحلہ 2:
HTML ایڈیٹر درج کریں۔
4. حسب ضرورت ▼
بٹن پر کلک کریں۔
2. HTML میں
ترمیم کریں کو منتخب کریں۔
مرحلہ 3: سوشل میڈیا شیئر کوڈ شامل کریں۔
اب آپ کو کوڈ داخل کرنے کی ضرورت ہے جہاں آپ چاہتے ہیں
کہ آپ کے بٹن ظاہر ہوں (عام طور پر پوسٹ کے عنوان کے نیچے یا پوسٹ کے نیچے)۔
اپنے HTML کے
اندر اس کوڈ کو تلاش کریں:
<data:post.body/>
اس لائن کے بالکل اوپر یا نیچے، یہ کوڈ شامل کریں:
<div
class="share-buttons">
<a
href="https://www.facebook.com/sharer/sharer.php?u=<data:post.url/>"
target="_blank">
فیس بک پر شیئر کریں۔
</a>
|
<a
href="https://twitter.com/intent/tweet?url=<data:post.url/>"
target="_blank">
ٹویٹر پر شیئر کریں۔
</a> |
<a
href="https://www.linkedin.com/shareArticle?mini=true&url=<data:post.url/>"
target="_blank">
لنکڈ ان پر شیئر کریں۔
</a>
</div>
آپ بعد میں CSS کا
استعمال کرتے ہوئے بٹنوں کو اسٹائل کر سکتے ہیں۔
2. بلاگر میں واٹس ایپ شیئر بٹن کیسے شامل
کریں۔
WhatsApp
پوسٹس کا اشتراک کرنے کے بہترین طریقوں میں سے ایک ہے،
خاص طور پر ان ممالک میں جہاں یہ وسیع پیمانے پر استعمال ہوتا ہے۔
1. مرحلہ 1: وہی مقام تلاش کریں۔
تلاش کریں:
<data:post.body/>
2. مرحلہ 2: واٹس ایپ شیئر بٹن کوڈ داخل کریں۔
یہ کوڈ شامل کریں:
<a
href="https://api.whatsapp.com/send?text=<data:post.title/> -
<data:post.url/>"
target="_blank"
style="background:#25D366;color:white;padding:8px
12px;border-radius:5px;text-decoration:none;">
واٹس ایپ پر شیئر کریں۔
</a>
یہ سبز واٹس ایپ طرز کا شیئر بٹن بنائے گا۔
3. بلاگر سائڈبار میں سوشل میڈیا بٹن شامل
کرنا
اگر آپ جامد سوشل میڈیا آئیکنز (آپ کے اپنے پروفائلز کے
لنکس) چاہتے ہیں، تو یہ کریں:
مرحلہ 1: لے آؤٹ پر جائیں۔
1. بلاگر میں لے آؤٹ کھولیں۔
2. ایک گیجٹ شامل کریں پر کلک کریں → HTML/JavaScript کا
انتخاب کریں۔
مرحلہ 2: آئیکن کوڈ شامل کریں۔
اسے چسپاں کریں:
<div
class="social-icons">
<a
href="https://facebook.com/yourprofile" target="_blank">Facebook</a><br>
<a
href="https://instagram.com/yourprofile"
target="_blank">انسٹاگرام</a><br>
<a
href="https://wa.me/yourphonenumber"
target="_blank">WhatsApp</a>
</div>
تبدیل کریں:
· آپ کا پروفائل آپ کے اصل سوشل اکاؤنٹس کے
ساتھ
· آپ کا فون نمبر آپ کے واٹس ایپ نمبر کے
ساتھ (ملکی کوڈ کے ساتھ)
4. CSS اسٹائلنگ
شامل کریں (اختیاری لیکن تجویز کردہ)
اپنے بٹنوں کو مزید پرکشش بنانے کے لیے:
مرحلہ 1: تھیم →
حسب ضرورت → ایڈوانسڈ →
سی ایس ایس شامل کریں پر جائیں۔
شامل کریں:
}شیئر
بٹن ایک پیڈنگ: 6px
10px؛پس منظر:
#efefef؛ مارجن: 4px؛ سرحدی رداس: 4px؛ متن کی سجاوٹ:
کوئی نہیں؛ رنگ: #333؛share-buttons
a:hover پس
منظر: #ccc؛{
آپ کے بٹن اب زیادہ پیشہ ور نظر آئیں گے۔
نتیجہ
سوشل میڈیا اور
WhatsApp شیئر بٹن کو بلاگر میں شامل کرنا آپ کے
بلاگ کی مرئیت کو بڑھانے اور قارئین کو اپنے مواد کا اشتراک کرنے کی ترغیب دینے کا
ایک مؤثر طریقہ ہے۔ ایچ ٹی ایم ایل اور اختیاری
CSS اسٹائل کی صرف چند لائنوں کے ساتھ، آپ کا
بلاگ زیادہ انٹرایکٹو، پیشہ ورانہ، اور صارف دوست بن جاتا ہے۔
اگر آپ چاہیں تو میں یہ بھی فراہم کر سکتا ہوں:
· ریڈی میڈ اسٹائلش شیئر بٹن ڈیزائن
· آئیکن پر مبنی بٹن (فیس بک، انسٹاگرام،
ٹویٹر آئیکنز)
· تیرتے ہوئے شیئر بٹن
· موبائل دوستانہ ڈیزائن
کیا آپ فلوٹنگ شیئر بٹن ورژن چاہیں گے؟