اضافة ازرار متابعة المواقع الاجتماعية داخل صندوق

السلام عليكم ورحمة الله وبركاته

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

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

1- من  لوحة التحكم -> قالب -> تحرير HTML 

2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 

3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)

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

 <script type='text/javascript'>
//<![CDATA[
(function(){var fb1=document.createElement('script');fb1.type='text/javascript';fb1.async=true;fb1.src='http://connect.facebook.net/id_ID/all.js#xfbml=1','facebook-jssdk';var fb2=document.getElementsByTagName('script')[0];fb2.parentNode.insertBefore(fb1,fb2)})();(function(){var tw1=document.createElement('script');tw1.type='text/javascript';tw1.async=true;tw1.src='http://platform.twitter.com/widgets.js';var tw2=document.getElementsByTagName('script')[0];tw2.parentNode.insertBefore(tw1,tw2)})();(function(){var gp1=document.createElement('script');gp1.type='text/javascript';gp1.async=true;gp1.src='https://apis.google.com/js/plusone.js';var gp2=document.getElementsByTagName('script')[0];gp2.parentNode.insertBefore(gp1,gp2)})();
//]]>
</script>

4- والان نذهب الى تخطيط واضافة اداة جديدة HTML/javascript ونضف داخلها الكود التالي

 <div style='background:#fff;margin:0;border:1px solid #ccc;border-bottom:none'>
<div style="background:#3498db;font-weight:bold;font-size:150%;text-align:center;padding:10px 0;">
<a href="http://www.blogger.com/follow-blog.g?blogID=4618488608224214041" target="_blank" title="Follow this blog"><span style="color:#fff">Join</span> <span style="color:#000">Now</span></a>
</div>
<div style='background:#fff;margin:0;border-top:1px solid #ccc;'>
<div class="fb-like-box" data-href="https://www.facebook.com/T3own" data-colorscheme="light" data-show-faces="false" data-header="true" data-stream="false" data-show-border="false"></div></div>
<div style="background:#fff; border-top:1px solid #ccc;margin:0; padding:5px 0 5px 40px"><a href="https://twitter.com/T3own" class="twitter-follow-button" data-show-count="true" data-show-screen-name='false' data-lang="id">Ikuti @KangMousir</a><div class="g-plusone" data-size="medium" data-count="true" data-width="100" data-href="http://t3own.blogspot.com/"></div></div>
<div class="g-person" data-href="//plus.google.com/114988167227485548191" data-layout="landscape" data-rel="author"><div class='clear'></div></div></div>

غير مابلون الاحمر الى المعلومات والروابط الخاصة بك

لاتقرأ وترحل ضع بصمتك معنا بتعليق

دمتم برعاية الله وحفظه