تركيب أزرار نشر الموضوع لقوالب بلوجر منبثقة

شرح تركيب اضافة نشر المواضيع منبثقة لقوالب بلوجر
شرح التركيب بالفيديو
طريقة التركيب
نبحث عن <body و نقوم بلصق الكود التالي أسفله
نقوم بالبحث عن </body> و نلق الكود التالي أعلاه

تركيب أزرار نشر الموضوع و المقالات لقوالب بلوجر منبثقة

شرح تركيب اضافة نشر المواضيع منبثقة لقوالب بلوجر

في عصر التكنولوجيا الحديثة، أصبحت مواقع التواصل الاجتماعي من أهم الأدوات التي تعتمد عليها الشركات والأفراد لنشر المحتوى والوصول إلى جمهور أوسع. تركيب إضافة نشر المواضيع على هذه المواقع يُعد خطوة استراتيجية لتعزيز التواجد الرقمي وزيادة التفاعل مع الجمهور.

هذه الإضافة تتيح للمستخدمين مشاركة المحتوى تلقائيًا أو يدويًا على منصات مثل فيسبوك، تويتر، إنستغرام، ولينكد إن، مما يوفر الوقت والجهد ويضمن وصولًا أسرع للمعلومات.

من أبرز فوائد هذه الإضافة هو تحسين إدارة الوقت، حيث يمكن جدولة النشر مسبقًا، مما يسمح بالتركيز على إنشاء محتوى ذي جودة عالية بدلًا من الانشغال بعمليات النشر اليومية. بالإضافة إلى ذلك، تساعد هذه الأدوات في تحليل أداء المنشورات، مما يتيح للمستخدمين فهم ما يلقى تفاعلًا أكبر وتعديل استراتيجياتهم وفقًا لذلك.

علاوة على ذلك، تعزز هذه الإضافات الوصول إلى جمهور عالمي، حيث تتيح مشاركة المحتوى بلغات متعددة وبشكل متزامن على عدة منصات.

هذا الأمر يسهم في زيادة عدد المتابعين وتحسين السمعة الرقمية للعلامة التجارية أو الشخصية العامة.باختصار، تركيب إضافة نشر المواضيع على مواقع التواصل الاجتماعي يُعد استثمارًا ذكيًا لتحقيق النجاح في العالم الرقمي، حيث يوفر الوقت، يعزز التفاعل، ويساعد في بناء تواجد قوي وفعّال على المنصات الاجتماعية.

شرح التركيب بالفيديو

طريقة التركيب

بعد الذهاب للمظهر و أختيارتعديل ~~HTML~~ قم بالبحث عن الوسم ~~<head>~~ عن طريق الضغط على ~~CTRL F~~

و قم بلصق الكود التالي اسفله الكود هو مكتبة الايقونات

<link href='https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css' rel='stylesheet'/>

نبحث عن <body و نقوم بلصق الكود التالي أسفله

<div id='copyMessage' style='display: none; position: fixed; top: 20px; right: 20px; background: #2a95fc; color: #fff; padding: 10px 20px; border-radius: 5px; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 1001;'>
<i class='bi bi-check-circle'/> تم نسخ رابط الموضوع
</div>


<div id='socialSharePopup' style='display: none; position: fixed; bottom: 70px; left: 20px; background: #fff; padding: 20px; box-shadow: 0 0 10px rgba(0,0,0,0.1); z-index: 1000; border-radius: 10px; text-align: center;'> <button onclick='closePopup()' style='background: #f4433600; color: #000; border: none; padding: 6px 6px;float: left; cursor: pointer; border-radius: 5px; margin-left: 10px; font-size: 16px;' title='إغلاق'><i class='bi bi-x-lg'/></button>
<h3 style='margin-top: 0;'><i class='bi bi-share'/> مشاركة الموضوع</h3>
<a href='https://www.facebook.com/sharer/sharer.php?u=URL_HERE' style='display: inline-block; margin: 10px; color: #1877f2; text-decoration: none; font-size: 24px;' target='_blank' title='Facebook'><i class='bi bi-facebook'/></a>
<a href='https://twitter.com/intent/tweet?url=URL_HERE&text=TITLE_HERE' style='display: inline-block; margin: 10px; color: #464646; text-decoration: none; font-size: 24px;' target='_blank' title='Twitter'><i class='bi bi-twitter-x'/></a>
<a href='https://www.linkedin.com/shareArticle?mini=true&url=URL_HERE&title=TITLE_HERE' style='display: inline-block; margin: 10px; color: #0077b5; text-decoration: none; font-size: 24px;' target='_blank' title='LinkedIn'><i class='bi bi-linkedin'/></a>
<a href='https://api.whatsapp.com/send?text=TITLE_HERE%20-%20URL_HERE' style='display: inline-block; margin: 10px; color: #25d366; text-decoration: none; font-size: 24px;' target='_blank' title='WhatsApp'><i class='bi bi-whatsapp'/></a>
<a href='https://reddit.com/submit?url=URL_HERE&title=TITLE_HERE' style='display: inline-block; margin: 10px; color: #ff4500; text-decoration: none; font-size: 24px;' target='_blank' title='Reddit'><i class='bi bi-reddit'/></a>
<a href='https://t.me/share/url?url=URL_HERE&text=TITLE_HERE' style='display: inline-block; margin: 10px; color: #0088cc; text-decoration: none; font-size: 24px;' target='_blank' title='Telegram'><i class='bi bi-telegram'/></a>
<button onclick='copyPostUrl()' style='background: #4CAF50; color: #fff; border: none; padding: 10px 20px; cursor: pointer; border-radius: 5px; font-size: 16px;' title='نسخ الرابط'><i class='bi bi-link-45deg'/></button>

