السلام عليكم ورحمة الله وبركاته
اليوم حبيت اقدم لكم اضافة رائعة وانيقة وبسيطة لمدونات بلوجر اضافة ازرار المواقع الاجتماعية بشكل احترافي الصراحة شكل الازرار اكثر من رائع
♦ طريقة التركيب ♦
1- نذهب الى لوحة تحكم المدونة ثم الى التخطيط
2- ثم اضافة اداة HTML/Javascript جديدة ثم ضع الكود التالي داخل المستطيل واضغط على حفظ
غير الرمز (###) الي بلون الاحمر بالروابط الخاصة بك واضغط على حفظ ومبروووك عليك الاضافة الرائعة<div class="abt-social-slide"><ul><li><a class="facebook" href="###" target="_blank">فيس بوك</a></li><li><a class="twitter" href="###" target="_blank">تويتر</a></li><li><a class="google-p" href="###" target="_blank">جوجل بلس</a></li><li><a class="rss" href="###" target="_blank">خلاصات المواضيع</a></li></ul></div><style>.abt-social-slide ul li{list-style:none;border-bottom:none;padding:0}.abt-social-slide li a{width:59px;height:59px;float:left;text-indent:-99999px;border:solid 1px #222121;border-radius:5px;-webkit-transition:All .3s ease-out;-moz-transition:All .3s ease-out;-o-transition:All .3s ease-out;margin:5px 5px 10px;padding:0}.abt-social-slide li a.facebook{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3QvHQfDdDKrKdtQPOHYQWHsTCSCFeAugomcPEGF4De6SFonWLdnMijK02bdMMjqPhS8IX9NTZcXILxGmvVGo_gH8o8_kTmVfrAfF0wvu1VLbPnIKC4sOKv0x55MThG_5EYDdHFnzQxw/s1600/facebook.png) no-repeat 0 -88px}.abt-social-slide li a.facebook:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh3QvHQfDdDKrKdtQPOHYQWHsTCSCFeAugomcPEGF4De6SFonWLdnMijK02bdMMjqPhS8IX9NTZcXILxGmvVGo_gH8o8_kTmVfrAfF0wvu1VLbPnIKC4sOKv0x55MThG_5EYDdHFnzQxw/s1600/facebook.png) no-repeat 0 0}.abt-social-slide li a.twitter{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ7wyqJbOMg9P4Qs66rfvZQB81KNf5K6Tap7wbwLcvP9Lxx627Ob0QYggUz2Gr1aMTG5N0kdikgNZaTr5bklCW8L5mYQdRt7edwcBS2k98c4DyBfWslHpB6jMlWVkayMkIhlZbSCrZ6A/s1600/twitter-1.png) no-repeat 0 -88px}.abt-social-slide li a.twitter:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgJ7wyqJbOMg9P4Qs66rfvZQB81KNf5K6Tap7wbwLcvP9Lxx627Ob0QYggUz2Gr1aMTG5N0kdikgNZaTr5bklCW8L5mYQdRt7edwcBS2k98c4DyBfWslHpB6jMlWVkayMkIhlZbSCrZ6A/s1600/twitter-1.png) no-repeat 0 0}.abt-social-slide li a.google-p{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9IOReXjWrJKvStMmj6Fj4Ga5kj2CPquB5D4axFQ0_eXAWGaI_VjMwLxj1iJeopthjhbx-zqyX6yprE4qrAsiOFRPl4amxrVGV-rzxkFNWAsjz6DFqCjsLEA1-CWKIbNCF8LSK_G8YQ/s1600/google.png) no-repeat 0 -88px}.abt-social-slide li a.google-p:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhw9IOReXjWrJKvStMmj6Fj4Ga5kj2CPquB5D4axFQ0_eXAWGaI_VjMwLxj1iJeopthjhbx-zqyX6yprE4qrAsiOFRPl4amxrVGV-rzxkFNWAsjz6DFqCjsLEA1-CWKIbNCF8LSK_G8YQ/s1600/google.png) no-repeat 0 0}.abt-social-slide li a.rss{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi693BMk7Eh6Oo6Y-y5jOjD3RkC8rU5H1eRmLptqS1iOJ8TPf0BDSL2AXS4DG8xIjCNAFeLyNSyBFkFIkZvNBlICfPy6wtRYkwpmHcviM3vJGf9HbZNDGFwp1Cuv0ra08Wa5iIGNnxs-A/s1600/twitter.png) no-repeat 0 -88px}.abt-social-slide li a.rss:hover{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi693BMk7Eh6Oo6Y-y5jOjD3RkC8rU5H1eRmLptqS1iOJ8TPf0BDSL2AXS4DG8xIjCNAFeLyNSyBFkFIkZvNBlICfPy6wtRYkwpmHcviM3vJGf9HbZNDGFwp1Cuv0ra08Wa5iIGNnxs-A/s1600/twitter.png) no-repeat 0 0}</style>
√ اتمنى من كل من مر على هذا الموضوع ان يترك كلمة شكر فى تعليق √
0 التعليقات :
إرسال تعليق