السلام عليكم اخواني متابعي مدونة مدهش ويب اليوم في المدونة احضرنا لكم اضافة رائعة وهي اضافة الشبكات الاجتماعية للمدونة بطريقة رائعة وشكل مذهل والوان فلاتية رائعة ومذهلة تتوفر هذه الاضافة على حساب فيسبوك وحساب تويتر والاشتراك بالخلاصات اضافة رائعة انصح بوضعها على مدونتك واضافتها سهلة جدا من التخطيط.
- من لوحة تحكم المدونه اختر تخطيط.
- اختر اضافة اداه فى المكان الذى تريده
- اختر Html/Java
- ثم ضع الكود التالي داخل الاداة
<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/AVvXsEgx0I1HKshiH0Bc7Tcsp_2D6J2xuisAScNsyEcFdlL2NNERbAeMlS1h9KZ6PcXmFx87LLvtnHUrRYRfymcCUYZoRQ_Ix5o8sDXa8PYXhoAcya30dTbIb25Y4CzJ2IQVm9JW68Ap2ephogh0/s1600/fb.png) no-repeat center 30%;}
.maestrosocialnetwork .fb:hover{background:#0C6DB4 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgx0I1HKshiH0Bc7Tcsp_2D6J2xuisAScNsyEcFdlL2NNERbAeMlS1h9KZ6PcXmFx87LLvtnHUrRYRfymcCUYZoRQ_Ix5o8sDXa8PYXhoAcya30dTbIb25Y4CzJ2IQVm9JW68Ap2ephogh0/s1600/fb.png) no-repeat center 30%;}
.maestrosocialnetwork .tw{background:#555 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR9JEvP9aNEC6QHdRauDnDHqSGuZ87KkSUaha6R8hdijA2yh6qXIZDQG39HKCqK36PYhJ1fqPHOAibZWMSRq5mia40l3LpAN4LtPHYfvqfMUDzV3bWhFeEocK82CwSh9FroFroMkeig5Sq/s1600/twitter.png) no-repeat center 30%;}
.maestrosocialnetwork .tw:hover{background:#33b5e5 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjR9JEvP9aNEC6QHdRauDnDHqSGuZ87KkSUaha6R8hdijA2yh6qXIZDQG39HKCqK36PYhJ1fqPHOAibZWMSRq5mia40l3LpAN4LtPHYfvqfMUDzV3bWhFeEocK82CwSh9FroFroMkeig5Sq/s1600/twitter.png) no-repeat center 30%;}
.maestrosocialnetwork .rss{background:#444 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_8nS1I6ZzfDmFuLMpo0RbsGpThEih6GAtYCFfJ7-aGW6-OoJxvWqd-q_v1J_jsaQ5cv8C8qW64QG4LvVi4eX7H9xrzahOsiBV2iu00V3JoG3Pg-rfT-vMGpP2TF9ENJbBnu34aP2Ds9GY/s1600/rss.png) no-repeat center 30%;}
.maestrosocialnetwork .rss:hover{background:#ffbb33 url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj_8nS1I6ZzfDmFuLMpo0RbsGpThEih6GAtYCFfJ7-aGW6-OoJxvWqd-q_v1J_jsaQ5cv8C8qW64QG4LvVi4eX7H9xrzahOsiBV2iu00V3JoG3Pg-rfT-vMGpP2TF9ENJbBnu34aP2Ds9GY/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://modhich-web.blogspot.com/'>فيسبوك</a><p><span>52,250</span>معجـب</p></li>
<li class='tw'><a href='http://modhich-web.blogspot.com/'>تويتر</a><p><span>14,321</span>متـابع</p></li>
<li class='rss'><a href='http://modhich-web.blogspot.com/'>الخلاصات</a><p><span>11,587</span>مشتـرك</p></li>
</ul>
</div>غير http://start1web.blogspot.com/ بروابط الشبكات الإجتماعية الخاصة بك
بإمكانك إدراج الأكواد الغير قابلة لنشر بتحويله عبر محول الأكواد لتصلك إشعارات ردود هذا الموضوع على البريد الإلكترونى أضف علامة بالمربع بجوار كلمة "إعلامى" عبّر عن تعليقكالإبتسامات