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

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

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

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

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/AVvXsEhtpgJNch7oLSkGvi67NeSe19gQ4HYzQzg4cAhWbbNVZ61gDYap1XHVBi5mklAHut8UpI83zdZUfiC-pGapdW4FGg4-r6w74L45SK4STqTxc5oLAHZoTm2QtEORJYtoU5zSer45txIchmM/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/AVvXsEikYQDRvA_CHqvQ02hjABa0duASXPGvjDWDncY8cQjYHqc42lxR3x40wMAuijuTzS97H8uFKfmfKb7FA_Ohskzt0PbATKhACAVGelVe0VUOxHao7_JDcvsuBFTcA2ESRwb4RqbCHOmAoRU/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/AVvXsEiBWwCaOmXJ7ZkYonz22UVkOagEgzj2kAzAq1uS8SZ8JAimOTLvScy4Dg154moPKzdzVSgByuZkweMLt-38rQIh6buq1OG1uD6lkVtyADC5KSVrzG8am3gI_oDZNXKtKJ-X1V0zAswzADo/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