إضافة أزرار المواقع الإجتماعية بطريقة جديدة و خفيفة ، لمدونات بلوجر

بلوجر: إضافة أزرار المواقع الإجتماعية بطريقة جديدة و خفيفة ، لمدونات بلوجر

السلام عليكم ورحمة الله تعالى و بركته ، معكم أمين سعدون في تدوينة جديدة .

أما بعد أعزائنا ، متابعي مدونة المحترف سعدون ... جئتكم اليوم بإضافة جديدة لمدونات بلوجر .

وهي إضافة أزرار المواقع الإجتماعية Social Media ، بطريقة خفيفة ، و أنيقة في نفس الوقت

لوضع هذه الإضافة في مدونتكم ، اتبعوا الخطوات من فضلكم :

1. نسجل دخولنا إلى لوحة تحكم بلوجر
2. نتجه إلى -تصميم- (Mise en page(Fr) , Layout(En)
3. Ajouter un gadget (Fr) , Add a gadget (En)
4. نختار : HTML/JavaScript
5. ثم نلصق الكود أدناه في HTML/JavaScript

 <tr>    <td width="245" height="35"> <!-- START SOCIAL MEDIA WIDGET --><ul id="socialbar">
<li id="facebook"><a target="_blank" href="http://www.facebook.com/sad0un"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/facebook.png"></a></li>
<li id="twitter"><a target="_blank" href="http://twitter.com/th3sadoun"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/twitter.png"></a></li>
<li id="Googleplus"><a target="_blank" href="https://plus.google.com/u/0/profilepageaddress"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Googleplus.png"></a></li>
<li id="Pinterest"><a target="_blank" href="http://pinterest.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/Pinterest.png"></a></li>
<li id="linkedin"><a target="_blank" href="http://www.linkedin.com/username"><img src="http://www.topproducerwebsite.com/images/site_defaults/generic/linkedin.png"></a></li>
</ul>
<style>#socialbar img {border:0px;}#socialbar li img {width:36px; height:36px;}#socialbar li a:hover {position:relative;top:2px;}#socialbar{list-style: none outside none; margin:0px; position: static;}#socialbar li {display:inline;padding-right:2px;}#socialbar{padding:10px;text-align:center;}</style></td>  </tr>
<tr>    <td height="10"><h6 align="center">
<!-- PLEASE DON"T REMOVE CREDIT --><a href="http://www.mbgadget.com/">blogger widget</a></h6>
<!-- END SOCIAL MEDIA WIDGET --></td>  </tr>
</table>

 لا تنسى :

قم بتغيير ما باللون الأزرق إلى ما يناسبك .

إنتهى الموشوع ، آمل أن ينال إعجابكم ، لا تبخلوا علينا بردودكم المشجعة ، ولا تنسوا مشاركة الموضوع .

المرجو نشر هذا الموضوع

Tweet

Sharing Widget bychamelcool

معلومات عن العضو

تاريخ الميلاد : المهنه : الإسم الكامل : أ الدولة : ا صاحب مدونةعقـول الويـب

وسائل التوصل معه :

Ads

Ads