اضافة شريط المواقع التواصل الاجتماعي ثابت لبلوجر


في هذا الدرس سأشرح كيفية إضافة شريط مواقع التواصل الاجتماعي الثابت للمدونة. باستخدام هذا الشريط الجانبي يمكنك ربط الفيسبوك، تويتر جوجل بلس.
 كيفية اظافة الاداة:
1. تسجيل الدخول إلى Blogger
2. الآن انتقل الى "التخطيط"

3. انقر فوق إضافة أداة واختر HTML/Javascript
4. تم قم بلص الكود التالي
<style>
.fixedmenu{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiman2Em20vIDN5zxN23b7xFx-9eZzoah71neUCZpPIITlShHN-Uav-Ufm4tUiXflgi7cO6Hdmi9-ngs1wbZmvv7R0C4Mg7hCgYPw2SaGGrAFnQWA1M8G0vcmIBI3ig2F-NQme051O8yXM/s1600/facebook.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:160px; z-index:1000;}
.fixedmenu1{ background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEijMBumZxhb8liGN8Z0FyqUX9Ruhc2sQKsuLeXeBnbt0mhdLNfmzXLdpwQpztC0YRKP0S1KpBonO9K4XUYEb_6_xsm58myWc8AtznNAIvrdD0RQgnAuFPX-6VBU9sbPxJigGxT3XtWfC6w/s1600/facebook-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:160px; z-index:1100;}
.fixedmenu_1{margin:0px 0 0 43px}
.fixedmenutw{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjwZE6v7-LZsUDeS9OFnkBU_gylshS_QmDt9_Eo8rts5bZu1InTH-dg8Icgu_O7hFYePTH7-UD3gsSlWGPO2HPGcQXPI1Mpa5OT-K0zlmApGG84a59Ehvgt0AmwQFh8RbvE7HtA3uUg2Tg/s1600/twitter.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:205px;z-index:1000;}
.fixedmenutw1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjrpvy6yGtNIcmwEaT-Ib1w46U6nNf8jBa2CKCBq1v3_5nFeIVOJS0-JByGGtptLWz3JV0-ubXsdmWuqAp5PpyE179aZECEbiTi6qxOt4DbsmKf3VM8ufM_rcZLf-ZsOwNWAYkusGZBoIQ/s1600/twitter_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:205px; z-index:1100;}
.fixedmenutw_1{margin:0px 0 0 43px}
.fixedmenufb{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgkJw4qTfNtPxLKnJsFpH_B14IzIUjSIvreKTEeCA0tFB2fEWVIP-u_BZdDJrE0VL6hAdL4jpWXrRBPBF94-dDmpmFnuqiOHT13nN8YzfXRPfN-uXbWmq2odJuACc8zQllw9zLfr2yEaGI/s1600/Gplus.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:250px; z-index:1000;}
.fixedmenufb1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjRAO9ko44aOQ99DhjW7Y4KIexf_HcjOwJFbDKHlwbDLpdNo8TEvBLcQF2-hrSisGrtXImn_K37wNwye6-LUETpE8eA6BnU9ZG9KccivBQqDei7eCze1FCmFVIp7KgLUiG8MBu6UlK43n4/s1600/Gplus_hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:250px; z-index:1100;}
.fixedmenufb_1{margin:0px 0 0 43px}
.fixedmenurss{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFljjVLzxCuRUksvPpdImDGdYNohIFp2qsD5TKea5TdEXZD35g65fP6ruTazknQaKxxBOCZNSHduxqlUk1MIdrlMIx77ksi_2qNzKlYkwAI1uN1ODLTVpEAK5VI5OKmrYcxKeQfo0vQKw/s1600/rss.png');background-repeat:no-repeat;width:43px;height:43px;position:fixed;right:0px;top:295px; z-index:1000;}
.fixedmenurss1{background:url('https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEg564zgciWnLfEnc_VrcBmqNXw_-1snQrCHAdM_Ra-YwYIz5ANc9eOPAXvzrfE3T678vR8Pekpv4kK2wgyoYQ2uf7rZ-tVJ46AZeCeZNg2YPLhMNlhkSLhXP2jMPAiaDcTw5CQJmjWwYic/s1600/RSS-hover.png');background-repeat:no-repeat;width:150px;height:43px;position:fixed;right:0px;top:295px; z-index:1100;}
.fixedmenurss_1{margin:0px 0 0 43px}
</style>
<div class='fixedmenu' onmouseout='this.className=&apos;fixedmenu&apos;' onmouseover='this.className=&apos;fixedmenu1&apos;'><div class='fixedmenu_1'>
<a href='https://www.facebook.com/reve.ixi' target='_blank'><img alt='Like us on Facebook' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQdh2rQBijuNLoupJ_Pt_yDJFrPxxG-_IbkA2pDFhwalJR-poWbFM6E7cQwsFbYUqk02jwxeVNyRRxFRvKSTuGOma8HHdwlR4E-qEemyXfMlGiJWlrhk4MK9d3o52M7rXGA_KCKj8d678/s1600/facebook-hover1.png' title='Like us on Facebook'/></a><br/>
</div></div><div class='fixedmenutw' onmouseout='this.className=&apos;fixedmenutw&apos;' onmouseover='this.className=&apos;fixedmenutw1&apos;'><div class='fixedmenutw_1'>
<a href='https://twitter.com/reveixi' target='_blank'><img alt='Follow us on Twitter' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh7jlVLqymTbtYAzy4XZmkwUgLvPw12tKxE7ZqRU-8-oAJlM5ETXuiAlEYt18nM0v_wS2IjyqikNVx7ObIKQkxGmzKaSdyQc53LoNnCQ8a6omOGdiyLGc-j2tPzhibu99hWfyLM1aHwZpI/s1600/twitter_hover1.png' title='Follow us on Twitter'/></a><br/>
</div></div><div class='fixedmenufb' onmouseout='this.className=&apos;fixedmenufb&apos;' onmouseover='this.className=&apos;fixedmenufb1&apos;'><div class='fixedmenufb_1'>
<a href='https://plus.google.com/ID' target='_blank'><img alt='Recommend us on Google Plus' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh2NPztlSI4J-cq-Hr-CWy5CgeoQuNxdhZLNvQlCacPrx5iCYX0_zisKm8sw5jsrRHCt8rXajour0dcdnqvR8DBnARkddaen8POyqPdEz5yklmYGadqOmvdK8KMvPZuiaMwfLW1bPH3MDQ/s1600/Gplus_hover1.png' title='Recommend us on Google Plus'/></a><br/>
</div></div><div class='fixedmenurss' onmouseout='this.className=&apos;fixedmenurss&apos;' onmouseover='this.className=&apos;fixedmenurss1&apos;'><div class='fixedmenurss_1'>
<a href='http://feeds.feedburner.com/reve-ixi target='_blank'><img alt='Subscribe me on RSS' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjHb68qRFGMyaV8TXeigj3LgukIwN8Mhfe99uomJd2Yv0TY1picYguDpYi7aY_ZzwImhUFpCKfiQ7zRk8NgXT-lsN8jlGbX5zhIrTLihFH2nDKJoDSgkttdd15_tU7iTMNewIpZqdgVsxE/s1600/RSS-hover1.png' title='Subscribe me'/></a><br/>
</div></div>

استبدال reve.ixi  باسم المستخدم الفايس بك
استبدال reveixi اسم المستخدم بك تويتر
استبدال ID الخاص بك في جوجل بلس
استبدال reve-ixi باسم rss مدومتك

5. الآن احفظ الاضافة
     الانتهاء ...
إذا كان لديك أي مشاكل فيما يتعلق بهده الاضافة ظعها في التعليق
إرسال تعليق