recent
أخبار ساخنة

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

Walid Al-Bana
الصفحة الرئيسية

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

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



طريقة اضافة الازرار لمدونتك
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
الى الحسابات والروابط الخاصة بك في المواقع الاجتماعية
واخيراً قم بالضغط على حفظ ومبروك عليك الاضافة
بانتضار تعليقاتكم المشجعة لتقديم المزيد
دمتم برعاية الله وحفظه


google-playkhamsatmostaqltradent