اعزائنا متابعى مدونه عالم جوجل من أهم طرق نشر المدونات وجلب الزوار لها هى مواقع التواصل الاجتماعى مثل جوجل بلاس والفيس بوك وتويتر .
يجب عليك ربط مدونتك بصفاحات التواصل الاجتماعى الخاصه بها والاشارة الى تلك الصفحات على مدونتك حتى يستطيع زائر مدونتك متابعتك عن طؤيث مواقع التواصل الاجتماعى المختلفه .
وفى هذه التدوينه سوف نشرح لكم .
كيفيه وضع كود تابعونا على المواقع الاجتماعيه للمدونه
بشكل جميل وجذاب كما هو فى مدونه عالم جوجل
الخطوات
- نذهب الى قائمه تخطيط كما سبق وان شرحنا فى تدوينه سابقه
ونضغط على إضافه أداه " بحيث ان تكون اداه فى القائمه الجانبيه فى المدونه "
- ستفتح لك قائمه أخرى نختار منها اضافه HTML/javascript
بعد الضغط عليها ستفتح لنا مربع لاضافه كود
نضع به هذا الكود
<div class='widget-content'>
<style>p#hb_socialicons img {
/* Social Icons Widget By iconwpic.blogspot.com */
-moz-transition: all 0.50s ease-in-out;
-webkit-transition: all 0.50s ease-in-out;
-o-transition: all 0.50s ease-in-out;
-ms-transition: all 0.50s ease-in-out;
transition: all 0.50s ease-in-out;
}
p#hb_socialicons img:hover {
-moz-transform: rotate(250deg);
-webkit-transform: rotate(250deg);
-o-transform: rotate(250deg);
-ms-transform: rotate(250deg);
transform: rotate(250deg);
}
/* Social Icons Widget By iconwpic.blogspot.com */
</style>
<center>
<p id="hb_socialicons">
<a href="رابط صفتحك على الفيس بوك" target="_blank">
<img border="0" src="http://4.bp.blogspot.com/-fMoUU-D44fU/UXx-M91SYTI/AAAAAAAABAA/Hge4QoIf9MA/s1600/facebook.png" /></a>
<a href="رابط صفحتك على تويتر">
<img border="0" src="http://3.bp.blogspot.com/-WHMcE1Tn-n0/UXx-N1QcCzI/AAAAAAAABAM/PfnRhM5xNu4/s1600/twitter.png" /></a>
<a href="رابط صفحتك على جوجل بلاس" target="_blank">
<img border="0" src="http://3.bp.blogspot.com/-Yuv8C1jJ9h0/UXx-NoxvzMI/AAAAAAAABAE/2IjFbS0nZww/s1600/googleplus.png" /></a>
<a href="رابط خلاصه مواضيعيك">
<img border="0" src="http://1.bp.blogspot.com/-A_XjgOqh_hw/UXx-NFriOzI/AAAAAAAAA_8/DyhzO9Evb20/s1600/rss.png" /></a>
<a href="رابط قناتك على اليوتيوب" target="_blank">
<img border="0" src="http://1.bp.blogspot.com/-v-weAgmXi00/UXx-OvVkajI/AAAAAAAABAY/4AMzY8YbrWs/s1600/youtube.png" /></a>
</p>
</center>
</div>
- بعد وضع الكود فى المربع الخاص به قم بتغيير ما باللون الاحمر الى الروابط الخاصه بك
- ثم إضغط على حفظ
- اضغط على حفظ الترتيب أعلى الصفحه
والأن إذهب إلى المدونه وشاهد الأداه الجديدة بشكلها الرائع كما هى فى مدونتنا عالم جوجل .
نتمنى ان تنال هذه الاداه على اعجابكم وان يكون الشرح سهل وبسيط
انتظرونا فى التدوينات القادمه