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/AVvXsEi4u069HZIO3UId2BP5EA1q1ftAuqK9F_DuECSCwDp2hRYPNfNsBEiJW_Ts9cqHAMbpyMGLO4fmuIWHaOgBaxeXRn-tTrCSZj6krk1fULrE1HZo-tVOhbUIr1kQaqk7z9X69poyInRixYg/s64-no/Facebook-MiniSoft.png" /></a>
<a href="
رابط تويتر" target="_blank" title="
Twitter"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh-TJwyTNP-GUhOdGwwk8rvcGdM4UQI5VjhwkE-ua8APDWWZf8ax-aacn3YVwkCYzlSUb60cbC5d7vV8sNQl8hL2nevdUB7hGmeXuyuPrvP5D126TRZE75tyeiQpiu2lyYXWTRsPbUdNJ8/s64-no/Twitter-MiniSoft.png" /></a>
<a href="
;رابط يوتيوب" target="_blank" title="
YouTube"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjkkK1TVat5hPYvOV2HWY00PL1N60RSDgT5MRiPANGcaNci2mGClE6hbIATOcnaNoR4n_6Octqz6LkJNsJve8joazBJsONSaFJ1zFDVqJ2JT_R0l_Mq8rTB2dfScMct0wRVpcEY9zcWFgY/s64-no/YouTube-MiniSoft.png" /></a>
<a href="
رابط الخلاصة" target="_blank" title="
Feed"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgjj-qGr2dq8IUdMWMmbhzJxDO6q7WNs9vPEHl2_OsJUDs-QxwOEwRZH8ho0jfAfO1yOHSWhj-_enJSN8dqjO33r_7oe1Fj4IDC95iuAYnAjGjlVzkuWCIelqq64AQ6itVSFWpsvFyONQA/s64-no/RSS-MiniSoft.png" /></a>
<a href="
رابط جوجل بلس" target="_blank" title="
Google+"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhUJs67H8BOaQMM4PtyiJEkS97d1rt0b0vleucJm6NymJSdE5hyOb31ZQUi_FNPSgVM1Jk02K3k0eBoQ6lfgbM1yqWDqrzD2dMvrGZdWiideYwUlZWkQ7R_Q7_Shz8X4BXv4OTMiPxF78k/s64-no/GooglePlus-MiniSoft.png" /></a>
</div>
ضع روابط الفيس وتيوتر ويوتيوب والخلاصة وجوجل واضغط حفظأما ما ظُلل بالاحمر فهو الكلمة التي تظهر عند وقوف مؤشر الفأرة على الايقونات |
| لتبقى الآداة في النهاية بهذا الشكل الرائع |
تم بحمد الله
