carona-19 virus

How to Add Social Media and WhatsApp Buttons on Blogger

How to Add Social Media and WhatsApp Buttons on Blogger

 

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 اسٹائل کی صرف چند لائنوں کے ساتھ، آپ کا بلاگ زیادہ انٹرایکٹو، پیشہ ورانہ، اور صارف دوست بن جاتا ہے۔

اگر آپ چاہیں تو میں یہ بھی فراہم کر سکتا ہوں:

·      ریڈی میڈ اسٹائلش شیئر بٹن ڈیزائن

·      آئیکن پر مبنی بٹن (فیس بک، انسٹاگرام، ٹویٹر آئیکنز)

·      تیرتے ہوئے شیئر بٹن

·      موبائل دوستانہ ڈیزائن

کیا آپ فلوٹنگ شیئر بٹن ورژن چاہیں گے؟

How to Add Social Media and WhatsApp Buttons on Blogger

 

تبصرے

Why Love Between Husband and Wife Is Important

How ChatGPT Is Becoming Important in Our Life and Changing the Way We Live

Free and Open-Source Software (FOSS): Empowering Innovation and Digital Freedom

What is a Slot Machine? A Complete Guide for Beginners

How to Add the Google Tag to Every Page of Your Website

Latest Exam in Pakistan: The Growing Shift Towards Digital and Hybrid Assessment

Understanding Google Analytics: A Complete Overview

Understanding Adult Content on Blogger.com: Rules, Risks, and Best Practices

The Evolving World of Graphic Design and Its Earning Potential