أيقونات صفحات التواصل الإجتماعي

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

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

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

الخطوات


ونضغط على إضافه أداه " بحيث ان تكون اداه فى القائمه الجانبيه فى المدونه "
  • ستفتح لك قائمه أخرى نختار منها اضافه 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/AVvXsEj1ToUCpum1moAumgD5-oJRzW0njZG85Zbi1E4dfG8Fuc54zkcwqN-Miu7siwtyqFtAQN281tA2Jk0b5MwEHGfgYjqHfU8MeARPzsA-TRU1UQakckh3PRL1kItGKlvoAaejoR8pAQECr_WY/s1600/facebook.png" /></a>
    <a href="رابط صفحتك على تويتر">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio3tcPsq_HPuzUrj9DVxQm1Qs7Hj_vXoJV0v4fVCzigJi6fW_ViilOLlbKhfs0tNbjs6EXAb6XjsbHQYO-rHK7wKC_AKNklxG90ZBS3xR1Ifsn6ugXSwvh5CyBt2Wy7276kN3CCqBFMeJc/s1600/twitter.png" /></a>
    <a href="رابط صفحتك على جوجل بلاس" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB01EMwqVU8IWHLHQor1xCsokGblRaPNUEp86_6zUiOpgCQRMoImGJ-NoodTNPC9sn3CnN5vTJyLrS1uoDOI-4oQvG_Xjv9lX2m3AOS3FOyC0UNbPcVy2R9Qb4PYynR6fho_nyMl_Xmgqe/s1600/googleplus.png" /></a>
    <a href="رابط خلاصه مواضيعيك">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLmO2KL6IxQbYvxvQ54BadR9d_JiQ_ea0FbJXXKadFD3o907KW1aJGS_HZNynSNY3GaQpstkstBotxDmOltB6O8en_jfTQSgBmINKgP27AF9tlM1C4rNE6bGExCv0oCmzHXjClsn5sv1_s/s1600/rss.png" /></a>
    <a href="رابط قناتك على اليوتيوب" target="_blank">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZAdoPLCxazGSRdC7umMKVFf5vQQig_3hMd0SUqll937jGuwvbl0WxOlGtIje2AIyI0Rg7ukJDwy-TO0TFsd3rb0cbqZ-90KEwXygFzS3zV4JdrkVoGX02UX_liKi9fFEL3woSYKozuwAW/s1600/youtube.png" /></a>
</p>
</center>
</div>
  • بعد وضع الكود فى المربع الخاص به قم بتغيير ما باللون الاحمر الى الروابط الخاصه بك
  • ثم إضغط على حفظ
 
     

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



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

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

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

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

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

    الخطوات


    ونضغط على إضافه أداه " بحيث ان تكون اداه فى القائمه الجانبيه فى المدونه "
    • ستفتح لك قائمه أخرى نختار منها اضافه 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/AVvXsEj1ToUCpum1moAumgD5-oJRzW0njZG85Zbi1E4dfG8Fuc54zkcwqN-Miu7siwtyqFtAQN281tA2Jk0b5MwEHGfgYjqHfU8MeARPzsA-TRU1UQakckh3PRL1kItGKlvoAaejoR8pAQECr_WY/s1600/facebook.png" /></a>
        <a href="رابط صفحتك على تويتر">
    <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio3tcPsq_HPuzUrj9DVxQm1Qs7Hj_vXoJV0v4fVCzigJi6fW_ViilOLlbKhfs0tNbjs6EXAb6XjsbHQYO-rHK7wKC_AKNklxG90ZBS3xR1Ifsn6ugXSwvh5CyBt2Wy7276kN3CCqBFMeJc/s1600/twitter.png" /></a>
        <a href="رابط صفحتك على جوجل بلاس" target="_blank">
    <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjB01EMwqVU8IWHLHQor1xCsokGblRaPNUEp86_6zUiOpgCQRMoImGJ-NoodTNPC9sn3CnN5vTJyLrS1uoDOI-4oQvG_Xjv9lX2m3AOS3FOyC0UNbPcVy2R9Qb4PYynR6fho_nyMl_Xmgqe/s1600/googleplus.png" /></a>
        <a href="رابط خلاصه مواضيعيك">
    <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiLmO2KL6IxQbYvxvQ54BadR9d_JiQ_ea0FbJXXKadFD3o907KW1aJGS_HZNynSNY3GaQpstkstBotxDmOltB6O8en_jfTQSgBmINKgP27AF9tlM1C4rNE6bGExCv0oCmzHXjClsn5sv1_s/s1600/rss.png" /></a>
        <a href="رابط قناتك على اليوتيوب" target="_blank">
    <img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjZAdoPLCxazGSRdC7umMKVFf5vQQig_3hMd0SUqll937jGuwvbl0WxOlGtIje2AIyI0Rg7ukJDwy-TO0TFsd3rb0cbqZ-90KEwXygFzS3zV4JdrkVoGX02UX_liKi9fFEL3woSYKozuwAW/s1600/youtube.png" /></a>
    </p>
    </center>
    </div>
    • بعد وضع الكود فى المربع الخاص به قم بتغيير ما باللون الاحمر الى الروابط الخاصه بك
    • ثم إضغط على حفظ
     
       

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



       انتظرونا فى التدوينات القادمه
      شروحات بلوجر

      ليست هناك تعليقات

      الاشتراك في: تعليقات الرسالة (Atom)