معهد خبراء بلوجر - أيقونات المواقع الاجتماعية لمدونات بلوجر وكيفية تخصيصها

السلام عليكم ورحمة الله تعالى وبركاته .
تعتبر ايقونات الامواقع الاجتماعية من أهم الاضافات التي يبحث عنها الزائر من أجل ربط حساباته في المواقع الإجتماعية بمدونته .
لذالك في هذا الموضوع ستجد الطريقة لكي تضفها أنت كذالك الى مدونتك .

معاينة الأزرار

الطريقة :

من لوحة التحكم اتجه الى تخطيط
اضغط على اضافة أداة 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>

المصدر : http://4we-eb.blogspot.com/2013/02/blog-post_24.html