كود اضفنا لمفضلة بشكل رائع 2013

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

حيث هذا الكود يحتوي علي صفح الفيس وصفحة تويتر وrss والمتابعة عبر الأيميل لكي يسهل معرفة كل ما هو جديد في المدونة عبر الأيميل

الشرح
اولأ اذهب الي لوحة التحكم

1- اذهب الي تخطيط
2- اضافة اداة
3- اضافة html

الكود

<style type="text/css">

img.beintouch:hover {

    background: none repeat scroll 0 0 #D6D6D6;

    border-radius: 16px 16px 16px 16px;

    box-shadow: 0 0 10px #565656;

}

.emailtext {
    background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjr2_Spn98W31D9DpXiKhxMeTNVTFhiMKAMqTr1mVO8UqggupxzwCLfePTdiEP-b5NhDNIDrGKN_yXIoAptd478QX4qxb-0APc6q7QMl5o6cWHZBM3XNuVV9f_ORdbGYWB22fa5tV5xWHI/s1600/mailbox.png") no-repeat scroll 4px center transparent;
    border: 1px solid #7E4E27;
    border-radius: 4px 4px 4px 4px;
    box-shadow: 1px 1px 4px #7E4E27 inset;
    color: #444444;
    font-weight: bold;
    margin-left: 2px;
    padding: 7px 15px 7px 35px;
    text-decoration: none;
    width: 176px;
}
.ebutton {
    background: -moz-linear-gradient(-45deg, #3C1F0E 0%, #D28A47 30%, #F9E183 30%, #D28A47 55%, #3C1F0E 100%) repeat scroll 0 0 transparent;
    border: 1px solid #D3D3D3;
    border-radius: 4px 4px 4px 4px;
    color: #FFFFFF;
    cursor: pointer;
    font-weight: bold;
    margin-left: -18px;
    margin-top: 5px;
    padding: 6px 15px;
    text-decoration: none;
    text-shadow: 1px 1px 0 #000000;
}
</style>
<table align="center" width="317px" cellspacing="0px" cellpadding="1px"><tbody><tr><td><a target="_blank" rel="nofollow" href="صفحة الفيس"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEigP1TWR0C8ymhWVr75JBR8l47ylDwAKjxsoVBD3p8kmWN_BuEYGxNpnf7DoRL5rkul375cfWK_8RKpllpYQT7OvccThGN4U9b7X_ECmdjYU9uzobk_B5wxVmDHZfLdvQCaRCdwzCjRZM8/s1600/woden+board+facebook_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="صفحة تويتر" rel="nofollow"><img src="http://3.bp.blogspot.com/-xHxTM5SAVtI/Tz06umVlBnI/AAAAAAAAAHg/3X1VY6Qx3v0/s-1600/woden+board+twitter_netoops.png" class="beintouch" /></a></td><td><a target="_blank" href="http://blogger-new2013.blogspot.com/feeds/posts/default" rel="nofollow"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKOLesawkMzXRSmrluuYdsjFZm-i9X3eNzF5EDgH_dVBSSy-CMabLTAHy8OhGgAcksMsSmgzDEsTPsR78qzNS0hIiohehtAqT3U-BIqhmMXsOvng9ZbqnZJgzr4RU8DtT6RPWWlCrwS9s/s1600/woden+board+RSS1_netoops.png" class="beintouch" /></a><a href="http://netoopsblog.blogspot.com"></a></td></tr></tbody></table>
<div>Get Latest Tips via e-mail</div>
<form target="popupwindow" style="margin: 0pt;" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogger-new2013.', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true" method="post" class="emailform" action="http://feedburner.google.com/fb/a/mailverify">
<input type="hidden" value="NetOopsBloggerTricks" name="uri" />
<input type="hidden" value="en_US" name="loc" />
<input type="text" value="Enter your email..." onfocus="if (this.value == "Enter your email...") {this.value = ""}" onblur="if (this.value == "") {this.value = "Enter your email...";}" name="email" class="emailtext" />
<input type="submit" value="Subscribe" title="" class="ebutton" alt="" />
</form>

       <div class="w2b-moresubs">
        <a href="http://blogger-new2013.blogspot.com/">احصل علي الكود</a>
   </div>