اضافة الشبكات الاجتماعية بشكل رائع بلوجر

السلام عليكم اخواني متابعي مدونة البداية ويب اليوم في المدونة احضرنا لكم اضافة رائعة وهي اضافة الشبكات الاجتماعية للمدونة بطريقة رائعة وشكل مذهل والوان فلاتية رائعة ومذهلة تتوفر هذه الاضافة على حساب فيسبوك وحساب تويتر والاشتراك بالخلاصات اضافة  رائعة انصح بوضعها على مدونتك واضافتها سهلة جدا من التخطيط.

شرح طريقة تركيب الاضافة

1. من لوحة تحكم المدونه اختر تخطيط.
2. اختر اضافة اداه فى المكان الذى تريده
3. اختر Html/Java
4. ثم ضع الكود التالي داخل الاداة

<style type="text/css">
/*--- socialnetwork by th3maestro.com ----*/
.maestrosocialnetwork {
background: #F8F8F8;
margin: 10px;
}
.maestrosocialnetwork ul {
padding: 10px;
overflow: hidden;
}
.maestrosocialnetwork li {
float: right;
width: 33.33%;
background: #F8F8F8;
text-align:center;
padding: 0;
transition:0.4s;
}
.maestrosocialnetwork a {
width: 100%;
text-align: center;
display: block;
text-indent: 9999em;
padding: 80px 0 0;
}
.maestrosocialnetwork li:hover {
transition:0.4s;
}
.maestrosocialnetwork .fb{background:#666 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAL9bv6ZmLWz5EgzqLnEL7Bb4FCGNqSCtxMQ-anzF146E4leKqkEm9Z1c0XndUVn4iQuiq6e9wLwVKriAOyBT4uEpBcbRtADk4GUaSj76R-LpJ-0sr4SVHxozEuKVnZo92fvi-XS0Vgsml/s1600/fb.png) no-repeat center 30%;}
.maestrosocialnetwork .fb:hover{background:#0C6DB4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiAL9bv6ZmLWz5EgzqLnEL7Bb4FCGNqSCtxMQ-anzF146E4leKqkEm9Z1c0XndUVn4iQuiq6e9wLwVKriAOyBT4uEpBcbRtADk4GUaSj76R-LpJ-0sr4SVHxozEuKVnZo92fvi-XS0Vgsml/s1600/fb.png) no-repeat center 30%;}
.maestrosocialnetwork .tw{background:#555 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVLF8yn1P0LcY3KFKNyIbgQFuNF2g4OEs7IyOCPHy9WeyFo2rlSol5wx-kyhbaCC2NE4oeK3Vw8VaEl_bwixYVsIpMj2KqiEHQjf9HNXzLv2kJ_rSQJLUaE1HzBAUFRMz1t6B0oVLPuU3/s1600/twitter.png) no-repeat center 30%;}
.maestrosocialnetwork .tw:hover{background:#33b5e5  url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmVLF8yn1P0LcY3KFKNyIbgQFuNF2g4OEs7IyOCPHy9WeyFo2rlSol5wx-kyhbaCC2NE4oeK3Vw8VaEl_bwixYVsIpMj2KqiEHQjf9HNXzLv2kJ_rSQJLUaE1HzBAUFRMz1t6B0oVLPuU3/s1600/twitter.png) no-repeat center 30%;}
.maestrosocialnetwork .rss{background:#444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirzf-Xar9Mu1_6KMdGq5gTk4Gzezg3mRvH1eFxpHONs-XuKGc-95K3pScgALndHdMhjYjfe8qCgRk5omURls6WAiYzHdNCSRW1kozM3sAcBImPkDY8td3-x2PdBz6oV6JwgJMNl22gAU_b/s1600/rss.png) no-repeat center 30%;}
.maestrosocialnetwork .rss:hover{background:#ffbb33 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirzf-Xar9Mu1_6KMdGq5gTk4Gzezg3mRvH1eFxpHONs-XuKGc-95K3pScgALndHdMhjYjfe8qCgRk5omURls6WAiYzHdNCSRW1kozM3sAcBImPkDY8td3-x2PdBz6oV6JwgJMNl22gAU_b/s1600/rss.png) no-repeat center 30%;}
.maestrosocialnetwork span {
float: right;
text-align: center;
width: 100%;
font:bold 14px arial;
color:#fff;
padding:0 0 5px
}
.maestrosocialnetwork p {
padding:10px 0;
text-align:center;
font:normal 14px ges;
color:#fff;
background: rgba(50, 50, 50, 0.47);
}
/*--- socialnetwork by th3maestro.com ----*/
</style>
<div class='maestrosocialnetwork'>
<ul>
<li class='fb'><a href='http://start1web.blogspot.com/'>فيسبوك</a><p><span>52,250</span>معجـب</p></li>
<li class='tw'><a href='http://start1web.blogspot.com/'>تويتر</a><p><span>14,321</span>متـابع</p></li>
<li class='rss'><a href='http://start1web.blogspot.com/'>الخلاصات</a><p><span>11,587</span>مشتـرك</p></li>
</ul>
</div>

غير http://start1web.blogspot.com/ بروابط الشبكات الإجتماعية الخاصة بك