اضافة اداة المواقع الاجتماعية بتقنية Css

  بسم الله الرحمان الرحيم

السلام عليكم اعزائي الكرام كما عودتكم ، اليوم اقدم لكم اداة في غاية الجمال والروعة بتقنة Css ، انصحكم بتجربتها نظرا لشكلها الذي يجذب زوار مدونتك ، فاتمنى ان تروق اعجابكم .

طريقة التركيب:
1. إذهب إلى خيار تخطيط
2. قم بإضافة أدات جديدة كما مبين في الصورة :

3. قم بنسخ الكود الموجود أسفل التدوينة و ضعه في المكان المناسب كما مبين في الصورة :

• لاتنس ان تغير PincoS3 باسم المستخدم الخاص بك .
  الكود:

  
  

  <centre><style>
  /* Social Icons
  ----------------------------------------------- */
  a.social-icons {
  margin-right: 5px; /*Adjust This Value As Needed*/
  height:40px;
  width:40px;
  }
  a.social-icons:hover {
  opacity: .7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
  } height:40px;
  width:40px;
  </style>
  <a class="social-icons" href="https://facebook.com/Pincos3"><img src="http://cdn4.iconfinder.com/data/icons/WG_Social_Media_Icons/facebook.png" /></a>
  <a class="social-icons" href="https://twitter.com/PincoS3"><img src="http://cdn4.iconfinder.com/data/icons/WG_Social_Media_Icons/twitter.png" /></a>
  <a class="social-icons" href="http://www.youtube.com/PincoS3"><img src="http://cdn4.iconfinder.com/data/icons/WG_Social_Media_Icons/youtube.png" /></a></centre>

  المصدر