كيفية إضافة قائمة المواقع الإجتماعية لمدونات بلوجر بشكل جديد وأحترافي

اليوم سوف نتعرف على إضافة رائع جداً ومهمة لكل مدونة  وهذه الإضافة تضيف إلى موقعك أومدونتك لمسة جمالية .

- طريقة التركيب :

1- أدخل إلى مدونتك ثم أختر لوحة التحكم >> تخطيط >> أختر أداة : HTML/JavaScript

2- أضف الكود التالي في صندوق الأداة ثم إحفظ .

<div class="btnt-chronicl-social">

<ul>

<li><a class="rss" href="http://feeds.feedburner.com/feedburner/QgZyy
"> الإشتراك في RSS Feed</a></li>

<li><a class="twitter" href="https://twitter.com/homeblog7">تابعني على تويتر</a></li>

<li><a class="facebook" href="https://www.facebook.com/ChristiaUnion">أبحث عن في الفيس بوك</a></li>

<li><a class="google" href="https://plus.google.com/u/0/107922803903972641858/">أنضم إلينا على جوجل بلس</a></li>

<li><a class="linkedin" href="http://in.linkedin.com/in/hanna7757">أتصل بنا على لينكدين</a></li>

<li><a class="youtube" href="http://www.youtube.com/channel/UCInU677SGp1tZVce5kRupyA">شاهدنا على اليوتيوب</a></li>

</ul>

</div>

<style type='text/css'>

/*<![CDATA[*/ 

.btnt-chronicl-social {  width: 320px;  margin: -10px;  }

.btnt-chronicl-social ul {  margin: 0;  padding: 0;  }

.btnt-chronicl-social ul li {  list-style:none;   padding: 0; text-transform: none; }

.btnt-chronicl-social ul li a {   color: #fff;   display:block;  }

.btnt-chronicl-social ul li a:hover {  color: #c9c9c9;  background-color: #333;   }

.btnt-chronicl-social ul li .rss { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png") no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }

.btnt-chronicl-social ul li .twitter { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png") no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}

.btnt-chronicl-social ul li .facebook { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png") no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }

.btnt-chronicl-social ul li .google { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png") no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }

.btnt-chronicl-social ul li .linkedin { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png") no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }

.btnt-chronicl-social ul li .youtube { background: url("http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Youtube-1.png") no-repeat scroll 10px center #C6312B; background-size: 20px;  padding: 17.5px 45px; }

/*]]>*/

</style>

- التعديلات :
- إبحث في الكود عن هذه الروابط واستبدلها بروابطك على المواقع الاجتماعية :

1- http://feeds.feedburner.com/feedburner/QgZyy

2- https://twitter.com/homeblog7

3- https://www.facebook.com/ChristiaUnion

4- https://plus.google.com/u/0/107922803903972641858/

5- http://in.linkedin.com/in/hanna7757

6- http://www.youtube.com/channel/UCInU677SGp1tZVce5kRupyA