طريقة تركيب الاضافة
- توجه الي مدونتك
- ثم قم باختيار قالب ثم تحريرHTML
- ثم قم بالبحث عن الوسم ]]></b:skin>
- ثم قم باضافة هذه الاكواد فوقه
#wrap {margin:20px auto;text-align:center;} a.btn { display: inline-block; position: relative; text-decoration: none; font-weight: 100; letter-spacing: .5px; padding: 10px 20px; margin: 10px; color: #0B6EAB; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; border: 1px solid #0B6EAB; } a.btn:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn::before { color: #0B6EAB; display: -webkit-inline-box; content: "\f06e"; font-family: fontawesome; margin: 0 0 0 5px; } a.btn:hover::before { color: #fff; } a.btn2 { display: inline-block; position: relative; text-decoration: none; font-weight: 100; background: #dd2f2f; letter-spacing: .5px; padding: 10px 20px; margin: 10px; color: #fff; box-shadow: inset 0 0 0 #22313F; font-size: 16px; text-transform: uppercase; border-radius: 3px; transition: all 0.3s ease-out; } a.btn2:hover { background: #30abd5; color: #fff; box-shadow: inset 0px -50px 0px #22313F; } a.btn2::before { color: #FFFFFF; display: -webkit-inline-box; content: "\f090"; font-family: fontawesome; margin: 0 0 0 5px; }
- ثم قم بوضع هذا الكود في اي موضوع في مدونتك
- كود زر التحميل
<a class="btn2" href="http://web-four.blogspot.com" rel="nofollow" style="text-align: right;" target="_blank">تحميل</a>
- كود زر المعاينة
<a class="btn" href="http://web-four.blogspot.com" rel="nofollow" target="_blank">معاينة القالب</a>
ليست هناك تعليقات:
إرسال تعليق