شرح إضافة أزرار المواقع الإجتماعية لمدونة بلوجر

تدوينة بعنوان :

شرح إضافة أزرار المواقع الإجتماعية لمدونة بلوجر

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

 

شرح الإضافة 

أولا نقوم بالدخول إلى المدونة تم من القائمة نختار تخطيط 

كما في الصورة

تم نختار إضافة أداة كما في الصورة 

تم نختار أداة HTML/Javascript

كما في الصورة 

تم نقوم بلصق الكود التالي ووضعه في المكان المشار له في الصورة التي بعد الكود 

<style>p#hb_socialicons img { /* Spinning Social Icons Widget By www.4we-eb.blogspot.com */ -moz-transition: all 0.4s ease-in-out; -webkit-transition: all 0.4s ease-in-out; -o-transition: all 0.4s ease-in-out; -ms-transition: all 0.4s ease-in-out; transition: all 0.4s ease-in-out; } p#hb_socialicons img:hover { -moz-transform: rotate(120deg); -webkit-transform: rotate(120deg); -o-transform: rotate(120deg); -ms-transform: rotate(120deg); transform: rotate(120deg); } /* Spinning Social Icons Widget By www.4we-eb.blogspot.com */ </style> <center> <p id="hb_socialicons"> <a href="http://www.facebook.com/arabe.face"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4HEQIXAhuQByoSjvwW4H1QVpPDD5hXtx6AtlUvSVJBWe7VRtjxUfjJiNQODYklSp-CccY7xyVzcyboosSIfbL0WAXOn8EMlno2ctfU8ZDc-yBslgpH2xgwb3r-fAmQkJD6DDJXTGIExI/s1600/helperblogger.com-facebook.png" /></a> <a href="https://twitter.com/hespresse"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9bxc-0CUITWkHbzAlFykPRPjL89ImqsgaIKUTOtGOJq5gq2qoSeowtlLJQV3TEz39i-9u8y42RUv6UcgFzVa4N6l958lG8BLTG4YMYNJ_6zZ55Rg9OO7UjP-_WKz8aMEQLqs_JyqqYwU/s1600/helperblogger.com-twitter.png" /></a> <a href="https://plus.google.com/106167856933590362743/posts?hl=ar"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjTK9Oo3A151Rzy_KDgWjQUU8l-EEmsEEFaItCu1RLqBnMDnM26QV1JFmvq-OTmTAvVsmcv6Jq4s9LFa3ElD3xCedED1tGt0UOemN2b4fjn1jsQtYGAmwmfUJg9N1LO35R_N8q14Kd9Is/s1600/helperblogger.com-google_plus.png" /></a> <a href="http://tariqok.blogspot.com/feeds/posts/default"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjqwLxWPUX87vso25YwHuncu2YrVsJQNTTjFTiPMNg89jKbbvPqM4NAOuh2OjHB5Pb0Er1idhwOsOqJ9p0INYiZr_nN1DItAX-Yq3M-LYcrjUsWZLRNWwZvv5125e8imGWxVgyyEGr363Q/s1600/helperblogger.com-rss.png" /></a> <a href="http://www.youtube.com/profel55"> <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhF1yP9RkDcW58X0VVbxozOvuJU3WMbpbdEjccVN9aGgIOWc_x6IltqKcK4MrDHs0ZJNhsldzUO-s5jAYoTmawAgrnna8Svs2V2VMoblJvi8bPu68w8HqNwAe1fI2IszCD7du7HK79VFYQ/s1600/helperblogger.com-youtube.png" /></a> </p> </center>

قبل وضع الكود في مكانه يجب أولا التعديل على روابطه 

تم نضيفه ونضغط حفظ تم نسحب الأداة إلى أي مكان نريد في المدونة 

ونلاحظ بعدها أن الأداة قد ظهرت على المدونة ..

إنتهى شرحي أتمنى أن يكون وافيا ومستوفيا لفهمكم للموضوع المشروح 

لأي إستفسار أترك تعليقا أسفل المدونة

إدعمونا بمشاركة الموضوع

شاركها