السلام عليكم مرحبا بكم في هذه التدوينة الجديدة على مدونتكم مدونة مغرب التقنيةأزرار مواقع التواصل الاجتماعي هي ضرورية في اي مدونة لانها تمكن زوار مدونتك من العثور عليك في مواقع التواصل الاجتماعي ومتابعة جديدك لذالك احببت أن أشارككم هذه الأداة الأحترافية لوضعها في مدونتكم.
طريقة إضافة الاداة:
> إذهب إلى لوحة التحكم
> تخطيط
> إضافة أداة
> ثم إختر 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>
ثم غير:
#2 الى رابط ملفك الشخصي على جوجل+
#3 الى رابط صفحتك على فاليس بوك
#4 الى رابط قناتك على اليوتوب
#5 الى رابط حسابك على خمسات
