أخر الأخبار
recent

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

اضافات بلوجر 2016, اضافات بلوجر عربي, اضافات بلوجر, اضافات, بلوجر 2016, بلوجر عربي, تويتر,

اهلا وسهلا بكل زوار ومتابعين مدونة ويب العربي اليوم أشرح لكم كيفية اضافة ايقونات التواصل الإجتماعي لمدونتك علي بلوجر تابع معي الشرح ..

1 - أذهب إلي لوحة تحكم مدونتك 
2 - اضغط علي التخطيط 
3 - انقر علي اضافة اداة 
4 - اختر HTML/JavaScript واضغط عليها واضف الكود التالي ثم قم بالضغط علي زر حفظ 


<div align="center">
<ul class="spicesocialwidget"> <li class="facebook"> <a href="http://www.facebook.com/517339218414188" rel="nofollow" target="_blank" title="facebook"> </a></li> <li class="twitter"> <a href="http://twitter.com/web3rab" rel="nofollow" target="_blank" title="twitter"> </a></li> <li class="googleplus"> <a href="https://plus.google.com/#" rel="nofollow" target="_blank" title="googleplus"> </a></li> <li class="linkedin"> <a href="http://dz.linkedin.com/in/web3r" rel="nofollow" target="_blank" title="linkedin"> </a></li> <li class="pinterest"> <a href="http://pinterest.com/" rel="nofollow" target="_blank" title="pinterest"> </a></li> <li class="youtube"> <a href="http://www.youtube.com/user/web3r" rel="nofollow" target="_blank" title="youtube"> </a></li> <li class="rss"> <a href="http://feeds.feedburner.com/web3r" rel="nofollow" target="_blank" title="rss"> </a></li> <li class="skype"> <a href="http://www.skype.com/" rel="nofollow" target="_blank" title="Skype"> </a></li> <li class="vimeo"> <a href="http://www.vimeo.com/" rel="nofollow" target="_blank" title="vimeo"> </a></li></ul> </div> <style> ul.spicesocialwidget {float:right;} ul.spicesocialwidget li {float:left;list-style: none outside none;border:none;} ul.spicesocialwidget li a{background-color:transparent;background-image:url('http://4.bp.blogspot.com/-Pe-J5S7YCa0/UdXsJoN7GLI/AAAAAAAAL68/ongZAtcNF1E/s1600/spice-social-gadget-sprite.png');background-repeat:no-repeat;background-size:auto 96px;border:0 none;color:white;direction:ltr;display:block; height:32px;overflow:hidden;text-align:left;text-decoration:none;text-indent:-999em;transition:all 0.2s ease 0s;width:32px} .ie7 ul.spicesocialwidget li a, .ie8 ul.spicesocialwidget li a{background-image:url('http://4.bp.blogspot.com/-Pe-J5S7YCa0/UdXsJoN7GLI/AAAAAAAAL68/ongZAtcNF1E/s1600/spice-social-gadget-sprite.png' )} ul.spicesocialwidget li.facebook a{ background-position:0 0} ul.spicesocialwidget li.googleplus a{ background-position:-96px 0} ul.spicesocialwidget li.linkedin a{ background-position:-128px 0} ul.spicesocialwidget li.pinterest a{ background-position:-160px 0} ul.spicesocialwidget li.rss a{ background-position:-192px 0} ul.spicesocialwidget li.skype a{ background-position:-224px 0} ul.spicesocialwidget li.twitter a{ background-position:-256px 0} ul.spicesocialwidget li.vimeo a{ background-position:-288px 0} ul.spicesocialwidget li.youtube a{ background-position:-320px 0} ul.spicesocialwidget li.facebook a:hover, #sidebar ul.spicesocialwidget li.facebook a:hover{ background-position:0 -32px} ul.spicesocialwidget li.googleplus a:hover, #sidebar ul.spicesocialwidget li.googleplus a:hover{ background-position:-96px -32px} ul.spicesocialwidget li.linkedin a:hover, #sidebar ul.spicesocialwidget li.linkedin a:hover{ background-position:-128px -32px} ul.spicesocialwidget li.pinterest a:hover, #sidebar ul.spicesocialwidget li.pinterest a:hover{ background-position:-160px -32px} ul.spicesocialwidget li.rss a:hover, #sidebar ul.spicesocialwidget li.rss a:hover{ background-position:-192px -32px} ul.spicesocialwidget li.skype a:hover, #sidebar ul.spicesocialwidget li.skype a:hover{ background-position:-224px -32px} ul.spicesocialwidget li.twitter a:hover, #sidebar ul.spicesocialwidget li.twitter a:hover{ background-position:-256px -32px} ul.spicesocialwidget li.vimeo a:hover, #sidebar ul.spicesocialwidget li.vimeo a:hover{ background-position:-288px -32px} ul.spicesocialwidget li.youtube a:hover, #sidebar ul.spicesocialwidget li.youtube a:hover{ background-position:-320px -32px}
ولا تنسي ان تقوم بتغير ما هو بلون الأحمر بأسم صفحتك 517339218414188 إلى إسم صفحتك على الفايسبوك
web3rabإلى إسم المستخدم لحسابك على التويتر
https://plus.google.com/#  إلى رابط حسابك قوقل بلس
http://dz.linkedin.com/in/web3r  إلى حسابك في موقع لينكد إن
web3r غيّره إلى إسم قناتك على يوتيوب
web3r حسابك على الخلاصات feed burner
يمكنك إضافة الحسابات الأخرى مثل سكايب، فيميو...
يتم التشغيل بواسطة Blogger.