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://lh4.googleusercontent.com/-3pQUvuCwFIQ/Ug42MCetdZI/AAAAAAAACiU/qLBXRpojsz8/s64-no/Facebook-MiniSoft.png" /></a>
<a href="رابط تويتر" target="_blank" title="Twitter"><img class="Mini-Soft" src="https://lh6.googleusercontent.com/-AIRMC7I3Lro/Ug42NfEa3xI/AAAAAAAACiw/XHLI8XHHt5g/s64-no/Twitter-MiniSoft.png" /></a>
<a href="رابط يوتيوب" target="_blank" title="YouTube"><img class="Mini-Soft" src="https://lh3.googleusercontent.com/-SRrFj72B6p0/Ug42M5eRTxI/AAAAAAAACik/4r6TDaG8mg0/s64-no/YouTube-MiniSoft.png" /></a>
<a href="رابط الخلاصة" target="_blank" title="Feed"><img class="Mini-Soft" src="https://lh6.googleusercontent.com/-Z4Uvzq8mCXc/Ug42MJw7KXI/AAAAAAAACio/zxaqrXVRYcg/s64-no/RSS-MiniSoft.png" /></a>
<a href="رابط جوجل بلس" target="_blank" title="Google+"><img class="Mini-Soft" src="https://lh3.googleusercontent.com/-y3KK3W38gU8/Ug42MX410II/AAAAAAAACig/ipG6hv41IGU/s64-no/GooglePlus-MiniSoft.png" /></a>
</div>
ضع روابط الفيس وتيوتر ويوتيوب والخلاصة وجوجل واضغط حفظأما ما ظُلل بالاحمر فهو الكلمة التي تظهر عند وقوف مؤشر الفأرة على الايقونات
|
لتبقى الآداة في النهاية بهذا الشكل الرائع |
تم بحمد الله
إرسال تعليق Blogger Facebook