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/AVvXsEjQU8RKWsdLe6fWCHWNu6QycbfCdibisW0x3Lzb1BVv5jVOHWzGkQqS_M1peXQwfSVV4ff1d1i4OYhf0ytmkE_N8pMirIFNDoLLjWDGeKwPZiHkVn0amt0z9fBTIFJM4E2k_ix267szydY/s64-no/Facebook-MiniSoft.png" /></a>
<a href="
رابط تويتر" target="_blank" title="
Twitter"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEitDvcHY3Hd2h7c4ec5w5mqMbJcxSyvL7EPe4jTJOI5zD6vJ5RpGQ8az-si86gqwUTu4wefQWD53PxetsExITTBRqlQJHJvvXpvzzjqM_3OqmMNg6FzMDXhYPdULpKgJESoMcS6-vRPfsI/s64-no/Twitter-MiniSoft.png" /></a>
<a href="
;رابط يوتيوب" target="_blank" title="
YouTube"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqBMB7jzZsaiNQ5OHgbaTKbHX8perQuZZOkLuIEvG9GVYUMfyizPCSWTq3rumIdvaJOC9wRHqzX1KRtKslvpl6i1ZGaT9jL33yzPetfg8H1RhZmXOJrw2yhZjokpv_xA6Sg2TtEwuLd3A/s64-no/YouTube-MiniSoft.png" /></a>
<a href="
رابط الخلاصة" target="_blank" title="
Feed"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhAjimpFC0oaeVc-_BKXGh5WBr1-iyCN7B1EST6vq9k5WOxdRl5exk78Vja6YgmLLdSXgDdB0opmRHooaoh5G6AdehbfgBw_Ld7h5pL_FVYn41p9xCHeyTkQMXUJey9RqsmrIUueti3KNs/s64-no/RSS-MiniSoft.png" /></a>
<a href="
رابط جوجل بلس" target="_blank" title="
Google+"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgrBHMryV6P6_UpRzoHJrlVF6DbXm9F66OTJMoxOs19PCmzkZyYZ7tU9vbDnncTMGZt_X3zyVXqtyBgZ68cHSFq_DEeJRSlFCkp1cT9YxzJK-AWGAhI3EV_rWEtC7O2wKwvZckYNQMRsAI/s64-no/GooglePlus-MiniSoft.png" /></a>
</div>
ضع روابط الفيس وتيوتر ويوتيوب والخلاصة وجوجل واضغط حفظأما ما ظُلل بالاحمر فهو الكلمة التي تظهر عند وقوف مؤشر الفأرة على الايقونات
 |
| لتبقى الآداة في النهاية بهذا الشكل الرائع |
تم بحمد الله
إرسال تعليق Blogger Facebook