أزرار مواقع التواصل الإجتماعي 2018

1. لوحة تحكم بلوجر
2. القالب html
3. أبحث عن b:skin
4. أضف قبله الكود أدناه
5. يمكنك المعاينه من هنا

.social-tuhfaweb ul li p{font-size:13px} .social-tuhfaweb ul li{width:24.68%}.index .post .post-title{margin-bottom:0}#navbar li a{line-height:63px;font-size:14px}.menutop li a.search-btn i{font-size:15px} .social-tuhfaweb ul li i { font-size: 24px; float: right; line-height: 40px; padding: 7px 18px; margin: 0 10px; } .th3-video .ytp-thumb .magp-img{height:170px}.treexil-post .recent-box:first-child{width:57.8%}.treexil-post .mag-bottom .psummary{font-size:13px}.treexil-post .post-title .magp-title{font-size:16px}.treexil-post .magp-date .post-date{font-size:13px}.treexil-post .postwriter .writer-p{font-size:13px}.th3-video .yt-content .yt-title .ytp-title{font-size:14px}#th3video .widget-title .title{font-size:16px}#th3video .widget-title .bttitle{font-size:12px}.morev a:after{font-size:13px}.morev a{font-size:14px;padding:0 15px}.jump-link a{font-size:14px;height:35px}.post-author a,.post-timestamp a{font-size:14px}.post-title a{font-size:14.7px}.jump-link a:hover:before{right:75px}.post-treexil{padding-left:10px}.jump-link a:hover{padding-left:25px}.post-thumb img{width:290px;height:225px}.post-snippet{font-size:12px}.post-share a{font-size:15px}.pagenavi span,.pagenavi a{line-height:40px;font-size:14px}.item-title a,.recent-n .n-content .n-title .na-title{font-size:12.8px}.popular-posts li:first-child .item-title a{font-size:14px}.popular-posts li:first-child .item-title{padding-bottom:15px}.item-thumbnail img,.recent-n .nep-thumb .magp-img{width:110px;height:90px}.th3-news .recent-n{padding:0}.sidebar .widget-title h2{font-size:14.7px}.first-follow p{font-size:12px}.follow-by-email-address{font-size:11px}.follow-by-email-submit{font-size:13px}.post-thumb{margin-left:5px}.th3-video .recent-yt .ytp-thumb a:before,.ytp-thumb a:after{font-size:45px}.logoabout span{font-size:13px;line-height:24px}.livecenter p{font-size:14px}.livetime h3{font-size:28px}.watchnow a{height:38px;font-size:15px}.copyright,.copyleft{font-size:14px}.btnfooter a{font-size:14px;height:37px}.contactemail .contacticon{font-size:15px}.contactemail .mailto{font-size:13px}.contactemail{right:-215px}.user-post .widget-title h2{font-size:14.7px}.rrmore a{font-size:15px}.user-post .widget-title h2:before,.PopularPosts .widget-title h2:before{font-size:18px}.logoabout{width:65%} } @media(max-width:992px){ .treexil-post .recent-box:first-child{width:57.4%;margin-left:11px}.treexil-post .post-title .magp-title{font-size:12px}.treexil-post .mag-bottom .psummary{font-size:11px;line-height:18px}.treexil-post .post-title .magp-title:before{width:7px;height:7px;margin-left:8px}.post-treexil{padding:0}#navbar li a{padding:0 15px;font-size:12px;line-height:51px}.menusite{height:54px}.magp-thumb img{height:195px}.treexil-post .recent-box:first-child .magp-thumb img{height:402px}.logo{text-align:center}.logo a,.logo img{display:inline-block!important}.headerwrapp{height:auto}.bannertop{margin: 0 0 20px 0;}.menutop li.search a{padding:0 11px;line-height:50px}.menusite .home{padding:0 8px;font-size:17px;line-height:51px} .social-tuhfaweb ul li i{font-size:17px; padding: 0 17px; line-height:25px} .social-tuhfaweb ul li p { font-size: 16px; line-height: 45px; width: 99%; } #navbar li a:after{height:2px}.treexil-post .magp-date .post-date,.treexil-post .postwriter .writer-p{font-size:11px}#th3video .widget-title .title{font-size:16px}#th3video .widget-title .bttitle{font-size:12px}.post-thumb{margin-left:10px}.menutop #nav1 li a{font-size:12px;line-height:50px}#navbar li a:after{bottom:-4px;height:4px}.menutop #nav1left li i{font-size:14px}.menutop{height:50px}.menutop #nav1left li a{font-size:13px;line-height:50px}.menutop li a.search-btn i{font-size:13px}.social-tuhfaweb ul li{width:24.5%}.sidebar-treexil{padding:0;margin:15px 0}.popular-posts li:first-child .item-thumbnail img{height:250px}.item-thumbnail img,.recent-n .nep-thumb .magp-img{width:100px;height:80px}.popular-posts li:first-child .item-title{padding-bottom:15px}.livecenter p{font-size:13px}.livetime h3{font-size:26px}.watchnow a{height:34px;font-size:14px}.logoabout span{font-size:13px;line-height:22px}.btnfooter a{height:30px;font-size:11px}.copyright,.copyleft{font-size:13px}.logoabout{width:65%} } @media screen and (max-width : 768px) { /* CSS CODE HERE FOR SMALL TABLETS ---*/ .selectnav{display:inline-block;font-family:treexil;margin:5px 10px;padding-left: 20px;}.close-btn{font-size:23px}#search-form-text{width:80%}.menutop{height:auto;padding:5px 0;}.menutop #nav1,.menusite #navbar,.episodeth3,.recentsp-treexil,.menutop li.search, #HTML1{float:right;display:none}#HTML8 {display:block;}#menutop{float:none}.headerwrapp{height:auto}.logo{float:none;text-align:center}.logo img{display:inline-block!important}.social-tuhfaweb ul li{width:100%;padding:5px 0}.social-tuhfaweb ul li i{font-size:21px;line-height:35px} .social-tuhfaweb ul li p { font-size: 16px; line-height: 45px; width: 99%; } .post-thumb img{width:100%}.post-thumb{width:100%;margin-left:0}.post-title a{font-size:15.5px}.post-meta{font-size:14px}.post-snippet{font-size:12px;padding:0 15px}.post-info{padding:7px 15px}.jump-link a{height:35px;font-size:14px}.jump-link a:hover:before{right:80px}.sidebar-treexil{display:none}.pagenavi span,.pagenavi a{padding:0 13px;line-height:35px;font-size:14px;margin-bottom:10px}.container-treexil{margin-bottom:0}.footer-treexil{display:none}.post-treexil{padding:0}.post h3.post-title{font-size:14px}.item .post .post-body,.static_page .post .post-body{font-size:13px;line-height:27px}.postshare a{display:inline-block;width:100%;text-align:center;font-size:14px;height:35px;margin-bottom:3px}.author-profile{text-align:center}.author-post img{margin:0 auto;float:none;margin-left:0;margin-bottom:3px}.name-au{font-size:15px}.bioauthor{font-size:13px}.postshare > span{margin-bottom:10px;font-size:15px}.related-posts p{font-size:15px}.social-tuhfaweb {display: none;} .menusite {display: none;}.item .container-treexil .container {padding: 0;} } @media screen and (max-width : 640px) { /* CSS CODE HERE FOR IPHONE ---*/ } @media screen and (max-width : 480px) { /* CSS CODE HERE FOR SMARTPHONES ---*/ .post-snippet {padding: 0 10px;} } @media screen and (max-width : 320px) { /* CSS CODE HERE FOR SMALL MOBILES ---*/ .post-snippet {padding: 0 5px;} .post-thumb img {height: 200px;} .selectnav {width: 90px;} } .headerbottom{box-shadow:3px 5.196px 6px 0 rgba(0,0,0,0.024)}.social-tuhfaweb{padding:5px 0}.social-tuhfaweb ul{float:right;margin:10px 0} .social-tuhfaweb ul li { float: right; display: block; margin-left: 4px; border-radius: 0px; width: 297px; } .social-tuhfaweb ul li i{font-size:24px;float:right;line-height:40px;margin:0 10px}.social-tuhfaweb ul li a{color:#fff}.social-tuhfaweb ul li:last-child{margin:0}.social-tuhfaweb ul li.fb{background:#366299}.social-tuhfaweb ul li.gplus{background:#dd4c3a}.social-tuhfaweb ul li.twitter{background:#429cd6}.social-tuhfaweb ul li.youtube{background:radial-gradient(circle at 30% 107%,#fdf497 0%,#fdf497 5%,#fd5949 41%,#d6249f 60%,#285AEB 90%)} .social-tuhfaweb ul li p { font-size: 16px; line-height: 45px; width: 99%; }