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/AVvXsEipdFHGAZlyn0wyx6VgfVdUXf5zgsXBbRk7JBApUswA_wrL9hKHvGQzNkt_RIvh9kvw71DD6V019oTV2tpR8af4t1URY8IWvHEXpxy6irCesCNHPOekqYaIoGMiRh8OCRQkwBtxA2VCrN8/s64-no/Facebook-MiniSoft.png" /></a>
<a href="
رابط تويتر" target="_blank" title="
Twitter"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgteU9MiPEsxFxXxaZjp8Cydf9RlC2TRVohGyAFjhKl_k0y9gqCHK3gGgvKmJoH68vkQ9qTDVvInfNrJ7X09YnrJzpbEP-wXSUvoTJ4t1Ro5kaRBZWkj_jF2_rJ93TuZd32EbBDsFv6hbo/s64-no/Twitter-MiniSoft.png" /></a>
<a href="
;رابط يوتيوب" target="_blank" title="
YouTube"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCUsN5Ri6fK5GhAPmAvaPhi9LnmTOTXF2_otUh6hotcg3_s7tBA8kVjJFH3B8j_s61wjw-tEyecX4eOHOMQJVlvEB5OL3N0-HRehjykGCQgBqoe-4AUpQlRAIl-nurfl_o-XWwGH_m0nI/s64-no/YouTube-MiniSoft.png" /></a>
<a href="
رابط الخلاصة" target="_blank" title="
Feed"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiKnQSESvVEWE4fjulBsi_tXorqufVbWPKtnv30NX7CdHi5gxPMzP6M1Qmw1UTTxm1Si2pyYLPPpHu8CdiMrmYA-1qOvwPGKFMy4YKPM9XGH1p5ZkzAuUoNSxSmpEe7WwExTAja8vuyBMg/s64-no/RSS-MiniSoft.png" /></a>
<a href="
رابط جوجل بلس" target="_blank" title="
Google+"><img class="Mini-Soft" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhDLDdeMGrTuOaS-gUliNVZFRgqGl1DSZndRUBtJknpzgMM92Kom5hloguwrNzsJ8w1FTXKVXvUakPH5MjQafuFK3Bxnuu3p4rbsAX6yW9JbedmKshtYGIbbLgggMSOJ6DEs-LRla3kNvs/s64-no/GooglePlus-MiniSoft.png" /></a>
</div>
ضع روابط الفيس وتيوتر ويوتيوب والخلاصة وجوجل واضغط حفظأما ما ظُلل بالاحمر فهو الكلمة التي تظهر عند وقوف مؤشر الفأرة على الايقونات |
| لتبقى الآداة في النهاية بهذا الشكل الرائع |
تم بحمد الله
علق على هذا الموضوع تعليقات الموقع تعليقات فيسبوك تعليقات Disqus