اضافه خاصيه المشاركات الاجتماعيه لمدونه بلوجر مثل الورد بريس

السلام عليكم ورحمه الله وبركاته
اهلاً بكم فى مدونه طمان سينتر اليوم اليكم اعضاء وزوار المدونه اضافه جديده من اضافات بلوجر وهى المشاركات الاجتماعيه بشكل جديد وجذاب مختلف مثل مدونات الورد بريس اليكم الكود

<br />

<style type="text/css">.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; } </style>

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

<ul>

<li><a class="rss" href="http://feeds.feedburner.com/*****">Subscribe to the RSS Feed</a></li>

<li><a class="twitter" href="https://twitter.com/*****">Follow me on Twitter</a></li>

<li><a class="facebook" href="https://www.facebook.com/****">Find me on Facebook</a></li>

<li><a class="google" href="https://plus.google.com/*****/">Join me on Google+</a></li>

<li><a class="linkedin" href="http://in.linkedin.com/in/*******">Connect with me on LinkedIn</a></li>

</ul>

</div>

<p>

طريقه التركيب كل ما عليك فعله هو تغير ما بلون الاحمر بمايناسسبك ووضع الكود داخل اداه Html/java script

اتمنى لكم التوفيق والى اللقاء مع اضافه جديده من اضافات بلوجر