Social Icon
السلام عليكم ورحمة الله وبركاته
اليوم سوف نتطرق لموضوع جميل قد يحتاجه الجميع و هو إضافة المواقع الإجتماعية الخاصة بالمدونة وصاحبها ومنا نرى من خلال الصورة الأولى هذه الآداة رائعة ذات صور جميلة وتأثير رائع ويمكنك تخصيصها كما تريد..
نتطرق للشرح..
 |
| سجل دخولك إلى المدون ثم افتح لوحة لوحة التحكم وإضغط على قالب |
 |
| ثم إضغط تحرير HTML |
 |
| ثم وسع القالب من عند هذا الوسم |
الآن أبحث عن الوسم
]]></b:skin>
ثم ضع فوقه مباشرتاً هذا الكود
/*sus code by Mini-Soft */
.Mini-Soft {
border-radius: 100%;
box-shadow: 0px 0px 1px #000;
padding:0;
border:0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
}
.Mini-Soft:hover {
box-shadow: 0;
border-radius: 0;
-moz-transition: all 1s;
-webkit-transition: all 1s;
-o-transition: all 1s;
cursor:pointer;
}
.Mini-Soft-center {
text-align: center;
}
/*sus code by Mini-Soft */
 |
| حتى يكون هذا |
 |
| أحفظ قالبك ثم أذهب الى التخطيط |
 |
| أختر إضافة آداة |
 |
| أختر HTML/JavaScript |
 |
ثم أكتب في الخانة رقم واحد أسم الإضافة كما يحول لك في الخانة رقم 2 ضع الكود التالي ثم إضغط حفظ |
<div class="Mini-Soft-center">
<a href="رابط الفيسبوك" target="_blank" title="Facebook"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg0yeEuYxdonOnLi82X21Nhy_nLVi2LjGaMLWzo9bs9FIE2glUdA2Tfh0QEJbs_fskEyYFQF0Co8aZHjSp4GXdoXvkTwwYa9J5wgY-Mh4Rc7aICefmQS7pMWIm7-u4jeqRLrp5wbaDkVNo/s64-no/Facebook-MiniSoft.png" /></a>
<a href="رابط تويتر" target="_blank" title="Twitter"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhrK9-JgGk5fmcplLW5GNPZ5niyCnJERjdtSZqYKkawc3g2NFcq6UjJ479Qxb9_L8g1-grmnwVlBvJ10D6vHgKRTYTJR1k8NsAqR2ABA1Fc6KRIOhft98VXpRN4u6GdqtM8PihhAHa6sGo/s64-no/Twitter-MiniSoft.png" /></a>
<a href="رابط يوتيوب" target="_blank" title="YouTube"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgKMdWSmwwHjIcZOyBM7Vw2O3gfMUudARamclOHHnuVd-1aFO3F0XAANVVU7-HvVPGNNhiys_KHCOZbnDuA72dMxk71EvqjSnYEQb4DJMWdWOXKWp_8z1yvA9tFJbK2MbR657d0l5mGmxs/s64-no/YouTube-MiniSoft.png" /></a>
<a href="رابط الخلاصة" target="_blank" title="Feed"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYMkGrrZNpp3JgEAvk-8XnTLJxDguxc4ESklaUBRXNY_Do3-N8KUFsSfYj9OhaCEDNY3ziCKdmeihT78UuMuwMteid5yyFhXu7LX2_v0OgnmIhOYkKTR4fdMFKjWW9rSHy7zj9hNfFveU/s64-no/RSS-MiniSoft.png" /></a>
<a href="رابط جوجل بلس" target="_blank" title="Google+"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh9ejYBZKxGx4M0jqth63Db7NilE5JkQmQYC4qYQqtgqpBT4983Tc8MLs8_8DBIp-t5RLtNp9daWUbIQa2kal74HuSOniFUas1EhfOp_UD2e5EYjkFSXgGk9yyG-z0pDjlyax5dSFlHfZU/s64-no/GooglePlus-MiniSoft.png" /></a>
</div>
ضع روابط الفيس وتيوتر ويوتيوب والخلاصة وجوجل واضغط حفظأما ما ظُلل بالاحمر فهو الكلمة التي تظهر عند وقوف مؤشر الفأرة على الايقونات |
| لتبقى الآداة في النهاية بهذا الشكل الرائع |
تم بحمد الله