السلام عليكم ورحمه الله وبركاته اللهم صلى على سيدنا محمد وعلى ال محمد
اهلا بكم متابعي مدونة حمزه ويب وزوارة الكرام في هذه تدوينة جديدة وحصرية
على مدونة حمزه ويب
راح نقدم لكم اضافة احترافية وهي اضافة مواقع تواصل اجتماعي بشكل
احترافي وبشكل جميل ورائع جديد
طريقة تركيب
- لوحة تحكم
- قالب
- تحرير HTML
- ابحث عن هذا كود ]]></b:skin>
- واضف هذا كود فوقة
/* CSS Social Network */#social_networks{text-align:center;display:block;margin:0 auto;}#social_networks ul {display:block;height:36px;margin:0 auto;list-style:none;}#social_networks li{text-align:center;display:inline-block;margin:0 auto;margin-left:2px;margin-right:2px;width:48px;height:48px;background-position:left top;opacity:0.8;transition:All 0.2s ease;}#social_networks li:hover{background-position:left -48px;opacity:1;}#social_networks li a{display:inline-block;width:48px;height:48px;padding-top:5px;padding-bottom:5px}#social_networks li a:hover{background:transparent;color:#ddd;box-shadow:none;}#social_networks li a span{display:none;}#social_networks li.facebook{background-image:url(http://1.bp.blogspot.com/-U1xswkO06Eo/U6d8MdVmGOI/AAAAAAAADzE/nI6_Mgi3fVk/s1600/Facebook.png);}#social_networks li.twitter{background-image:url(http://2.bp.blogspot.com/-WMNQqWqvsLw/U6d8NGtGrgI/AAAAAAAADzU/MTbWgUzsb7A/s1600/Twitter.png);}#social_networks li.youtube{background-image:url(http://1.bp.blogspot.com/-M9cNBec9Eks/U6d8NlMmsvI/AAAAAAAADzk/0HDr3G9iTRM/s1600/YouTube.png);}#social_networks li.googleplus{background-image:url(http://3.bp.blogspot.com/-YHrt5CCbl0c/U6d8MUE4NhI/AAAAAAAADzQ/jWkxKAXkQf0/s1600/Google.png);}#social_networks li.linkedin{background-image:url(http://4.bp.blogspot.com/-E4FSUGFZMeE/U6d8MWp7S9I/AAAAAAAADzI/H_j9mw07jho/s1600/Linked+in.png);}
اضغط حفظ نموذج
ثانياً اذهب الى تخطيط اضافة اداه
اختار HTML/javascriot
واضف هذا كود واحفظ
<div id='social_networks'><ul><!--Social Icons Started Started--><li class='sorting-01 facebook'><a href='#'><span class='inv'>Facebook</span></a></li><!--Replase With Facebook URL--><li class='sorting-02 twitter'><a href='#'><span class='inv'>twitter</span></a></li><!--Replase With Twitter URL--><li class='sorting-03 googleplus'><a href='#'><span class='inv'>googleplus</span></a></li><!--Replase With Google Plus URL--><li class='sorting-04 youtube'><a href='#'><span class='inv'>youtube</span></a></li><!--Replase With Youtube URL--><li class='sorting-06 linkedin'><a href='#'><span class='inv'>linkedin</span></a></li><!--Replase With Linked In URL--></ul><!--Social Icons Started End--></div>
وغيير ما يلزم تغيير
وانتهى موضوعنا
وانتظروا كل جديد وحصري من حمزه ويب
في امان الله
1 التعليقات:
اضغط لإضافة التعليقاتعلى رحب وسعة,مدونة رائعة واصل مشوارك
رداهلا بك عزيزي زائر , هنا يمكنك تعليق على موضوع
لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى"
=q =w =s =d =f =g =h =t =y =u =z =x =c =v =b =n =m =a =e =r