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/AVvXsEgXQIM5XdWo-qNAHqk_AMEeFlGXi4yguh1ldfIvdgSauVjSueS35luX5ESuEdnZ-fWeOMSpXFGi3Bdn9q4_eUfCl2JTJx9NSAkUp9kn7saSY5dCEKTp5gslohebouZ3VVWpJO8JnXTMq_c/s64-no/Facebook-MiniSoft.png" /></a>
<a href="
رابط تويتر" target="_blank" title="
Twitter"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEizCNVpYBV95vhjKWAIIUpTrFpnKtWW54MCq5eJURYhzEXF_l1Q_Fk3KokIj9-gbxT6zsjpCatzv3ktnvV61Or5nWsLeWVOU8-NTTRno63SVBTyotgBbIWzv98Gp9pjRANW56DyV-ooChE/s64-no/Twitter-MiniSoft.png" /></a>
<a href="
;رابط يوتيوب" target="_blank" title="
YouTube"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8d9GzUify_WVfBKLKVnEXcRPeAgf81B-JH-G-TLwmvB4JjCWF0aMNCPPwjj178RqTI4vJtrth4qM7N36WpVd64j6cOpDXijJdhs9ASNzhvo7_CP77oKU8bL2_imZFj73l34JwJSxcmyk/s64-no/YouTube-MiniSoft.png" /></a>
<a href="
رابط الخلاصة" target="_blank" title="
Feed"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgmi8av7EAUVkSFh42KViC81JRCEgB8CY4pccyA2SJoEj5hZuYfTzVqj-oTvDdP7UCxIHXhqyeJqqflBmGAic9nSJoKmldyKTh35mnj7p0_G5WfSWOplBVuRAHU7Ar8cDY4d0hxDA8ktH8/s64-no/RSS-MiniSoft.png" /></a>
<a href="
رابط جوجل بلس" target="_blank" title="
Google+"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg17ZEno8tR2fTbcAqWCTRMCiGUNRXU4L6ieOAFdo_AzvH6-tlxjJLRcjecKtc6rJl_BEoY-AzVBGn2MFjfec6Y-7f59n2eWT9VNbeNryVpkHJxi8M6MYa64IvVYp32ozvepDJ8ibQCVtk/s64-no/GooglePlus-MiniSoft.png" /></a>
</div>
ضع روابط الفيس وتيوتر ويوتيوب والخلاصة وجوجل واضغط حفظأما ما ظُلل بالاحمر فهو الكلمة التي تظهر عند وقوف مؤشر الفأرة على الايقونات |
| لتبقى الآداة في النهاية بهذا الشكل الرائع |
تم بحمد الله
إرسال تعليق