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

السلام عليكم مرحبا بكم في هذه التدوينة الجديدة على مدونتكم  المحترف الصغير المعلوميات

أزرار مواقع التواصل الاجتماعي هي ضرورية في اي مدونة لانها تمكن زوار مدونتك من العثور عليك في مواقع التواصل  

الاجتماعي ومتابعة جديدك لذالك احببت أن أشارككم هذه الأداة الأحترافية لوضعها في مدونتكم

طريقة إضافة الاداة

إذهب إلى لوحة التحكم

تخطيط

إضافة أداة

ثم إختر HTML/Java script

ثم أضف الكود التالي داخل الأداة

 Code

 <ul class="pro-ayoub_nav">  <li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="#1" id="twitr">تويتر</a></li><li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="#2" id="ggl">جوجل بلس</a></li><li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="#3" id="face">فيس بوك</a></li></ul><ul class="pro-ayoub_nav"><li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="#4" id="you">يوتيوب</a></li><li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="#5" id="khamsat">خمسات</a></li><li><a class="pro-ayoub_navi" target="_blank" rel="nofollow" href="#" id="rss">rss</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('http://im54.gulfup.com/Ft99u.png') no-repeat 26px -397px #ff0000;}a#you:hover {background: url('http://im54.gulfup.com/Ft99u.png') no-repeat -67px -397px #ffffff;}a#khamsat {background: url('http://im54.gulfup.com/Ft99u.png') no-repeat 24px -318px #f2bb12;}a#khamsat:hover {background: url('http://im54.gulfup.com/Ft99u.png') no-repeat -65px -318px #ffffff;}a#rss {background: url('http://im54.gulfup.com/Ft99u.png') no-repeat 24px -480px #ff5a00;}a#rss:hover {background: url('http://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>

ثم غير

1 الى رابط حسابك على التويتر

2 الى رابط ملفك الشخصي على جوجل

3 الى رابط صفحتك على فاليس بوك 

4 الى رابط قناتك على اليوتوب

5 الى رابط حسابك على خمسات

اشترك في الموقع اخي الكريم وشكرا