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

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

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

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

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

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

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

<div class="widget-content">

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

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjjFvx5jQVQ_mf47dVeGeOWK0VY6U-LCR0PpivLSPYshjF7vftT54tEtZym2zqjgzbdQ92Y53b8ZLX-p3lbsupUVqqPhlzWu48rpJjfkhLXmOv9kLs6qEvc-XfRK-MIOLiqMo-GONapOJ0/s1600/face.png" />

<b>6,000</b>

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

</div>

</a>

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

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

<b>300</b>

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

</div>

</a>

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

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiHZRIyz5tfJ4u8T8eOOn6KjRvEv6-Nvf83MLWCNPrNsF0D1G16QpM9r0mhpL9rLxBMC91V3OaBxUfqo5Ret5jOfEX8LOYWJUHMa4jepUtxPjHp9p4ABl8aF0h5sB61aWdF48pB6VBdJ6c/s1600/twi.png" />

<b>3,000</b>  

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

</div>

</a>

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

<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMVa7JsoDOR6xYo9XZ20-VXOj4lhEXe2nAnTr-66XXpZ7shyxYxoK6IXjejArQ-9se39QeZxVX90zfx31tfmh30XURUoa090VgB7xKUIV2vqCCnKzixPXwdnGWtAetvuRcNMugOIjb-9I/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>

 

لا تنسو يا إخوان روابطي بروابطكم  

أتمنى إن تعجبكم الإضافة

هل أعجبك الموضوع ؟

Share

Tweet