اداة المتابعين بشكل احترافي للبلوجر
شرح التركيب :-
1- قم باخذ نسخة احتياطية من قالب مدونتك لعدم حدوث اى مشكلة فى التركيب.
2- قم بالبحث فى قالب مدونتك عن الوسم ]]></b:skin> ثم قم يوضع الكود التالى فوقه - قبلة
#cnmusocialslide { background: rgba(255, 255, 255, 1); border-radius: 3px; bottom: 15px; display: none; height: 110px; padding: 12px 14px; position: fixed; right: 2px; width: 352px; z-index: 3; border: 1px solid; } .closebo { border-radius: 100%; color: #000; font: bold 16px/20px arial; height: 20px; left: 350px; position: absolute; text-align: center; text-decoration: none; top: 10px; width: 20px; } #cnmusocialslide h6 { color: #FFF; font: bold 16px tahoma; margin: 0px 40px 0 40px; padding: 5px; font-family: Electrolize,ge_dinar_tworegular; font-weight: 500; background: #CD2F2F; border-radius: 46px; padding-right: 16px; } .inslidsoc { display: block; height: 47px; margin-top: 25px; overflow: hidden; margin-left: 16px; } .inslidsoc span { float: left; margin-right: 10px; } .inslidsoc span a { color: #fff; display: block; font: bold 14px/20px arial; padding: 0 8px; text-decoration: none; transition: all 0.3s ease 0s; border-radius: 46px; height: 46px; line-height: 43px; background: #CD2F2F; width: 30px; } a.twitter:hover { background-color: #1da1f2; } a.facebook:hover { background-color: #4267B2; } a.google:hover { background: #FF0000; } a.youtube:hover { background: #FF0000; } a.instagram:hover { background-color: #965628; } a.user-times:hover { background-color: #1150D0; } .twittslis { background-color: #5ea9dd; } .gplusslis { background-color: #dc4a38; } .youtslis { background-color: #c12025; } a.closebo:hover { color: #FF0008; } i.fa.fa-twitter { font-size: 29px; margin-top: 9px; } i.fa.fa-facebook { font-size: 29px; margin-top: 9px; margin-right: 7px; } i.fa.fa-google-plus { font-size: 29px; margin-top: 9px; margin-right: -4px; } i.fa.fa-youtube { font-size: 29px; margin-top: 8px; margin-right: 2px; } i.fa.fa-instagram { font-size: 29px; margin-top: 8px; margin-right: 2px; } i.fa.fa-user-times { font-size: 28px; margin-top: 9px; margin-right: -2px; }
3- قم البحث عن الوسم <body> و ان لم تجده ابحث عنه هكذا <body ثم قم بوضع الكود التالى اسفله - تحت منه
<script type='text/javascript'> //<![CDATA[ var _0x84fe = ["scrollTop", "height", "slow", "show", "#cnmusocialslide", "hide", "scroll", "remove", "POST", "/facebookpage.php", "ajax"]; $(window)[_0x84fe[6]](function() { if ($(document)[_0x84fe[0]]() >= $(document)[_0x84fe[1]]() / 4) { $(_0x84fe[4])[_0x84fe[3]](_0x84fe[2]); } else { $(_0x84fe[4])[_0x84fe[5]](_0x84fe[2]); } }); function closecnmusocialslide() { $(_0x84fe[4])[_0x84fe[7]](); $[_0x84fe[10]]({ type : _0x84fe[8], url : _0x84fe[9] }); } ; //]]> </script> <div id='cnmusocialslide' style='display: none;'> <a class='closebo' href='javascript:void(0);' onclick='return closecnmusocialslide();'><i aria-hidden='true' class='fa fa-times'/></a> <h6>تابعنا ولا تفوت جديد الدروس الحصرية</h6> <div class='inslidsoc'> <span><a class='instagram' href='http://www.mustafa1.com/' target='_blank'><i aria-hidden='true' class='fa fa-instagram'/></a></span> <span><a class='youtube' href='http://www.mustafa1.com/' target='_blank'><i aria-hidden='true' class='fa fa-youtube'/></a></span> <span><a class='google' href='http://www.mustafa1.com/' target='_blank'><i aria-hidden='true' class='fa fa-google-plus'/></a></span> <span><a class='twitter' href='http://www.mustafa1.com/' target='_blank'><i aria-hidden='true' class='fa fa-twitter'/></a></span> <span><a class='facebook' href='http://www.mustafa1.com/' target='_blank'><i aria-hidden='true' class='fa fa-facebook'/></a></span> <span><a class='user-times' href='http://www.mustafa1.com/' target='_blank'><i aria-hidden='true' class='fa fa-user-times'/></a></span> </div> </div>
4- قم بتغيير رابط مدونتى http://www.mustafa1.com/ بما تريد انت .
5- قم بحفقط القالب ومبروك عليك .
اضف تعليقاً عبر:
الابتسامات