كيفية اضافة ايقونات مواقع التواصل الاجتماعى الى المدونة

إضافة أزرار الوسائط الاجتماعية بطريقة مميزة واحترافية إلى موقعك على الويب أو مدونة بلوجر

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

كيفية إضافة أيقونات الوسائط الاجتماعية

لتحميل الكود المستخدم :

<ul class="pro-ayoub_nav"> <li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="https://twitter.com/aboalkasima" id="twitr">تويتر</a></li> <li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="https://plus.google.com/u/1/118040292668592825397?authuser=1" id="ggl">جوجل بلس</a></li> <li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="https://www.facebook.com/aboalkasima" id="face">فيس بوك</a></li> </ul> <ul class="pro-ayoub_nav"> <li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="https://www.youtube.com/channel/UCRqUmtZErh10oYznd63lFyQ" id="you">يوتيوب</a></li> <li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="https://www.youtube.com/channel/UCSp6VJnYYKdUQHJh_ZbCD3A" id="you">يوتيوب</a></li> <li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="https://www.facebook.com/aboalkasimalmasry" id="face">فيس بوك</a></li> </ul> <style> .pro-ayoub_nav { float: left; width: 300px; } ol, ul { list-style: none; } .pro-ayoub_nav li { float: right; margin-left: 5px; } a#twitr { background: url('https://lh3.googleusercontent.com/-sEETGu1m69U/UyRbX0o3TgI/AAAAAAAAAHs/_Pb9cTT_sQs/icns.png') no-repeat 24px -73px #0ED6CE; } a#twitr:hover { background: url('https://lh3.googleusercontent.com/-sEETGu1m69U/UyRbX0o3TgI/AAAAAAAAAHs/_Pb9cTT_sQs/icns.png') no-repeat -60px -73px #ffffff; } a#ggl { background: url('https://lh3.googleusercontent.com/-sEETGu1m69U/UyRbX0o3TgI/AAAAAAAAAHs/_Pb9cTT_sQs/icns.png') no-repeat 24px -235px #ED5029; } a#ggl:hover { background: url('https://lh3.googleusercontent.com/-sEETGu1m69U/UyRbX0o3TgI/AAAAAAAAAHs/_Pb9cTT_sQs/icns.png') no-repeat -60px -235px #ffffff; } a#face { background: url('https://lh3.googleusercontent.com/-sEETGu1m69U/UyRbX0o3TgI/AAAAAAAAAHs/_Pb9cTT_sQs/icns.png') no-repeat 28px -151px #5157DF; } a#face:hover { background: url('https://lh3.googleusercontent.com/-sEETGu1m69U/UyRbX0o3TgI/AAAAAAAAAHs/_Pb9cTT_sQs/icns.png') no-repeat -60px -151px #ffffff; } a#you { background: url('https://im54.gulfup.com/Ft99u.png') no-repeat 26px -397px #ff0000; } a#you:hover { background: url('https://im54.gulfup.com/Ft99u.png') no-repeat -67px -397px #ffffff; } a#khamsat { background: url('https://im54.gulfup.com/Ft99u.png') no-repeat 24px -318px #f2bb12; } a#khamsat:hover { background: url('https://im54.gulfup.com/Ft99u.png') no-repeat -65px -318px #ffffff; } a#rss { background: url('https://im54.gulfup.com/Ft99u.png') no-repeat 24px -480px #ff5a00; } a#rss:hover { background: url('https://im54.gulfup.com/Ft99u.png') no-repeat -65px -480px #ffffff; } .pro-ayoub_nav li .hdr_navi:hover { background-color: #ffffff; color: #df517f; } a:hover, body a:hover { color: #df517f; text-decoration: none; } a { text-decoration: none; } .pro-ayoub_nav li .pro-ayoub_navi { display: block; height: 35px; width: 95px; background: url('img/big_ics.png') no-repeat -202px 33px #2ad0ff; color: #fff; font-family: goth; font-size: 14px; text-align: center; -webkit-transition: all 600ms ease; -moz-transition: all 600ms ease; -o-transition: all 600ms ease; -ms-transition: all 600ms ease; transition: all 600ms ease; padding-top: 60px; } @font-face { font-family: 'goth'; src: url(//:) format('no404'), url('https://themes.googleusercontent.com/static/fonts/earlyaccess/droidarabickufi/v3/DroidKufi-Regular.ttf') format('truetype'); font-weight: normal; font-style: normal; } </style>