أضافة مواقع تواصل اجتماعي بشكل احترافي وجديد

السلام عليكم ورحمه الله وبركاته اللهم صلى على سيدنا محمد وعلى ال محمد

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

على مدونة حمزه ويب

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

احترافي وبشكل جميل ورائع جديد 

معاينة اضافة

للمعاينة اضافة اضغط هنا

طريقة تركيب

1. لوحة تحكم 
2. قالب 
3. تحرير HTML
4. ابحث عن هذا كود ]]></b:skin>
5. واضف هذا كود فوقة

/* 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>

وغيير ما يلزم تغيير 

وانتهى موضوعنا 

وانتظروا كل جديد وحصري من حمزه ويب

في امان الله