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


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

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

 بشكل جميل وجذاب كما هو فى مدونه عالم جوجل

الخطوات



ونضغط على إضافه أداه " بحيث ان تكون اداه فى القائمه الجانبيه فى المدونه "
  • ستفتح لك قائمه أخرى نختار منها اضافه 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="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjj16MLdpVgHubmX0sHzG_snHl_MS_CqrekBO2nSvfC8WKMJ-sRX_YbtahqMs_BkhfPa78a1k6R3qcW_OpJT7dfmXBfCtdYjUbDe7HorNt9sOmkE8oQ6s7Ss46NHcUwXK5ZTuAFmwB2u8CV/s1600/facebook.png" /></a>
    <a href="رابط صفحتك على تويتر">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgi7dQUBSx64HnBSm7IWARGvKiTEtowL09GU1ufL-ChflXlWL5-luTHU-6Hh2gfXdTB7oPSETcCYBuI_g1yqNjHTwbQBCqnW6CWHR_Ra_y53z3j9DiD8VAdv5fVC9fiGNBl65ISO9gPwfoV/s1600/twitter.png" /></a>
    <a href="رابط صفحتك على جوجل بلاس" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj4p45ohl5kyQ3Yb3XFhcFoxauu7Ajp044WsY6E-Qsstde0Ks5EeqGQOD1FeU0e9rTFUmGVdBOKSCZTSqInQYxlNYJ5MDkVkeWAwz-GcTVVsNhGdOvZtl-JXL0bS4TzOL2hm50qMQ2B1WT8/s1600/googleplus.png" /></a>
    <a href="رابط خلاصه مواضيعيك">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmqBe-O2Mvg2W8OHM5saDjW811OIOagYcuT6DyL3tyaFarrfmLbp4oiAv6DtXpGyZ1ai-ie4KVJrJvt2vozuHbwxXcIRcicZx4kmRwdsxdfnkU9uSBZzfXIfjIhLljoYyhYuZRXy1t_ytD/s1600/rss.png" /></a>
    <a href="رابط قناتك على اليوتيوب" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiprzQupoYbSXBWGub5-udQWQOQ8MrKAe2hMxOKK7mdL9s6Cdwwxy23JN_LCnn5D7SHKISL1ShqA5JgHSEm2Po1AwbC2St-l3XXN53JU7mPtDN1iWq4Pcr_atAOyfhrSwxnNDT48PQkhbfK/s1600/youtube.png" /></a>
</p>
</center>
</div>
  • بعد وضع الكود فى المربع الخاص به قم بتغيير ما باللون الاحمر الى الروابط الخاصه بك
  • ثم إضغط على حفظ
 
     
    • اضغط على حفظ الترتيب أعلى الصفحه
    والأن إذهب إلى المدونه وشاهد الأداه الجديدة بشكلها الرائع كما هى فى مدونتنا عالم جوجل .
    نتمنى ان تنال هذه الاداه على اعجابكم وان يكون الشرح سهل وبسيط


    انتظرونا فى التدوينات القادمه

    11 Comments

    مشكور يا اخ وتمت
    http://thoughtsloverz.blogspot.com/

    الشكر لله اخى وشكرا على مرورك الكريم

    شكرا لك اخي الكريم والله كنت ابحث عن هذه الاضافة من زمان

    الشكر لله اخى
    شرفنى مرورك الكريم

    شكرا ولله شرح مفيد

    الشكر لله شرفنى مرورك الكريم

    مشكور اخي بارك الله فيك

    مشكور اخي بارك الله فيك

    الشكر لله اخى وشرفنى مرورك الكريم

    مشكور اخي الكريم


    الإبتساماتإخفاء