الجمعة، 13 ديسمبر 2013
9:42 ص

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

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

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


إضافة جميلة لأيقونات المواقع الإجتماعية el5abeer.blogspot.com

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



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/AVvXsEh4B92TPxW0UtodqJL6AT5l9IoGNsqrDVMwYRU0ktYqVkKtsV8gQmN-qF9MKUwwRlg6QSbJCk6ZCfVhGaY6ehi-enAADsBMGISwi9j5fNhCGoEWNlxtZqkDmN9BVZJ7HfcEsEukBHPMLIk/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/AVvXsEjnc4JOH0UVBHYSc6m4M9FQ_NjhUGod6mdsoIGCVcNuYbZTOVy5hKF0hDiWullT3IXGwtdFJw_X-K7OjbnEKcppdlRVrzDbRm0HK8nn_pTbQSLgdTofe5d4S9_rXTM8hfBhDrhT7i4P1_o/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/AVvXsEhmsNvVCYBCIS32KyBhAqwdOiN52AtKhbb9_93tSXTH3RKNL0qTSkkEZp41vOzi4DsAa1mnuF7jcWGbodHwuZjbNdTbgZvxik5RI7JsP_ikI8crYhbwxYBE-xxZBMeVmBeZzA2VpQpTd8c/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>



   

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

0 التعليقات:

إرسال تعليق