بسم الله الرحمان الرحيم .اليوم وفي هذا الدرس سوف نتعلم بإذن الله طرقة إضافة ايقونات التواصل الاجتماعي أعلى المدونة .أولا سوف نذهب الى تحرير القالب تم نبحث عن الوسم
<head>
تم نضع تحته هذا الكود
.add{
margin: 25px;
float:left;
}
.add a{
display: inline-block;
transition: all 0.5s;
}
.add a:hover {
transform: rotate(360deg);
}
تم نبحث عن الوسم
<body>
ونضع تحته هذا الكود
<div class="add">
<a href="https://www.facebook.com/Net2blogger?ref=hl"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjPTMlsmjjM_eajV0iSCsSdaia_PnYm3JiJFuNYTyJcnCjgxTztMTLYHzrQXLQzmptOVL7hZgfYG0rW_EQoAcqR0H1ZFGr-sO_1X6HjEo0e7w1lw7C2dLy5j38YnCNPzsh8RWay_DoIlynd/s1600/facebook.png" alt="" /></a>
<a href="https://plus.google.com/u/0/106352450562340892169"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEilOCN8gUoaWMupVskdZFEaN9TWsy5Bl-4g2rafGgAB9XmIqeI8FMiZQQmNLn7But9xFakyL59hBhkAPDFBq7cy_J6JehdFLpGPMA6zNDb_5HX-sar9rfqtjEZu8f8Uv9UBqFL2iucL6Ccw/s1600/google_plus.png" alt="" /></a>
<a href="https://twitter.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgsEa9o8gfNNbo6AsNBzrPLZfznUDcTryYLYQIZu2cdZraB9F9jDDTNMTm66PHDTZbL9zJzsXmQVOETDOpbjeM44a3cn5xNFRQyYV-LhkC9tDM-slkh_6EBzH8liU7RLSFVoanhOClzIqzC/s1600/twitter.png" alt="" /></a>
<a href="https://www.youtube.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEju_l5FBbdKVc7jhNAU_dTVnuCXvZMWv_6FTTQ_3OXM_O9_Vh_3NRRQW-J0onL4MFipGE9Bn4vIMFduutU6EkoGUnpAtUJpjzYXmsrXx2s8sLUHAiM1k8rdAdatrTuVvmxk_fVBu1UCQOmi/s1600/youtube.png" alt="" /></a>
</div>