السلام عليكم ورحمة الله تعالى وبركاته .
تعتبر ايقونات الامواقع الاجتماعية من أهم الاضافات التي يبحث عنها الزائر من أجل ربط حساباته في المواقع الإجتماعية بمدونته .
لذالك في هذا الموضوع ستجد الطريقة لكي تضفها أنت كذالك الى مدونتك .
معاينة الأزرار
الطريقة : - من لوحة التحكم اتجه الى تخطيط
- اضغط على اضافة أداة Add Gadget
- أختر أداة HTML/Javascript
- ثم الصق الكود الموجود أسفل ثم اضغط على حفظ .
الكود :
كود بلغة HTML:
<style> /* Social Icons ----------------------------------------------- */ a.social-icons { margin-right: 5px; /*Adjust This Value As Needed*/ height:45px; width:45px; } a.social-icons:hover { opacity: .7; filter:alpha(opacity=70); /* For IE8 and earlier */ } height:45px; width:45px; </style> <a class="social-icons" href="https://facebook.com/4we-eb"><img src="http://2.bp.blogspot.com/-0UOzHUdczG4/USDjuyJCndI/AAAAAAAAAY8/5nN8AcBcvHs/s1600/Bloggertrix-facebook.png" /></a> <a class="social-icons" href="https://twitter.com/4weeb"><img src="http://2.bp.blogspot.com/-H-E4Ll7i2-0/USDjw3bxgVI/AAAAAAAAAZc/a2kMp8rGRVU/s1600/bloggertrix-twitter.png" /></a> <a class="social-icons" href="https://plus.google.com/4weeb"><img src="http://3.bp.blogspot.com/--KlnPhT6pRA/USDjvgwOluI/AAAAAAAAAZM/_O8TI0WivQk/s1600/Bloggertrix-Googleplus.png" /></a> <a class="social-icons" href="http://www.feedburner.com/4weeb"><img src="http://2.bp.blogspot.com/-kXhnrJzlA_A/USDju5hXjPI/AAAAAAAAAZA/x6NdMR0JFhQ/s1600/Bloggertrix-Rss.png" /></a> <a class="social-icons" href="http://pinterest.com/4weeb"><img src="http://1.bp.blogspot.com/-iv1pKDx2qxg/USDjwH6dBHI/AAAAAAAAAZU/6aBgMmf8RgY/s1600/Bloggertrix-pinterest.png" /></a>
</div>
تخصيص الكود :- غير 4we-eb الى اسم حسابك في facebook
- غير 4we-eb الى اسم حسابك في twitter
- غير 4we-eb الى اسم حسابك في Googleplus
- غير 4we-eb الى اسم حسابك في feedburner
- غير 4we-eb الى اسم حسابك في pinterest
طريقة حذف أيقونة لا تريد استخدامها :
اذا كنت لا تستعمل موقعا اجتماعيا موجود في الإضافة وتريد حذف أيقونته اتبع الطريقة التالية :
فمثلا أنا اريد حذف أيقونة pinterest لأنني لا استعمله ، احذف الكود الخاص به . والأكواد هي كالآتي :
الكود الخاص بموقع facebook :
كود بلغة HTML:
<a class="social-icons" href="https://facebook.com/4we-eb"><img src="http://2.bp.blogspot.com/-0UOzHUdczG4/USDjuyJCndI/AAAAAAAAAY8/5nN8AcBcvHs/s1600/Bloggertrix-facebook.png" /></a>
الكود الخاص بموقع twitter :
كود بلغة HTML:
<a class="social-icons" href="https://twitter.com/4weeb"><img src="http://2.bp.blogspot.com/-H-E4Ll7i2-0/USDjw3bxgVI/AAAAAAAAAZc/a2kMp8rGRVU/s1600/bloggertrix-twitter.png" /></a>
الكود الخاص بموقع Googleplus :
كود بلغة HTML:
<a class="social-icons" href="https://plus.google.com/4weeb"><img src="http://3.bp.blogspot.com/--KlnPhT6pRA/USDjvgwOluI/AAAAAAAAAZM/_O8TI0WivQk/s1600/Bloggertrix-Googleplus.png" /></a>
الكود الخاص بموقعfeedburner :
كود بلغة HTML:
<a class="social-icons" href="http://www.feedburner.com/4weeb"><img src="http://2.bp.blogspot.com/-kXhnrJzlA_A/USDju5hXjPI/AAAAAAAAAZA/x6NdMR0JFhQ/s1600/Bloggertrix-Rss.png" /></a>
الكود الخاص بموقع pinterest :
كود بلغة HTML:
<a class="social-icons" href="http://pinterest.com/4weeb"><img src="http://1.bp.blogspot.com/-iv1pKDx2qxg/USDjwH6dBHI/AAAAAAAAAZU/6aBgMmf8RgY/s1600/Bloggertrix-pinterest.png" /></a>