كود اضفنا لمفضلة بلوجر بشكل جديد

السلام عليكم ورحمة الله وبركاته.. اليوم اقدم لكم طريقة اضافة كود اضفنا لمفضلة بلوجر

فاذا الكود يسهل علي الدخول علي صفحتك لمدونة 
والأشترك فية وايضا فية المتابعة عبر الأيميل لكي يسهل معرفة كل ما هو جديد في المدونة عبر الأيميل
 
الشرح
اولأ اذهب الي لوحة التحكم
1- ثم تخطيط
2- ثم اضافة اداة
3- ثم اضافة html

الكود

<style>
#btrixsocialcounters{
width:300px;
padding: 0 0 40px 0;
border: 1px solid #CCC;}
ul#btrixcounters {
    list-style: none;
    margin:0px;
    overflow: hidden;
    width:300px;
    padding:10px 0 40px 0;
     margin:10px 0 -60px 12px;
}
ul#btrixcounters li {
    float:left;
    margin:0px 0px 5px 0px;
    width:auto;
    padding:0px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;}

ul#btrixcounters li a {
    display: block;
    height: 54px;
    margin-right: 10px;
    padding-top: 85px;
    text-align: center;
    text-decoration: none;
    width: 85px;
    text-shadow: 1px 1px 0 rgba(255,255,255,0.5);
    font-weight: bold;
}
ul#btrixcounters li:hover {
    opacity:0.6
}
ul#btrixcounters li:last-child a{
    margin-right:0px;
}
ul#btrixcounters #counter-rss {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsDp3aj3JazPoxNPKt-Ifc5sppvjEBWkl0I6N6YzBnbcyn5bBefdC3VY70QM_pzp7S2BISN9shTAIC8uxsAkZ0MV4U9IG8OMqaaMk0YjlJPRewmJaqn-E71enaTwRp0VGYCTxg_l4TknY-/s1600/btrix-rss-counter.jpg') no-repeat
}
ul#btrixcounters #counter-rss a {
    color:#cf6600
}
ul#btrixcounters #counter-facebook {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjT4YAvuL2xR02EiS9fzY4vCigcojNqeucS1ZW7Poe-wvhg_PPaUmO-CdVKv4bv25jZzRDBMa6JN8ExzKj4Xwe_6ceDSt47XQao_mH5wHKzud3ChOxgwR89ASuQ9X5HJU_iLOZ1mmc7iClG/s1600/btrix-facebook-counter.jpg') no-repeat
}
ul#counters #counter-facebook a {
    color:#3b4d8f
}
ul#btrixcounters #counter-twitter {
    background: url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgMZAfgDjnZyv5x0VmGhNsgkAy0zNWeS0xnQ45XvLhlD3gBUolVGu0tgv4RGYyKctA8-GGnx1kKnF_PAdDu093DC_joxViZiz6XjjOWiJbx5Z-pCn16ynnHFNn-q3CSIw97LneRDAj4Y0E5/s1600/btrix-twitter-counter.jpg') no-repeat
}
ul#btrixcounters #counter-twitter a {
    color:#276ab6
}
.textwidget {width: 300px;margin-top: -50px;}

input[type="submit"] {color: white;border: 0px;text-transform: uppercase;font-size: 11px;padding: 13px;float: left;font-weight: bold;background-color: #2DA1EB;margin-left: 100px;cursor: pointer;margin-top: 10px;}
</style>
<center>
<br />
<div id="btrixsocialcounters">
<ul id="btrixcounters">
<li class="first-item" id="counter-rss">
<a href="http://feeds.feedburner.com/rss">540</a></li>
<li id="counter-facebook">
<a href="http://www.facebook.com/اسم صفحة الفيس">2319</a></li>
<li id="counter-twitter">
<a href="https://twitter.com/اسم صفحة تويتر">5263</a></li>
</ul>
<div class="btrixtextwidget">
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=rss', 'popupwindow', 'scrollbars=yes,width=350,height=520');return true" style=" padding: 3px; text-align: center;" target="popupwindow">
<h3>Enter your email address:</h3><br />
<input name="email" style="width: 180px;" type="text" /><br />
<input name="uri" type="hidden" value="blogger-new2013" /><input name="loc" type="hidden" value="en_US" /><input type="submit" value="Subscribe" /></form></div><a href="http://blogger-new2013.blogspot.com/" style="margin-right: -50px;margin-top: 100px;font-size: 10px;">Add this</a>
</div>

   وغير الأحمر بما يلزم
ارجو ان اكون وفقت في الشرح