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

السلام عليكم مرحبا بكم في مدونة عبدو تكنولوجي اليوم اقدم لكم صندوق خاص بمواقع التواصل الاجتماعي يوضع تحت القائمة الرئيسية او فوق الفوتر

معاينة

طريقة التركيب سهلة ابحث على </b:skin> وضع هذا الكود فوقه

/*=====================================
= Social Box
=====================================*/
.social-box{float:left;width:100%;display:inline-flex}
.instagram{background:rgb(217,45,119);background:-moz-linear-gradient(30deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%);background:-webkit-linear-gradient(30deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%);background:-o-linear-gradient(30deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%);background:-ms-linear-gradient(30deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%);background:linear-gradient(120deg,rgb(217,45,119) 30%,rgb(238,88,63) 100%)}
.facebook{background:#4267b2}
.youtube{background:#e52d27;/* fallback for old browsers */
background:-webkit-linear-gradient(to bottom,#b31217,#e52d27);/* Chrome 10-25,Safari 5.1-6 */
background:linear-gradient(to bottom,#b31217,#e52d27);/* W3C,IE 10+/ Edge,Firefox 16+,Chrome 26+,Opera 12+,Safari 7+ */}
.instagram,.facebook,.youtube{width:100%;height:175px}
.instagram a i,.facebook a i,.youtube a i:hover{webkit-transition:all 0.5s ease;-moz-transition:all 0.5s ease;-o-transition:all 0.5s ease;transition:all 0.5s ease}
.instagram a,.facebook a,.youtube a{display:block;text-decoration:none;font-size:17px;padding:50px 0 35px 0;text-align:center;width:68%;margin:auto}
.instagram a i,.facebook a i,.youtube a i{display:block;font-size:2em;padding:15px;background-color:#fff;border-radius:10px;width:68px;text-align:center;margin:0 auto;margin-bottom:20px;border:solid 3px #fff;-webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-o-transform:rotate(-25deg);transform:rotate(-25deg)}
.instagram a i{color:#ea4f49;transition:all 0.5s ease}
.facebook a i{color:#4267b2;transition:all 0.5s ease}
.youtube a i{color:#d23b40;transition:all 0.5s ease}
.instagram:hover i,.facebook:hover i,.youtube:hover i{color:#fff;border-radius:50px;background-color:transparent;margin-bottom:15px;-webkit-transform:rotate(-0deg);-moz-transform:rotate(-0deg);-o-transform:rotate(-0deg);transform:rotate(-0deg)}
@media screen and (max-width:340px){.social-box{display:block}.instagram a,.facebook a,.youtube a{padding:25px 0 10px 0}.instagram,.facebook,.youtube{height:125px}}
body#layout .social-box{display:none}

الان ضع هذا الكود في المكان الذي تريد ضهور فيه الاضافة