إضافة أزرار المشركات الاجتماعية بشكل الثري ذي هادي الأزرار المميزة عن غيرة فهادي الأزرار عند التأشير إليه تبهرك في حركته الرائعة والجميلة فيه تدور له شكل الثري ذي الكل يعرف الثري ذي هو يعطي الأزرار الشكل المبهر الأزرار تتكون من ست مواقع اجتماعيه سوف أقوم بشرح ثلاث موقع فيس بوك وأهميتها وتوتير وخلاصة Ree الفيس بوك من أهم الأشياء لكسب زوار و من اجل إنشاء التفاعل في المدونة وكذلك التويتر أهم ما تستفيد من الفيس بوك والتويتر كسب البيج رانك وتقوية الأرشفة وطبعن الفيس بوك لوحده البيج رانك يساوي 9/10 عليك عمل صفحة في الفيس بك م اجل كسب البيج رنك و زوار أكثر وهناك درس النشر تلقائي في الفيس بوك وتويتر.
شرح تركيب أزرار التواصل الاجتماعي
الأول : الذهاب إلى التخطيط
الثاني : إضافة أداة> HTML / JavaScript
الثالث : ضع الكود التالي:
<style>
#social a:hover {
background-color: transparent;
opacity:0.7;
}
#social img {
-moz-transition: all 0.8s ease-in-out;
-webkit-transition: all 0.8s ease-in-out;
-o-transition: all 0.8s ease-in-out;
-ms-transition: all 0.8s ease-in-out;
transition: all 0.8s ease-in-out;
}
#social img:hover {
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
-ms-transform: rotate(360deg);
transform: rotate(360deg);
}
</style>
<center>
<div id="social">
<!--Start Rss Icon-->
<a title="Grab Our Rss Feed" href="YOUR-FEED-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhsOr6uEVbmsQqKdEeg7-Pr0Q-BOr7HIjvStHsfcVmIxKp5AsnCzwR3trtPACXaY5rO46HyD8esQy6MYl9wn8Uv3DTW0348QMNjnsXxDMqeZ8os3q_TO-j_C_aA2XeRE6cAAhH-gu9u3Cvu/s1600/RSS-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
<!--End Rss Icon-->
<!--Start Email Rss Icon-->
<a rel="nofollow" title="Get Free Updates Via Email" href="YOUR-EMAIL-RSS-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh4WdP5HqJvDpi8rdOEgjc7SNOUN5pXTx4v4BcmRFdUA4_D4Plus9Lt5m41-qxtI3BmjVqRW-GyMBci8iHRC_V1hq0Q_cj4ljJiNo8GdWwW8qxoTqCfGji6k2LXC_ihNjZfY2MU9MVK_kub/s1600/RSS-EMAIL-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
<!--End Email Rss Icon-->
<!--Start Facebook Icon-->
<a rel="nofollow" title="Like Our Facebook Page" href="YOUR-FACEBOOK-PAGE-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjk7fO9wy2KBw6AxFnywl88JqXMFYa-x7nYSAyxh8ttLQqOQiBf9wJVfnpxDliM-gFiCP-Q7swQ6X20YhBM_yIBNsnsOPtRGnKcIcafBPqQS9U2qAGytGie6Zblq3Yu9ZdxjfmtYTgcy7iZ/s1600/FACEBOOK-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
<!--End Facebook Icon-->
<!--Start Twitter Icon-->
<a rel="nofollow" title="Follow Our Updates On Twitter" href="YOUR-TWITTER-URL-HERE" target="_blank"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhBP1gGxIq4vIqA5IbPpXMkVWOs3bG2QXXw-B560TDXawBym2-UMODJ_UaBVJKF5GhsX1U70fcRg-tU30ZVkFOh5u5aY4-IAr5jagtmPOqs_x3u0V_bYxL5GelpsktAA_T1oDuNyS3NVxGb/s1600/TWITTER-48x48.png" style="margin-right:1px;" alt="Icon"/></a>
<!--End Twitter Icon-->
<!--Start Google+ Icon-->
<a title="Follow Us On Google+" rel="nofollow" href="YOUR-GOOGLE-PLUS-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhxBmBN_PDAFzrrtTaKzNSZeGjQnXt6amTZ8zA2klYiBUeurWg1GJ2LN9EFY3wXJVyEP9O4PTzIzpalup_8ZHaYsbky-3xYNTtjk4mFMlH8lfmfP1o5gWSdB0tqdyk2demfnbuGlz77e8gj/s1600/GOOGLE-PLUS-48x48.png"/></a>
<!--End Google+ Icon-->
<!--Start Pinterest Icon-->
<a title="Follow Our Pins" rel="nofollow" href="YOUR-PINTEREST-URL-HERE" target="_blank"><img style="margin-right:1px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi-VshtDMWZnHw2bgzGOWznB6tgmsSLFqHwa1oPgjAysLZyPj9XV9RA_UqnX7aKutpV58SmGu89RVocDIeVyjN7RN9L0zvg5ripC-yn9aYiHynPZLA1yKBnc4YZjcAwrbcsZ1wBnTdbdLIQ/s1600/PINTEREST-48x48.png" alt="Follow Me on Pinterest" /></a>
<!--End Pinterest Icon-->
</div>
</center>
الرابع : قم يتغير ما بلون الأحمر إلى رابط صفحتك
ليست هناك تعليقات:
إرسال تعليق