اضافه ازرار تدور 360 درجة لمدونتك او موقعك مجانا مع الشرح
 |
| اضافه ازرار تدور 360 درجة لمدونتك او موقعك مع الشرح |
اما بعد اوفياء مدونة الجولد تك
في شرح جديد اضافه ازرار تدور 360 درجة لمدونتك او موقعك مع الشرح مثل الموجوده
لنبدّأ على بركة الله
شرح الطريقة
في المكان الذي تراه مناسبا او الذي تريد ان تضع في الصور او الازرار الصق الكود التالي
بالنسبه لمدونات بلوجر فى المكان المطلوب وضع الاضافه اضغط اختيار اداه , جافا سكريبت وضع الكود بها
<link href='//tech-gold.net/font-awesome/4.6.3/css/font-awesome.min.css' rel='stylesheet'/><div class="www.tech-gold.net"><div class="IconFooterCounct" align="center"><ul><a href="http://www.tech-gold.net/" rel="nofollow"><li class="fa fa-home"></li></a> <a href="http://www.tech-gold.net/" rel="nofollow"><li class="fa fa-envelope"></li></a> <a href="http://www.tech-gold.net/" rel="nofollow"><li class="fa fa-sitemap"></li></a> <a href="http://www.tech-gold.net/" rel="nofollow"><li class="fa fa-play-circle"></li></a> </ul></div></div><style>.www.tech-gold.net { background:#fff; margin:10px 0 18px 0 ; border-top:1px solid #f0f0f0; border-bottom:1px solid #f0f0f0;}.IconFooterCounct { width:72%; margin:0 auto;}.IconFooterCounct ul { margin:0; padding:25px;}.IconFooterCounct li { border:5px solid; border-radius:50%; -moz-border-radius:50%; -webkit-border-radius:50%; -webkit-box-shadow:0 0 0 5px #eee; -moz-box-shadow:0 0 0 5px #eee; box-shadow:0 0 0 5px #eee; font-size:48px; height:62px; margin:0 10px; padding:13px 15px 0; text-align:center; width:45px;}.IconFooterCounct li:hover { -webkit-transform: rotate(360deg); -o-transform: rotate(360deg); -moz-transform:rotate(360deg); transform:rotate(360deg); color:#7796b4; -webkit-box-shadow:0 0 0 10px #eee; -moz-box-shadow:0 0 0 10px #eee; box-shadow:0 0 0 10px #eee;}.www.tech-gold.net a:hover { color:#ccc; text-decoration:none;}.www.tech-gold.net a { color:#b7cee4;}.IconThreadSize { font-size:18px !important;}.IconFooterCounct li ,.www.tech-gold.net a:hover { -webkit-transition:all 0.4s ease-in-out 0s; -moz-transition:all 0.4s ease-in-out 0s; -o-transition:all 0.4s ease-in-out 0s; -ms-transition:all 0.4s ease-in-out 0s; transition:all 0.4s ease-in-out 0s;}</style>
ثم استبدل الروابط المحدد باللون الاحمر الى الروابط الخاصه بك
مثلا
يمكنك تغيير الايقونات الموجوده عبر هذا الموقع هنا
مثال fa fa-home
الى هنا انتهى الشرح والسلام عليكم ورحمة الله نعالى وبركاته
اتمنى ان يكون اعجبكم الموضوع
بالتوفيق
الرئيسية تحويل الاكوادإخفاء الابتساماتإخفاء