اضافة مواقع التواصل للمدونة شكل جميل

اضافة مواقع التواصل للمدونة شكل جميل

طريقة التركيب

لوحة التحكم
القالب
تحرير HTML
ابحث عن ]]></b:skin>
ضع الكود التالي فوقة

/*--Social Counter--*/li.social_item-wrapper {float: right;width: 48%;text-align: center;margin-left: 4% !important;margin-bottom: 10px !important;color: #fff;}#sidebar .widget {margin-bottom: 35px;}a.social_item {position: relative;display: block;height: 60px;line-height: 60px;overflow: hidden;}.social_item-wrapper:nth-child(2n+2) {margin-left: 0 !important;}.social_icon {float: right;line-height: 60px;width: 41px;font-size: 1.3rem;}a.social_item.social_facebook {background: #3F5B9B;}.fa-facebook.social_icon {background: #2E4372;}li.social_item-wrapper:hover .fa-facebook.social_icon {background: #3F5B9B;}li.social_item-wrapper:hover .social_facebook {background: #2E4372;}a.social_item.social_twitter {background: #1C97DE;}.fa-twitter.social_icon {background: #1571A5;}li.social_item-wrapper:hover .fa-twitter.social_icon {background: #1C97DE;}li.social_item-wrapper:hover .social_twitter {background: #1571A5;}a.social_item.social_youtube {background: #E22020;}.fa-youtube.social_icon {background: #B31919;}li.social_item-wrapper:hover .fa-youtube.social_icon {background: #E22020;}li.social_item-wrapper:hover .social_youtube {background: #B31919;}a.social_item.social_dribbble {background: #E82159;}.fa-dribbble.social_icon {background: #B51A45;}li.social_item-wrapper:hover .fa-dribbble.social_icon {background: #E82159;}li.social_item-wrapper:hover .social_dribbble {background: #B51A45;}a.social_item.social_rss {background: #E86321;}.fa-rss.social_icon {background: #C2521B;}li.social_item-wrapper:hover .fa-rss.social_icon {background: #E86321;}li.social_item-wrapper:hover .social_rss {background: #C2521B;}a.social_item.social_google-plus {background: #E82C2C;}.fa-google-plus.social_icon {background: #BF2424;}li.social_item-wrapper:hover .fa-google-plus.social_icon {background: #E82C2C;}li.social_item-wrapper:hover .social_google-plus {background: #BF2424;}a.social_item.social_linkedin {background: #0275B6;}.fa-linkedin.social_icon {background: #02669E;}li.social_item-wrapper:hover .fa-linkedin.social_icon {background: #0275B6;}li.social_item-wrapper:hover .social_linkedin {background: #02669E;}a.social_item.social_instagram {background: #8E714D;}.fa-instagram.social_icon {background: #6F583C;}li.social_item-wrapper:hover .fa-instagram.social_icon {background: #8E714D;}li.social_item-wrapper:hover .social_instagram {background: #6F583C;}a.social_item.social_pinterest {background: #CA2027;}.fa-pinterest.social_icon {background: #AB1B21;}li.social_item-wrapper:hover .fa-pinterest.social_icon {background: #CA2027;}li.social_item-wrapper:hover social_pinterest {background: #AB1B21;}ul.social-counter a {color: #fff;}

ثم اذهب للتخطيط
اضافة اداة
HTML/JavaScript
اضف الكود التالي
غير مايلزم

<div class="socialcounter"><ul class="social-counter"><li class="social_item-wrapper"><a href="#" class="social_item social_facebook">230,000</a></li><li class="social_item-wrapper"><a href="#" class="social_item social_twitter">230,000</a></li><li class="social_item-wrapper"><a href="#" class="social_item social_youtube">230,000</a></li><li class="social_item-wrapper"><a href="#" class="social_item social_dribbble">230,000</a></li><li class="social_item-wrapper"><a href="#" class="social_item social_rss">230,000</a></li><li class="social_item-wrapper"><a href="#" class="social_item social_google-plus">230,000</a></li><li class="social_item-wrapper"><a href="#" class="social_item social_linkedin">230,000</a></li><li class="social_item-wrapper"><a href="#" class="social_item social_instagram">230,000</a></li></ul></div>

ان افدتك اترك تعليق بالأسفل ولكي تتوصل لجديدنا اضغط على انضم معنا

الكاتب ياسر | المصرى

رَدد دَائِمَا "سبْحَانَك مَا أَحْلَمَك،، وْبِحَالِي مَا أَعْلَمَك،، وَعَلَى تَفْرِيْج هَمِّي مَا أُقَدَّرْك،، أنْت ثِقَتِي وَرَجَائِي،، فَاجْعَل حُسْن ظَنّي فِيْك جَزَائِي " سُبْحَان الْلَّه وَبِحَمْدِه سُبْحَان الْلَّه الْعَظِيْم

الكاتب ياسر | المصرى

مقالات قد تهمك