JavaScript is not enabled!...Please enable javascript in your browser

جافا سكريبت غير ممكن! ... الرجاء تفعيل الجافا سكريبت في متصفحك.

اكتب ما تود البحت عنه و اضغط Enter
recent
عاجل
الصفحة الرئيسية

اضافة اشترك بالمدونة لقوالب البلوجر بشكلها الجديد 2020

 


أضافة أشترك بالمدونة بشكلها الجديد


هناك الكثير من القوالب تظهر اضافة الاشتراك بشكل غير جميل او هي بالاساس تكون مخفية

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

و بخطوات بسيطة جدا


معاينة الأضافة


معاينة الأضافة


تركيب الأضافة 


أولاً ، قم بفتح لوحة تحكم بلوجر انقر على المظهر وانقر على زر تعديل
أضف هذا الكود قبل الوسم /head


  <style>  
  @import url(&#39;https://fonts.googleapis.com/css?family=Muli:400,700&#39;);*,*:before,*:after,input[type=&quot;search&quot;]{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-tap-highlight-color:transparent}
*,*:before,*:after{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
input,select,textarea{width:100%}
body{background:#dfe4ea;font-family:&#39;Muli&#39;,sans-serif;margin:0;padding:0;position:relative;line-height:normal;overflow:hidden}
a{color:#294db4;text-decoration:none;transition:all .3s}
a:hover{color:#2141a0}
#wrapper{max-width:340px;margin:6% auto;background:#fff;padding:0;color:#222;font-size:16px;line-height:1.6;border-radius:22px;overflow:hidden;box-shadow:0 13px 15px -10px rgba(9,32,76,.025)}
#wrapper h3{font-weight:700;margin:0 auto 10px auto}
/* Subscribe Box */
#subscribe-box p{position:relative;overflow:hidden}
#subscribe-box p{font-size:14px;color:#767676;margin:0 72px 15px 10px;font-family:&#39;helvetica&#39;;padding:0;line-height:normal}
#subscribe-box .emailfield{position:relative;margin:auto;z-index:1}
#subscribe-box .emailfield input{background:rgba(255,255,255,.9);padding:13px 20px;color:#aaa;border:1px solid rgb(224 224 224);font-size:14px;margin-bottom:16px;border-radius:99em}
#subscribe-box .emailfield input:focus{color:#222;outline:none;border-color:rgba(0,0,0,0.05);box-shadow:inset 0 0 0 3px rgba(0,0,0,0.05)}
#subscribe-box .emailfield .submitbutton{display:block;position:relative;overflow:hidden;background:rgba(255,255,255,.25);color:#fff;width:100%;font-size:15px;font-weight:bold;border:0;margin:auto;box-shadow:0 2px 3px rgba(0,0,0,0.1),0 2px 4px rgba(0,0,0,0.13);transition:all 0.2s cubic-bezier(0.4,0,0.2,1)}
#subscribe-box .emailfield .submitbutton:active,#subscribe-box .emailfield .submitbutton:hover{background:rgba(255,255,255,.35);color:#fff;box-shadow:0 3px 3px rgba(0,0,0,0.1),0 3px 4px rgba(0,0,0,0.13)}
#subscribe-box .emailfield input:focus.submitbutton{color:#fff}
#subscribe-box .emailfield form{position:relative}
#subscribe-box .emailfield .submitbuttonlabel{position:absolute;top:3px;left:8px;display:inline;padding:8px 12.5px 8px 20px;cursor:pointer;font-size:13px}
#subscribe-box .emailfield .submitbuttonlabel svg{fill:#767676;width:22px;height:22px;vertical-align:middle;transition:all .3s}
#subscribe-box .emailfield .submitbuttonlabel svg:hover,#subscribe-box .emailfield .submitbuttonlabel svg:focus{fill:#568af5}
#HTML98{position:relative;overflow:hidden;padding:20px}
#HTML98:after{content:&#39;&#39;;display:block;position:absolute;bottom:0;right:0;width:120px;height:120px;background-image:linear-gradient(50deg,#ff4169,#8b41f6);background-repeat:no-repeat;border-radius:120px 0 0;transition:opacity .3s;opacity:1}
#HTML98:before{content:&#39;&#39;;display:block;position:absolute;bottom:0;right:0;width:120px;height:120px;background-image:linear-gradient(230deg,#ff4169,#8b41f6);background-repeat:no-repeat;border-radius:120px 0 0;transition:opacity .3s;opacity:1}
#HTML98:hover:after{opacity:0}
#HTML98:hover:before{opacity:1}
#HTML98 h2:after,#HTML98 h3:after,#subscribe-box .emailfield input[type=submit]{display:none}
</style>


ثانيا ننتقل الى التخطيط او التنسيق و نضيف الأكواد التالية بداخل اداة جديدة مع تسميتها باسم مناسب





و نقوم بالحفظ و مبروك عليك الأضافة





author-img

maher

تعليقات
    ليست هناك تعليقات
    إرسال تعليق
      الاسمبريد إلكترونيرسالة