</div>

<b:if cond='data:blog.pageType == "item"'>
<button onclick='openPopup()' style='position: fixed; bottom: 20px; left: 20px; background: #0095ff; color: #fff; border: none; padding: 10px 40px; cursor: pointer; border-radius: 5px; z-index: 1000; font-size: 16px;' title='مشاركة'><i class='bi bi-share-fill'/></button>
</b:if>

نقوم بالبحث عن </body> و نلق الكود التالي أعلاه

<script type='text/javascript'>
//<![CDATA[
// Function to open the popup
function openPopup() {
var popup = document.getElementById('socialSharePopup');
popup.style.display = 'block';

// Get the current post URL and title
var postUrl = window.location.href;
var postTitle = document.title;

// Update the social links with the current post URL and title
var facebookLink = popup.querySelector('a[href*="facebook.com"]');
var twitterLink = popup.querySelector('a[href*="twitter.com"]');
var linkedinLink = popup.querySelector('a[href*="linkedin.com"]');
var whatsappLink = popup.querySelector('a[href*="whatsapp.com"]');
var redditLink = popup.querySelector('a[href*="reddit.com"]');
var telegramLink = popup.querySelector('a[href*="t.me"]');

facebookLink.href = facebookLink.href.replace('URL_HERE', encodeURIComponent(postUrl));
twitterLink.href = twitterLink.href.replace('URL_HERE', encodeURIComponent(postUrl)).replace('TITLE_HERE', encodeURIComponent(postTitle));
linkedinLink.href = linkedinLink.href.replace('URL_HERE', encodeURIComponent(postUrl)).replace('TITLE_HERE', encodeURIComponent(postTitle));
whatsappLink.href = whatsappLink.href.replace('URL_HERE', encodeURIComponent(postUrl)).replace('TITLE_HERE', encodeURIComponent(postTitle));
redditLink.href = redditLink.href.replace('URL_HERE', encodeURIComponent(postUrl)).replace('TITLE_HERE', encodeURIComponent(postTitle));
telegramLink.href = telegramLink.href.replace('URL_HERE', encodeURIComponent(postUrl)).replace('TITLE_HERE', encodeURIComponent(postTitle));
}

// Function to close the popup
function closePopup() {
document.getElementById('socialSharePopup').style.display = 'none';
}

// Function to copy the post URL
function copyPostUrl() {
var postUrl = window.location.href;
navigator.clipboard.writeText(postUrl).then(function() {
showCopyMessage();
}, function() {
alert('فشل نسخ الرابط');
});
}

// Function to show the copy message
function showCopyMessage() {
var message = document.getElementById('copyMessage');
message.style.display = 'block';
setTimeout(function() {
message.style.display = 'none';
}, 3000); // الرسالة ستختفي بعد 3 ثوانٍ
}
//]]>
</script>

و أخيرا نقوم بالحفظ و ثم توجه الى أي موضوع لتشاهد النتيجة

للبحـث بداخـل المدونــة . . .

تركيب أزرار نشر الموضوع لقوالب بلوجر منبثقة

شرح تركيب اضافة نشر المواضيع منبثقة لقوالب بلوجر

شرح التركيب بالفيديو

طريقة التركيب

نبحث عن <body و نقوم بلصق الكود التالي أسفله

نقوم بالبحث عن </body> و نلق الكود التالي أعلاه

تعليقان (2)

أشتـرك في المدونـة ليصـلك جديدنـا

أفضل أكواد ميتا تاج لقوالب بلوجر لعام 2025

صندوق بحث متطور متضمن اقسام الموقع لقوالب بلوجر

اضافة اداة المشاركات الشائعة مع ازرار التقدم التالي و السابق

شرح تركيب صفحة تحويل الروابط أحترافية