إضافة أزرار مواقع التواصل الاجتماعي ب 5 أشكال احترافية على بلوجر

إضافة أزرار مواقع التواصل الاجتماعي ب 5 أشكال احترافية على بلوجر

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

إضافة أزرار مواقع التواصل الاجتماعي إلى بلوجر باشكال مختلفة وإحترافية

كما يعلم جميع المدونين ان كترة الاكواد او الشفرات التي يتم اضافتها داخل المطهر (القالب) قد تؤتر على سرعة الموقع, و تأخير في تحميل الصفحات و العديد من الامور, لهدا يجب تجنب اضافة ازرار مواقع التواصل الاجتماعي التي تتوفر على العديد من الاكواد البرمجية.

ادا كنت حقا تريد الحصول على مطهر احترافي و جذاب للمدونة فهناك العديد من اضافات بلوجر, و على رأسها الاضافة التي سوف نقوم بشرحها في درس اليوم.

سكريبت ازرار مواقع التواصل الاجتماعي بأشكال احترافية في بلوجر

<link rel = "stylesheet" href = "https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" /> <p> 

بعد الانتهاء من اضافة الشفرة البرمجة الازرار مواقع تواصل الاجتماعي, سوف نتوجه بعدها الاختيار الشكل الذي تريد اضافته للمدونة و طريقة تركيبه من التخطيط.

الشكل الاول 

</p> <div class="techornate-socials"> <a target="_blank" href="ضع رابط هنا" class="fa-facebook" rel="noopener follow noreferrer" data-wpel-link="internal"><span class="social-counter">146,200</span><span class="s-text">Follow us on <strong>Facebook</strong></span></a><br /> <a target="_blank" href="ضع رابط هنا" class="fa-twitter" rel="noopener follow noreferrer" data-wpel-link="internal"><span class="social-counter">50,748</span><span class="s-text">Follow us on <strong>Twitter</strong></span></a><br /> <a target="_blank" href="ضع رابط هنا" class="fa-subscribe" rel="noopener follow noreferrer" data-wpel-link="internal"><span class="social-counter">33,175</span><span class="s-text">Subscribe us on <strong>YouTube</strong></span></a></p> <a href="https://www.aribh.de/2021/04/seo.html" class="inline-posts inline-post-2 clear" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer"> <span class="inline-textarea"> <span class="inline-title"><span class="inline-action">إقرأ أيضا:</span>طريقة كتابة مقال حصري متوافق مع السيو seo لتصدر نتائج البحت</span> </span> <span class="inline-button"><i class="fa fa-angle-right"></i></span> </a> <div class="clear"></div> </div> <p> 

</p> <ul class="techornate-social-share"> <li> <a href="رابط فيسبوك" class="facebook" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer"><i class="fa fa-facebook"></i></a> <span class="scount-number">عدد متابعين</span> <span>Fans</span></li> <li> <a href="رابط تويتر" class="twitter" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer"><i class="fa fa-twitter"></i></a> <span class="scount-number">عدد متابعين</span> <span>Followers</span></li> <li> <a href="رابط جوجل بلاس" class="google" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer"><i class="fa fa-google-plus"></i></a> <span class="scount-number">عدد متابعين</span> <span>Followers</span></li> <li> <a href="رابط قناتك" class="youtube" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer"><i class="fa fa-youtube"></i></a><span class="scount-number">عدد مشتركين</span> <span>Subscribers</span></li> </ul> <p> 

  

1. قم باضافة رابط الخاص بك في المكان مخصص لدلك.
2. يمكنك وضع اي عدد من متابعين و مشتركين.

الشكل التالت

