ايقونات المواقع الاجتماعية فيسبوك جوجل بلس يوتيوب فيد الخلاصة تويتر اضافة المواثع الاجتماعية على المدونات بلوجر كود اضافة المواقع الاجتماعية
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>
ضع روابط الفيس وتيوتر ويوتيوب والخلاصة وجوجل واضغط حفظأما ما ظُلل بالاحمر فهو الكلمة التي تظهر عند وقوف مؤشر الفأرة على الايقونات |
لتبقى الآداة في النهاية بهذا الشكل الرائع |
تم بحمد الله
التعليقات