الرئيسية » بلوجر » طريقة إضافة مواقع التواصل الإجتماعي للمدونة

طريقة إضافة مواقع التواصل الإجتماعي للمدونة

5:58 ص

إضافة مواقع التواصل الإجتماعي الى المدونة أصبح اليوم شبه حتمي حيث تصبح بهذا للمتابعين أن يبقوا على إطلاع دائم بكل ماهو جديد في المدونة

في هذا الموضوع ستنطرق بإذن الله الى كيفية إضافة مواقع التواصل الإجتماعي بشكل أنيق وإحترافي, الطريقة سهلة كل ماعليك فعله هو إتباع هذه الخطوات:

1-قم بتسجيل الدخول الى مدونتك على blogger ثم إختر المدونة التي تريد وإضغط على السهم ومن ثم على التخطيط

2-إختر أي مكان تريده وإضغط على إضافة أداة

3-إختر أداة HTML/JavaScript

4- أكتب ما تريد في خانة العنوان (مثلا: تابعنا على:) أو بإمكانك تركها فارغة وأما في خانة المحتوى إنسخ الكود التالي وألصقه:

<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="رابط حسابك في الفيسبوك">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiCQV0YTz0x_MTCSEZ7S880k2tVc4wpBZdDXxwzWZm5kB9lZvVNE4MIb_R5M98CEhzfSF4dch1WH9c7XJ2aauouVg8Q3FieSy1CycGhw3h3-_q88N_FsOudOStNSztHhovXjn8TuPAb5Mg/s1600/helperblogger.com-facebook.png" /></a>
    <a href="رابط حسابك في تويتر">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiFYlFpKqtS1w2NU0I7BJNEgq6KT48sY4Oy_BKXa3mdYNI5rLlHL1FdRQf6irQD2zBBl_B6T37exQDR__kjUN90ZXsQeZLqiNzbHP2HWVJbDX44lXfaeCzY3FVW3d0rFNshMFlvN0hwfE/s1600/helperblogger.com-twitter.png" /></a>
    <a href="رابط حسابك في جوجل بلس">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-oRuhzbDj6BDPNYtDaLvE-R7aIa58CDj0MiMfxRVYrgeKTHi79psDLRiP_WFyrh6XZfoAM-mtybzTRoZoxyflgCp9AEaRjgGesuT1YEZp-SSVLwXoZSAoImHyGLsfxB1zeV2ZDE04nBQ/s1600/helperblogger.com-google_plus.png" /></a>
    <a href="رابط خلاصات مواضيع مدونتك">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiPxKnC-Pz4zM_0wmuQ1zbK0BSFWHM3op8vHq8QFs6hPDyGMMyCUP9yBKaAfY0dkX3LvowTgSa7YAqSMfw6UywM_vsSd5AwWF8McroXqjcO2G8vV5SWeroUxy3ioCePLSsaG5rgcknoqS4/s1600/helperblogger.com-rss.png" /></a>
    <a href="حسابك في اليوتوب">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgH0ht1Mre8ekwCw41D4nG97GtO0BIlnwNkJZNcUNJ_BVJ3XvxmAFkO3GNt_v_vyGrZ0OMBZRrHX4YLIjyWpXayBHyMvsIeHY4V0AC9h76StP0Nqcmumf1u_8mCzCvosII1QC2_YpIRy20/s1600/helperblogger.com-youtube.png" /></a>
</p>
</center

كما هو موضح في الصورة

ولا تنسى تغيير روابط الحسابات بروابط الخاصة بك
(مثلا: رابط حسابك في الفيسبوك إستبدله برابطك الخاص) وأظن ان الأمر واضح

الشكل النهائي:

وبهذا ينتهي الموضوع وأي إستفسار ضعه في تعليق وسأجيبك بإذن الله

الكاتب | مدونة ابداعاتى

شعار المدونة | دع ابداعك يتحدث عن نفسه

0 التعليقات:

إرسال تعليق

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