0
الاضافة اليوم هي اضافة ازرار التحميل الومعاينة بشكل جديد لم ينشر علي الانرنت سابقا والاضافة الوانها مميزة جدا وهي متناسبة مع جميع الشاشات

طريقة تركيب الاضافة

  1. توجه الي مدونتك
  2. ثم قم باختيار قالب ثم تحريرHTML
  3. ثم قم بالبحث عن الوسم ]]></b:skin>
  4. ثم قم باضافة هذه الاكواد فوقه
#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; }

  1. ثم قم بوضع هذا الكود في اي موضوع في مدونتك
  2.  كود زر التحميل
<a class="btn2" href="http://web-four.blogspot.com" rel="nofollow" style="text-align: right;" target="_blank">تحميل</a>
  1. كود زر المعاينة
<a class="btn" href="http://web-four.blogspot.com" rel="nofollow" target="_blank">معاينة القالب</a> 

المصدر مدونة ويب فور

إرسال تعليق

جميع الردود تعبّر عن رأي كاتبيها فقط. حريّة النقد والرد متاحة لجميع الزوار بشرط أن لا يكون الرد خارج نطاق الموضوع وأن يكون خال من الكلمات البذيئة. تذكّر قول الله عز وجل (مَا يَلْفِظُ مِن قَوْلٍ إِلاَّ لَدَيْهِ رَقِيبٌ عَتِيد).

 
Top