السلام عليكم متايعي وزوار مدونة إتقان ويب سوف اشارك البوم معكم إضافة بلوجر للمواقع التواصل الإجتماعية الرائعة الخاص ببلوجر هذه الإضافة هامة سواء للمصممين أو المدونين ، فهي تساعد الزائر علي الإطلاع علي صفحات التواصل الخاص مع مؤسس المدونة وغيرها من الميزايا.
مميزات القالب
- من لوحة التحكم المدونة ثم إلي التخطيط
- قم بإضافة أداة جديدة في الشريط الجانبي في المدونة
- ثم قم بنسخ الكود التالي وضعه في أداة HTML/JavaScript
<style>/* Social Counter-----------------------------------------*/.socialcounter { margin-left: -4%;}.social_item-wrapper {float: left;width: 30.67%;text-align: center;margin-right: 4% !important;margin-bottom: 15px !important;}.social_item-wrapper:nth-child(3n+3) {margin-right: 0 !important;}.social_item {position: relative;display: block;padding: 10px 0;border-radius: 4px;font-size: 0.875rem;overflow: hidden;}.social_item:before {content: '';height: 67px;transform: translateY(67px);display: block;position: absolute;bottom: -4px;left: 0;right: 0;border-radius: 4px;}.social_item:hover {transform: translateY(0);background:#000;color:#fff;}.social_item:hover i {color:#fff;}.social_item { color: #000;}
.social_icon {position: relative;margin-bottom: 8px;font-size: 1.2rem;z-index: 2;}.social_num {position: relative;z-index: 2;}</style><div class="socialcounter"><ul class="social-counter"><li class="social_item-wrapper"><a href="#" class="social_item social_facebook"><i class="fa fa-facebook social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_twitter"><i class="fa fa-twitter social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_youtube"><i class="fa fa-youtube social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_google-plus"><i class="fa fa-google-plus social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_rss"><i class="fa fa-rss social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_dribbble"><i class="fa fa-dribbble social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_instagram"><i class="fa fa-instagram social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_pinterest"><i class="fa fa-pinterest social_icon"></i><br /><span class="social_num">544268</span></a></li><li class="social_item-wrapper"><a href="#" class="social_item social_linkedin"><i class="fa fa-linkedin social_icon"></i><br /><span class="social_num">544268</span></a></li></ul></div>