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


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

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





طريقة اضافة الازرار لمدونتك



1- من لوحة التحكم -> قالب -> تحرير HTML 
2- خذ نسخه احتياطيه لـ قالب المدونه قبل إجراء أية تغييرات 
3- قم بالبحث عن الكود التالي بالإستعانة بلوحة التحكم (CTRL+F)
قم بالبحث عن الكود
 ]]></b:skin> 
 واضف قبله مباشرا الكود التالي
.sosmed-kananblogger{ background:url('http://2.bp.blogspot.com/-YKkMXEOkmdU/UxH30SelOEI/AAAAAAAAObA/mkoSkC8xv48/s1600/FB.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;transition:all 300ms ease-in-out;border-radius:100px}
.sosmed-kananbloggerc{ background:url('http://3.bp.blogspot.com/-QfNJ70NfZk4/UxH4SoXUvAI/AAAAAAAAObI/8DqEbrVqupA/s1600/FB-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;transition:all 300ms ease-in-out} .sosmed-isiblogger{margin:0px 0 0 43px} .sosmed-kanantwitter{background:url('http://2.bp.blogspot.com/-LKiTxqhajLM/UxH4u9tSkTI/AAAAAAAAObQ/rxDDEq_MnbM/s1600/TW.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;transition:all 300ms ease-in-out;border-radius:100px} .sosmed-kanantwitterc{background:url('http://2.bp.blogspot.com/-em0zJiNpB84/UxH4vKb7SnI/AAAAAAAAObU/g6lUUoY1m7Y/s1600/TW-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;transition:all 300ms ease-in-out} .sosmed-isitwitter{margin:0px 0 0 43px} .sosmed-kananfacebook{background:url('http://2.bp.blogspot.com/-drWsei59lBI/UxH5U4ZKoVI/AAAAAAAAObo/jgJLIVSmw4Q/s1600/G+.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;transition:all 300ms ease-in-out;border-radius:100px} .sosmed-kananfacebookc{background:url('http://2.bp.blogspot.com/-e1xgJk17yMU/UxH5USpql9I/AAAAAAAAObg/Qi0wCLjSqP8/s1600/G+-open.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;transition:all 300ms ease-in-out} .sosmed-isifacebook{margin:0px 0 0 43px}
4- والان قم بالبحث عن الكود
 </body> 
 واضف قبله الكود التالي
<div class='sosmed-kananblogger' onmouseout='this.className=&apos;sosmed-kananblogger&apos;' onmouseover='this.className=&apos;sosmed-kananbloggerc&apos;'>
<div class='sosmed-isiblogger'> <a href='http://alwalednet.blogspot.com' target='_blank'> <img alt='Like us on Facebook' src='http://4.bp.blogspot.com/-jyh3jhRB7KQ/UxH54xFjZcI/AAAAAAAAObw/Mec_YkK_kcw/s1600/FB-open-new.png' title='Like us on Facebook'/></a><br/> </div> </div> <div class='sosmed-kanantwitter' onmouseout='this.className=&apos;sosmed-kanantwitter&apos;' onmouseover='this.className=&apos;sosmed-kanantwitterc&apos;'> <div class='sosmed-isitwitter'> <a href='http://alwalednet.blogspot.com' target='_blank'><img alt='Follow us on Twitter' src='http://2.bp.blogspot.com/-oVsSHN7rO4I/UxH6WLcSG_I/AAAAAAAAOcA/Chd8BOv8Ues/s1600/TW-open-new.png' title='Follow us on Twitter'/></a><br/> </div> </div> <div class='sosmed-kananfacebook' onmouseout='this.className=&apos;sosmed-kananfacebook&apos;' onmouseover='this.className=&apos;sosmed-kananfacebookc&apos;'> <div class='sosmed-isifacebook'> <a href='http://alwalednet.blogspot.com' target='_blank'><img alt='Recommend us on Google Plus' src='http://4.bp.blogspot.com/-EFmQ9vZc3SA/UxH6UlWpLeI/AAAAAAAAOb4/FFyQ5l-EZ9o/s1600/G+-open-new.png' title='Recommend us on Google Plus'/></a> </div> </div>
قم بتغير رابط المدونة
http://alwalednet.blogspot.com
 الى الحسابات والروابط الخاصة بك في المواقع الاجتماعية
واخيراً قم بالضغط على حفظ ومبروك عليك الاضافة
بانتضار تعليقاتكم المشجعة لتقديم المزيد
دمتم برعاية الله وحفظه


كود اضافة ازرار المواقع الاجتماعية بشكل متحرك ورائع كود اضافة ازرار المواقع الاجتماعية بشكل متحرك ورائع بواسطة walid al Bana on 1:15:00 ص القسم: 5

ليست هناك تعليقات :

يتم التشغيل بواسطة Blogger.