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/AVvXsEhpBq-lgi0uprYSnN5HeLGjDKH-aeHJvDderpHj4rwZmJbqsDXWL5Wll8vRXog6_gVvNsyWce98zSYZ75Wz9w2E2GDpeJyfnTnULHXqBIK4lR8anMzdlEc_pbeQChPQEFzWDLjHR92jvGM/s64-no/Facebook-MiniSoft.png" /></a>
<a href="
رابط تويتر" target="_blank" title="
Twitter"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8oEJlk5CMcbJZXia839cuuRGc6BvTThkg3aIgQcgZ2CJo7k8auP8J7faiF1UxLwGT5S1_KALySOp4jrw9UhTrM9E2AHh0x6AzK9ZPQqeJPmpffsnjQxW4QiP8nDcBW-km0oQDPTHBmjI/s64-no/Twitter-MiniSoft.png" /></a>
<a href="
;رابط يوتيوب" target="_blank" title="
YouTube"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEinquOf57_Iio1ttbBpBjcSCOx6dpfUSx0QZOOVqgnugdxwVA8FqMLkOiUZQO9YpcNaTC47UAGYkXlcmqqRogrjnsgLftlJpu3VeGrkrCe0-YztivqXg2Wk76SiT_P_B5IyRaNVeoUlrxs/s64-no/YouTube-MiniSoft.png" /></a>
<a href="
رابط الخلاصة" target="_blank" title="
Feed"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjyfBVkCL_8lmFHgxae_tnRhtL5xcS_InEFkGwEX86jSD9y9ViV2b7YRTL3JxTLpyfnKr7B89g9ZfYoMT_KBEmwEVf1T_GHtAYKeK_z6ig_6ZLjgER9hsDT022cAI0V3L4nIVb_kEqH9uU/s64-no/RSS-MiniSoft.png" /></a>
<a href="
رابط جوجل بلس" target="_blank" title="
Google+"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgo9fJsERugkRZ4h_UCHMLj2DSWfuFj7T-JY6HtuyTF_YrJaSg1tal2Z5X2kYT3RanlxzUzzsH53LeC8qwwjtl2N1r2FRelS_mLUPCdE_7xA0l_KbEMyNoPmnP77jpR6kbdn2uMRkgepwM/s64-no/GooglePlus-MiniSoft.png" /></a>
</div>
ضع روابط الفيس وتيوتر ويوتيوب والخلاصة وجوجل واضغط حفظأما ما ظُلل بالاحمر فهو الكلمة التي تظهر عند وقوف مؤشر الفأرة على الايقونات |
| لتبقى الآداة في النهاية بهذا الشكل الرائع |
تم بحمد الله
إرسال تعليق تعليقات الموقع تعليقات فيسبوك