إضافة اداة chronicl-social

عودة موفقة ان شاء الله….
السلام عليكم ورحمة الله تعالى وبركاته , اعرف ان تأخرت كثيرا عليكم متابعي المدونة ,لكن عودتي ستكون موفقة ان شاء الله لاني لم اترك المدونة لاني فقط منشغل ببعض الاعمال التجارية …البزنس.. احببت اليوم ان اشاركم ايقونات chronicl-social التي سوف ترونها قريبا على قالب مدونتي المرتقب قريبا , تتميز الايقونات بتحرك او تغير الالوان كما ترون في الصورة اسفل فالاداة اكثر من رائعة وأضن انك لم تراها من قبل ,لانها حديثة البرمجة تتميز كدلك بايقونات صغيرة تعبر عن كل خدمة ,وتضم كل المواقع الاجتماعية والمستخدمة والمنتشرة بكثرة .


لاضافتها الى مدونتك إتبع الخطوة التالية :
وادهب الى لوحة تحكم مدونتك اضغط على تخطيط ثم اضافة اداة جديدة في مربع المحتوى ,قم بلصق الكود التالي:

<div class="btnt-chronicl-social">
<ul>
<li><a class="rss" href="http://feeds.feedburner.com/blogspot/usihu">إشترك عبر البريد</a></li>
<li><a class="twitter" href="https://twitter.com/kurtlarjamaa">تابعني على تويتر</a></li>
<li><a class="facebook" href="https://www.facebook.com/arabicash2">إدعمنا على الفايسبوك</a></li>
<li><a class="google" href="https://plus.google.com/u/0/b/102572530628729059335/">تابعني Google+</a></li>
<li><a class="linkedin" href="http://in.linkedin.com/in/jamaakurtlar">اتصل بي على لينكيدن</a></li>
<li><a class="youtube" href="http://www.youtube.com/user/jamaakurtlar">شاهدني على يوتيوب</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>

والأن احفظ الاداة ومبروكـ عليكـ الاضافة