تعد أزرار مواقع التواصل الأجتماعي مهمة بالنسبة لكل مدون حيث من خلالها تستطيع كسب زوار حقيقيون على موقعك مما يساعد على خفض ترتيب أليكسا وهذه الأزرار يجب أن تكون في كل موقع الألكتروني.
تزيد أزرار مواقع التواصل الأجتماعي الجمالية للمدونة لكونها تظهر للزائر بشكل يومي وربما قد تعجبة كذلك ونحن في صدد أفضل وأجمل أزرار التواصل الأجتماعي لمدونات بلوجر وبشكل جميل,حيث سوف نستعرض لكم ثلاثة أشكال تستطيع أختيار أحداهما لعرضها على الموقع أو أختيار الثلاثة معأ كل ماعليك هو أتباع الشرح التالي.
في البداية تحتاج الى التوجة الى التخطيط من خلال لوحة تحكم بلوجر وقم بأضافة أداة جديدة ومنها أختر HTML/JavaScript وقم بنسخ ولصق أحد الأكواد الأتيية.
الشكل الأول
<div class="widget-content">
<div align="center" class="add">
<style>
.spinningeffect img {
-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;
}
.spinningeffect img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<a class="spinningeffect" href="https://www.facebook.com/rhil3alqawafi/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiOSKk_yw5NWFs3jiFMva0PbHnEnaWXUOtexG8b2XqyEfkutaLZ5Oxoxstg3earZB8MrPaJxgm-lNbfXQqWCNgzlqGTATfzXfcXvAMIa1h40N0dy_pbJG1IfltofPU4PV6LE3f6ji0f_xIT/s1600/facebook.png" title="إنضم إلى صفحتنا على الفيسبوك" /></a>
<a class="spinningeffect" href="https://www.youtube.com/channel/UCBLNIKoxAHfd-hIdfDVqAzQ" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgtudMstsIjP3Txi6wpGrpff869CNuzQeZKg6AvwE_fIcRxWV0f7rUieTpePg5dJnMdsE_gVD_Bbxh_rCoJZj1UAyReIMpxsd_mB_q97xxs00caEgFWZ3cAuAhzfKvX2djStjVqhCbulc32/s1600/youtube.png" title="إشترك فى قناتنا على اليوتيوب" /></a>
<a class="spinningeffect" href="https://plus.google.com/u/0/112635663340340466460" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgfP2UeSelcvmv0bzSkmwm9VQD_MZy8f_pJR0UeyZq1yZ_NVqPzwyJHt57sq-bwQuCJ1tc-avP13BgUpqty7q3uRcGZONVxm3EphaRRmmbDjYMaurHpnxbJLK6l1F8f-kqHdBjDfXpGUdfe/s1600/google_plus.png" title="إنضم إلى صفحتنا على جوجل بلس" /></a>
<a class="spinningeffect" href="https://twitter.com/bloggersinarabi" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqqaQv4qVp4q9ukiZjkV0tn2SJDO87hZvzer4o-kOlaGAru6Z8yAo9tGl7VY1aO8NmBqZyZy-1HQIcWnpZkz_Js9iV-gP3x_vvuwHgYz0Gge-LB3dhNCgj2NpcLF3NFyy2SLzVfUl7zOK1/s1600/twitter.png" title="إنضم إلى صفحتنا على تويتر" /></a>
</div>
</div>
</div>
الشكل الثاني
<div class="widget-content">
<div align="center" class="add">
<style>
.spinningeffect img {
-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;
}
.spinningeffect img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<a class="spinningeffect" href="https://www.facebook.com/rhil3alqawafi/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT0TXOFJvUBzeupEJKPKXndM4tW9YJwPjN1BXqwXNpb6E7AtE_2dwXZsKi9usZLNeCAn5W7rtDILH5NdsG3QaNx4g5E56X_jWM4pEAlsMXUhx9RA9dG3gUYu6xaK2RspTsMEh5g4UtjOg/s1600/if_2018_social_media_popular_app_logo_facebook_2895133.png" title="إنضم إلى صفحتنا على الفيسبوك" /></a>
<a class="spinningeffect" href="#" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV5HyYNTdGA4O1E_jFsRYpnBj65rIGgLa2E6AFgwtzqSNTEq8c1Q6EO2g_Xua6hzhXYOd7cQjqbro3UcTiuQLr49Ky3dJpUbLGn0PeFZeF0fYIceo6HNX6LPd8D5DnBYBDC-KWBbX-aVM/s1600/if_2018_social_media_popular_app_logo_youtube_2895135.png" title="إشترك فى قناتنا على اليوتيوب" /></a>
<a class="spinningeffect" href="https://plus.google.com/u/0/112635663340340466460" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk0VHmKI5RCjFegLpLrXNADuzfHJI3qu1ZVhaonnyDIGZC0N1oAr6FrIXB9yyPNMQI9crfcT6CjfMsByRhVSMG0HQcmTttx-gR4k_RhBKgatG4XKiwEVGxP75TPp9wEwPVAKwhaQsFjHo/s1600/if_2018_social_media_popular_app_logo_googleplus_2894409.png" title="إنضم إلى صفحتنا على جوجل بلس" /></a>
<a class="spinningeffect" href="https://twitter.com/bloggersinarabi" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1u2PUuVU23028EfkJO1ftuwkFHPlTP7a8E4u2KkrGEJgCUQjX-umCRN3odUXtEVuVO4zKaGFIE38CC-BEyRPF9fa7f_gH-LH_3Y7F8gBirLMP2WfI_GyLBJ4gA3DFCYDOTj2Fm9U1M0c/s1600/if_2018_social_media_popular_app_logo_twitter_2895134.png" title="إنضم إلى صفحتنا على تويتر" /></a>
</div>
</div>
الشكل الثالث
<div class="widget-content">
<div align="center" class="add">
<style>
.spinningeffect img {
-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;
}
.spinningeffect img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<a class="spinningeffect" href="https://www.facebook.com/rhil3alqawafi/" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhT0TXOFJvUBzeupEJKPKXndM4tW9YJwPjN1BXqwXNpb6E7AtE_2dwXZsKi9usZLNeCAn5W7rtDILH5NdsG3QaNx4g5E56X_jWM4pEAlsMXUhx9RA9dG3gUYu6xaK2RspTsMEh5g4UtjOg/s1600/if_2018_social_media_popular_app_logo_facebook_2895133.png" title="إنضم إلى صفحتنا على الفيسبوك" /></a>
<a class="spinningeffect" href="#" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiV5HyYNTdGA4O1E_jFsRYpnBj65rIGgLa2E6AFgwtzqSNTEq8c1Q6EO2g_Xua6hzhXYOd7cQjqbro3UcTiuQLr49Ky3dJpUbLGn0PeFZeF0fYIceo6HNX6LPd8D5DnBYBDC-KWBbX-aVM/s1600/if_2018_social_media_popular_app_logo_youtube_2895135.png" title="إشترك فى قناتنا على اليوتيوب" /></a>
<a class="spinningeffect" href="https://plus.google.com/u/0/112635663340340466460" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgk0VHmKI5RCjFegLpLrXNADuzfHJI3qu1ZVhaonnyDIGZC0N1oAr6FrIXB9yyPNMQI9crfcT6CjfMsByRhVSMG0HQcmTttx-gR4k_RhBKgatG4XKiwEVGxP75TPp9wEwPVAKwhaQsFjHo/s1600/if_2018_social_media_popular_app_logo_googleplus_2894409.png" title="إنضم إلى صفحتنا على جوجل بلس" /></a>
<a class="spinningeffect" href="https://twitter.com/bloggersinarabi" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj1u2PUuVU23028EfkJO1ftuwkFHPlTP7a8E4u2KkrGEJgCUQjX-umCRN3odUXtEVuVO4zKaGFIE38CC-BEyRPF9fa7f_gH-LH_3Y7F8gBirLMP2WfI_GyLBJ4gA3DFCYDOTj2Fm9U1M0c/s1600/if_2018_social_media_popular_app_logo_twitter_2895134.png" title="إنضم إلى صفحتنا على تويتر" /></a>
<a class="spinningeffect" href="#" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC7IvnoHvwRZaRyUmRiJBiOhvkOZDmrpb09asKR7F29dwXPl29DWVqQqVHWFhlAU9LLRKVVmA9yWEnB_FcyQ-5qBgei41nH0aavqOTgbzQOKNuixBbRisTWaH-P8Cq5pnyVezKwZzHUFs/s1600/if_2018_social_media_popular_app_logo_skype_2894414.png" title="أتصل بنا عبر سكايب" /></a>
<a class="spinningeffect" href="#" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9U6ZZtCVdLirE5pxmX5Dkg7_Vy_eCAJm3JL1jqbfTBZQrjMP9bfd3ZW6yg2IyGGkEJg0w5Y81qYhQ0oTJ-YhIDTWLLPwfPTLGSA2yNzcechpKnWjX8piwaF-QZ6qdLdSjBRo1IZVlLdk/s1600/if_2018_social_media_popular_app_logo_pinterest_2894412.png" title="إنضم إلى صفحتنا على بنترست" /></a>
<a class="spinningeffect" href="#" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiuT_-bEt9pIJn9Z_0hmABSSYXzljx7am9k4iKYmkLHTgRHr-5v_67u_qOH70bkfIB1mWjI0_lzmuwPwYg9EiM-WFl9WbN6KF37jEunp-grGswrxOPXJeki1yoIUngywJZd0eS4DKqjN4s/s1600/if_2018_social_media_popular_app_logo_linkedin_2894410.png" title="إنضم إلى صفحتنا على لينكد أن" /></a>
<a class="spinningeffect" href="#" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj7nuQaAIUxQ4Ajk9Cy6HkFXp6VBEXOS9Xf9qKf2adez39HSHkli2bC3Zv4zok7_TY2vHpP8I9flF-eEJBTWmeHtbC3QUiunpqF49-UTUdgO1GmYNVfGABWOSld_wKLMtXFLucf4kdKTlk/s1600/if_2018_social_media_popular_app_logo_instagram_2895177.png" title="إنضم إلى صفحتنا على أنستغرام" /></a>
<a class="spinningeffect" href="#" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgAXPrfESDwIgwl-jKy4eYRXE23H6pb41uKaa1DcPmqTwWRatA1ZQwhSG7ROdsfJbsPvVXnkc-5aoYjWPGG1wG69k93rBv98T0vTQvSMBupLIZ3mTox735vSecGe9GYlbsUh67UEaPNLic/s1600/if_2018_social_media_popular_app_logo_vkontakte_2894417.png" title="إنضم إلى صفحتنا على فكونتاكتي" /></a>
<a class="spinningeffect" href="#" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEio5BI9ULEIij8tQtmqt_Xu6bsyY0QmdcyFL6y-XYdlGZlDcamUFx3AOZoi8xmBlxWfcMAKxwiiKlW0HIcqM8sg2AqFF5a_Gewj1nDZP6mqNXPz0Tz6fZRmL9P9Z_hSbsbqJ-YKDLeObPQ/s1600/if_2018_social_media_popular_app_logo_tumblr_2894419.png" title="إنضم إلى صفحتنا على تمبلر" /></a>
<a class="spinningeffect" href="#" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgy2anbA1moXWtUBe8jXg3-iDBXsFmpK_m5A5wpXlvgLt2LJz4zJMg3TJW24vDoG-HQZ2J0qj1XT0umGIgbUOI_cVLvb2L3FOsqHZ4rc68jt1iJK5B-5AgIvSWCxUhmh5DmcYhx7ah6lbg/s1600/if_2018_social_media_popular_app_logo_messenger_2894411.png" title="راسلنا على فيسبوك ماسنجر" /></a>
<a class="spinningeffect" href="#" target="_blank">
<img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh0Bu8PBLf1OUOVfqB3ASNBNGOosHvNWJxcohOUhltcn7nHuyYQ1KLcH0AJvKqeS7FOOjtRnad7e5lI06Nlm46H6tYZ_Mv8X8SAuljnFv-ypACwUuNWv3f_dAZXVcYJzf_B5D_nOmUqeqA/s1600/if_2018_social_media_popular_app_logo_askme_2895132.png" title="إنضم إلى صفحتنا على اسألني" /></a>
</div>
</div>
0 تعليق
إرسال تعليق