طبعاً اعجبتني هذه الاضافة وقلت اضفها كتدوينة في عالمي تك
طريقة سهلة جداً
طريقة التركيب
1 - تخطيط
2 - اضافة كود جافا سكربت
3 - تغير اسم المدونة والرابط واسم القسم
الكود هنااا
/">.Blogger-Widget-ahtrafy-up a {display:block;background:#eee;border:1px solid #ccc;margin: 0 0 20px 0;height:65px;width:250px;overflow:hidden;text-decoration:none;font-family:inherit;font-size:16px;color:#000000;text-shadow:0 1px 2px rgba(0, 0, 0, 0.75);}.Blogger-Widget-ahtrafy-up h5 {color:#000000;margin-top:0px;height:65px;text-align:center;line-height:65px;-webkit-transition: margin-top 0.2s linear;}.Blogger-Widget-ahtrafy-up a:hover h5{margin-top:-90px;}.Blogger-Widget-ahtrafy-up div {font-family:inherit;font-size:17px;color:#FFFFFF;text-align:center;padding:0px;opacity: 0;-webkit-transition: all 0.3s linear;-webkit-transform: rotate(10deg);}.Blogger-Widget-ahtrafy-up a:hover div {opacity: 1;-webkit-transform: rotate(0deg);}.Blogger-Widget-ahtrafy-up a:nth-child(1) div { background: #EF7901; line-height:70px;}.Blogger-Widget-ahtrafy-up a:nth-child(2) div { background: #98bf0d; line-height:70px;}.Blogger-Widget-ahtrafy-up a:nth-child(3) div { background: #01b0ec; line-height:70px;}.Blogger-Widget-ahtrafy a{ text-decoration:none; margin:10px; font-family:inherit; font-size:8px; font-weight:bold; color:#000000; overflow:hidden;-webkit-transition: All 1s ease;-moz-transition: All 1.5s ease;-o-transition: All 1.5s ease;-ms-transition: All 1.5s ease;transition: All 1.5s ease;}.Blogger-Widget-ahtrafy a:hover{ text-decoration:none; margin:75px; font-family:inherit; font-size:13px; font-weight:bold; color:#1fd4e9;-webkit-transition: All 1s ease;-moz-transition: All 1s ease;-o-transition: All 1s ease;-ms-transition: All 1s ease;transition: All 1s ease;}
http://almmi-tec.blogspot.com
مدونة عالمي تك
>اسم القسم
http://almmi-tec.blogspot.com/">
مدونة عالمي تك
اسم القسم
http://almmi-tec.blogspot.com/">
>مدونة عالمي تك
اسم القسم
Blogger-Widget
تم بحد الله وبعونه
اخوكم حمودي من مدونة عالمي تك
ليست هناك تعليقات:
إرسال تعليق