إضافة جميلة لأيقونات المواقع الإجتماعية

إضافة أيقونات المواقع الإجتماعية 

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

لإضافتها اتبع الخطوات التالية :

1- اذهب الى لوحة التحكم تم اضغط على تخطيط

2- تم اضغط على اضافة أداة ، HTML/JavaScript

ثم الصق الكود التالي:

<div class="widget-content">

<a href="http://www.facebook.com/el5abeer"><div class="social">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEguRSfKu6AypSkJtIYAOfp8KGwZiyvpuibSR8s-NZBYxz-SCYv7JMa_Roi8Q2hqPV6_qI9g2xSuUVgF0y0an1jxgqxcySY36jE3_R3tfdIEakQYaY7Tol5kg074_57EqLHdCU2nMxsQA0c/s1600/face.png" />

<b>6,000</b>

<span>معجب على الفيس بوك</span>

</div>

</a>

<a href="http://www.youtube.com/mcbyati"><div class="social">

<img src="http://i.imgur.com/fpVI8Rf.png" />

<b>300</b>

<span>مشترك على القناة</span>

</div>

</a>

<a href="http://www.twitter.com/mohamedbyati"><div class="social">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPSBboVlmY9QyHD1Kd5t_JnSSzQqkiR9lY1qYdPTRBeCscICkMY68xafrzyJgfdbV74WSvmM40I_edGypdyYO0Oeyouw8H4Cg6JhyphenhyphenLv_XSf8sLa-coVaMrO06LDDbylSkb2weiCjtt-pY/s1600/twi.png" />

<b>3,000</b>  

<span>متابع على تويتر</span>

</div>

</a>

<a href="http://feedburner.google.com/el5abeer"><div class="social">

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjxeeecXS1tjVrPRfJzGTtRjyLzGRXAMyinW63ovPwOS8RSbVRTKAB6tFGjngMxLPsynqT2T7hOniI_mEFTd6KoSCJ49Oe4iUdhtwLdouzg_4w1whyphenhypheniybrd2xvenh7bWrmPakOEzLArA6s/s1600/RSS.png" />

<b>5000</b>  

<span>مشاركة</span>

</div>

</a>

<style>

.social{ height:48px; text-align:right;

margin: 6px 0;}

.social:hover{opacity:0.7;}

.social img{float:right;border-radius: 51px;}

.social b{

float:right;

padding-left:10px;

padding-right:16px;

font:19px Arial, Helvetica, sans-serif;

font-weight:bold;

color:#575757;

line-height:47px;

}

.social span{

float:right;

padding-left:10px;

font:12px Tahoma, Geneva, sans-serif;

color:#9f9d9d;

line-height:47px;

}

</style>

</div>

   

لا تنسو يا إخوان روابطي بروابطكم  
أتمنى إن تعجبكم الإضافة