</p> <a href="https://www.aribh.de/2021/04/doamin.html" class="inline-posts inline-post-3 clear" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer"> <span class="inline-textarea"> <span class="inline-title"><span class="inline-action">إقرأ أيضا:</span>طريقة شراء دومين جودادي بسعر 0,99 دولار و ربطه بمدونة بلوجر</span> </span> <span class="inline-button"><i class="fa fa-angle-right"></i></span> </a> <div class="to-social-follow"> <a href="رابط" class="fa fa-facebook" target="_blank" rel="noopener follow noreferrer" data-wpel-link="internal"></a><br /> <a href="رابط" class="fa fa-twitter" target="_blank" rel="noopener follow noreferrer" data-wpel-link="internal"></a><br /> <a href="رابط" class="fa fa-google" target="_blank" rel="noopener follow noreferrer" data-wpel-link="internal"></a><br /> <a href="رابط" class="fa fa-linkedin" target="_blank" rel="noopener follow noreferrer" data-wpel-link="internal"></a><br /> <a href="رابط" class="fa fa-youtube" target="_blank" rel="noopener follow noreferrer" data-wpel-link="internal"></a><br /> <a href="رابط" class="fa fa-pinterest" target="_blank" rel="noopener follow noreferrer" data-wpel-link="internal"></a> </div> <p>

1. ضع رابط الموقع الخاص بك بدل كلمة رابط.
2. يمكنك حذف اي موقع, من خلال حدف الشفرة الخاصة به.
3. كما يمكن اضافة اي موقع أخر من خلال تبديل اسم الموقع الموجود بالاسم الجديد.

الشكل الرابع

</p> <ul class='techornate-follow-buttons style-1 b-title'> <li><a href="#"><i class="fa fa-facebook"></i>facebook</a></li> <li><a href="#"><i class="fa fa-twitter"></i>twitter</a></li> <li><a href="#"><i class="fa fa-google"></i>google +</a></li> <li><a href="#"><i class="fa fa-pinterest"></i>pinterest</a></li> <li><a href="#"><i class="fa fa-linkedin"></i>linkedin</a></li> <li><a href="#"><i class="fa fa-instagram"></i>instagram</a></li> </ul> <p>

1. قم بتبديل علامة # برابط موقعك في مواقع تواصل الاجتماعي.
2. يمكن ايضا ازالة اي موقع من خلال حذف الشفرة الخاصة به.

الشكل الخامس

</p> <div class="techornate-social-buttons"> <ul class="sidebar-social clearfix"> <li><a href="@" class="social-btn-facebook" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Like on Facebook <i class="fa fa-facebook"></i> </a></li> <li><a href="@" class="social-btn-twitter" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Follow on Twitter <i class="fa fa-twitter"></i> </a></li> <li><a href="@" class="social-btn-google" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Follow on Google+ <i class="fa fa-google"></i> </a></li> <li><a href="@" class="social-btn-instagram" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Follow on Instagram <i class="fa fa-instagram"></i> </a></li> <li><a href="@" class="social-btn-youtube" data-wpel-link="internal" target="_self" rel="follow noopener noreferrer">Subscribe on Youtube <i class="fa fa-youtube"></i> </a></li> </ul> </div> <p> 

  

• قم بتغيير علامة @ برابط الموقع الخاص بك.

طريقة اضافة ازرار مواقع التواصل الاجتماعي في قالب المدونة بأشكال احترافية

بعد اختيار شكل الازرار المناسب و الدي تريد اضافته للمدونة, و التعديل على جميع  الروابط سوف نتعرف عن طريقة تركيبه في أداة جافا سكريبت javascript.

 » أقرأ أيضا : طريقة اضافة صندوق الأكواد داخل مدونة بلوجر بشكل احترافي ومتجاوب

1. قم بالتوجه الى التخطيط.
2. اختيار المكان الدي تريد ان يطهر فيها ازرار التواصل الاجتماعي.
3. تم اضغط على اضافة أداة, بعدها اختر أداة JAVASCRIPT/ HTML.
4. ضع كود الشكل المناسب لك بداخلها, و بعدها قم بحفط الاداة.
5. توجه لمعاينة الشكل على المدونة, و التأكد من أن جميع الروابط توجهك للموقع الصحيح.

إضافة أزرار مواقع التواصل الإجتماعي في بلوجر بشكل إحترافي.