سلام عليكم

اخوان في هذه التدوينة سوف اقدم لكم كود code حصري للاضافة اداة html بلوجر




لمشاهدة مثال الحي

غير بلون أزرق بما يناسبك



رمز Code:
كود HTML:
  <center><style type=&quot;text/css&quot;>  .btnt-chronicl-social {  width: 250px;  margin: 0px;  }  .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: #ffffff;  background-color: #35B0F2;   }  .btnt-chronicl-social ul li .rss { background: url(&quot;http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/RSS-1.png&quot;) no-repeat scroll 10px center #F87E12; background-size: 20px; padding: 17.5px 45px; }  .btnt-chronicl-social ul li .twitter { background: url(&quot;http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Twitter.png&quot;) no-repeat scroll 10px center #4CACEE; background-size: 20px; padding: 17.5px 45px;}  .btnt-chronicl-social ul li .facebook { background: url(&quot;http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/Facebook-1.png&quot;) no-repeat scroll 10px center #3B5998; background-size: 20px; padding: 17.5px 45px; }  .btnt-chronicl-social ul li .google { background: url(&quot;http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/google.png&quot;) no-repeat scroll 10px center #D44937; background-size: 20px; padding: 17.5px 45px; }  .btnt-chronicl-social ul li .linkedin { background: url(&quot;http://i1203.photobucket.com/albums/bb382/chandeep10/social-icons/LinkedIn-1.png&quot;) no-repeat scroll 10px center #3692C3; background-size: 20px; padding: 17.5px 45px; }  </style>    <div class=&quot;btnt-chronicl-social&quot;>  <ul>  <li><a class=&quot;rss&quot; href=&quot;http://feedburner.google.com/fb/a/mailverify?uri=alam3arb/abcdx&&quot;>اشترك في RSS</a></li>  <li><a class=&quot;twitter&quot; href=&quot;https://twitter.com/alam3arbcom&quot;>تابعنى على تويتر</a></li>  <li><a class=&quot;facebook&quot; href=&quot;https://www.facebook.com/d7ak.m3arask&quot;>تابعنا على فيس بوك</a></li>  <li><a class=&quot;google&quot; href=&quot;https://plus.google.com/108955442810725743449/&quot;>انضم الينا عبر Google+</a></li>  </ul>  </div></center>
المصدر: عالم العرب http://www.alam3arb.com/2014/05/blog...#ixzz2SuBglCLp






©المشاركات المنشورة تعبر عن وجهة نظر صاحبها فقط، ولا تُعبّر بأي شكل من الأشكال عن وجهة نظر إدارة المنتدى©