أبحث عن ما تريد فى المدونة قوالب إضافات وكل شئ يخص بلوجر سوف تجده على المدونة

  • الصفحة غير موجودة ، 404

    الصفحة أو الكلمة التى تبحث عنها غير موجوده على المدونة أو تم حذفها

    يمكنك التبليغ عن رابط لا يعمل من هذا الصفحة التبليغ عن رابط لا يعمل

    ويمكنك طلب ما تريده من هذه الصفحة الدعم الفنى

    أو يمكنك العودة للصفحة الرئيسية أو البحث عن الصفحةو من جديد

    العودة للرئيسية

    الثلاثاء، 14 يونيو، 2016

    اضافة واجهة احترافية لمدونات بلوجر




    اسلام عليكم ورحة الله اافة جديدة على المدونة وهى اضافة واجهة احترافية لمدونات بلوجر ويمكنك اضافتها على جميع مدونات بلوجر فى جميع التخصوصات فهى واجهة احترافية جدا ويمكنك معاينة الاواجهة من الرابط التالى .


    شرح التركيب

    1- قم باخذ نسخة احتياطية من مدونتك لعدم حدوث اى مشكلة .

    2- قم بالبحث فى قال مدونتك عن الوسم <body> ثم قم بوضع الكود التالى فوقة - قبلة .

    <b:if cond='data:blog.url == data:blog.homepageUrl'>
    <div class='outer-wrap animated fadeInUp'>
    <ul class='social-icons'>
    <li><a href='#'><i class='fa fa-twitter' style='width: 40px;'/></a></li>
    <li><a href='#'><i class='fa fa-facebook' style='margin-right: 0px;'/></a></li>
    <li><a href='#'><i class='fa fa-google-plus' style='margin-right: 0px;margin-top: 0px;'/></a></li>
    </ul>
    <div class='title-wdbloog'> <i class='fa fa-google-wallet'/> WDBLOOG </div>
    <div class='ender'>
    <i class='fa fa-globe'/> مدونة عالم المدون  <i class='fa fa-globe'/></div>
    <div class='efgfger'>اهلا بك معنا تفضل بالدخول للمدونة</div>
    <div class='social'>
    <li class='wdbloop'><i class='fa fa-hand-o-left'/></li>
    <li class='wdbloog-tooltip wdbloog-tooltip-top'><a class='fa1' href='http://wdbloog2.blogspot.com/search/?max-results=8' target='_blank'><i class='fa fa-sign-in'/></a></li>
    <li class='wdbloog-tooltip wdbloog-tooltip-top2'><a href='#' target='_blank'><i class='fa fa-info'/></a></li>
    <li class='wdbloog-tooltip wdbloog-tooltip-top3'><a href='#' target='_blank'><i class='fa fa-camera'/></a></li>
    <li class='wdbloog-tooltip wdbloog-tooltip-top4'><a href='#' target='_blank'><i class='fa fa-envelope'/></a></li>
    </div>
    <div class='name545'>
    <p class='name' href='search/?max-results=18'>ادخل للمدونة </p>
    <p class='name' href='search/?max-results=18'>عن المدون</p>
    <p class='name' href='search/?max-results=18'>معرض اعمالى</p>
    <p class='name' href='search/?max-results=18'>اتصل بنا</p>
    </div>
    <style>
    
    body { background: #fff; }
    .fa { display: inline-block; font-family: FontAwesome; font-style: normal; font-weight: 400; line-height: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } 
    .outer-wrap {background: #232323;border: 30px solid rgba(255,255,255,0.2);padding-top: 202px;  padding-bottom: 202px;} 
    .logo { margin: 0 auto; width: 70px; height: 70px; background-color: #F6F9FA; padding: 5px; border: 1px solid #E9F0F3; border-radius: 100%!important; box-sizing: initial!important; } 
    .logo img { width: 70px; height: 70px; border-radius: 100%!important; transition: all .17s ease-out; } 
    .logo img:hover { -webkit-filter: grayscale(100%); } 
    .title-wdbloog {text-align: center; color: #fff; font-size: 55px; font-weight: 700;font-family: &#39;Lobster&#39;,ge_ss_threeregular; } 
    .title-wdbloog span { color: #E74C3C; } 
    .ender {text-align: center; color: #fff; font-size: 70px; margin-top: 45px;font-family: &#39;Lobster&#39;,ge_ss_threeregular;} .social { margin: 30px 0; text-align: center; float: none;margin-top: 45px;} 
    .social li {
    margin-right: 8px;
      text-align: center;
      border-radius: 50%!important;
      transition: all 0.3s ease-out 0s;
      background: #EC2C3B;
      text-decoration: none;
      font-size: 55px;
      overflow: hidden;
      position: relative;
      display: inline-block;
      width: 65px;
      height: 60px;
      margin: 10px;
      margin-bottom: 0;
      line-height: 100px;
      color: #fff;
      padding-bottom: 31px;
      padding-right: 15px;
      padding-left: 12px;
      padding-top: 0px;
    } 
    .social li:hover { background-color: #E74C3C; } 
    .social li a { color: #fff;} 
    .actions { text-align: center; margin: 10px 0; } .actions li { list-style: none; display: inline-block; padding-left: 5px; padding-right: 5px; } 
    .actions li a { background-color: #E74C3C; color: #FFF; font-size: 13px; padding: 4px 8px; border-radius: 2px!important; text-decoration: none; transition: all 0.3s ease-out 0s; } 
    .actions li a:hover.buka-contact:hover { background-color: #DA4335; } 
    .wrapper{display: none!important;} 
    
    
    .contact-sec { position: fixed; top: 50%; margin-top: -190px; left: 50%; max-width: 350px; width: 90%; border-radius: 2px!important; margin-left: -175px; background-color: #FFF; height: auto; z-index: 99999; display: none; box-shadow: 2px 3px 3px rgba(0,0,0,0.1); -webkit-transform: scale(0); -moz-transform: scale(0); transform: scale(0); transition: all .5s ease; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; -o-transition: all .2s ease; } .contact-close { position: absolute; top: -12px; right: -12px; background-color: #E74C3C; color: #FFF; height: 25px; width: 25px; text-align: center; border-radius: 2px!important; line-height: 25px; font-size: 10px; transition: all 0.3s ease-out 0s; } 
    a.contact-close { color: #FFF!important; } 
    .contact-close:hover { background-color: #D24334; } 
    .contact-sec .widget { padding: 20px; } .contact-sec .contact-form-cross { display: none; } 
    .contact-sec.contact-show { -webkit-transform: scale(1); -moz-transform: scale(1); transform: scale(1); } 
    .form { font-family: inherit !important; font-size: 13px!important; text-align: right; } .contact-form-name, .contact-form-email, 
    .contact-form-email-message { max-width: 100%; width: 100%; } span.c_form { color: #e74c3c!important; } 
    .contact-form-widget { height: auto; margin-left: 0; max-width: 100%; padding: 0; padding-top: 0; width: 100%; } .contact-form-name, .contact-form-email, 
    .contact-form-email-message { max-width: 100%!important; width: 100%!important; border: 1px solid #F6F9FA!important; background-color: #F6F9FA!important; } .contact-form-email:hover, .contact-form-name:hover, .contact-form-email-message:hover { border: 1px solid #E9F0F3!important; border-top: 1px solid #E9F0F3!important; box-shadow: none!important; } .contact-form-email:focus, .contact-form-name:focus, .contact-form-email-message:focus { border-color: #E9F0F3 !important; box-shadow: none!important; transition: all .3s ease-out!important; } .contact-form-button-submit.disabled, .contact-form-button-submit.disabled:hover, .contact-form-button-submit.disabled:active { background-color: #3AC162!important; border-color: #3AC162!important; transition: all .3s ease-out!important; } .contact-form-button-submit:focus, .contact-form-button-submit.focus { border-color: #3AC162!important; box-shadow: none!important; transition: all .3s ease-out!important; } .contact-form-button-submit { background-color: #E74C3C; background-image: -webkit-linear-gradient(top, #E74C3C, #E74C3C); border-color: #E74C3C; border-radius: 0!important; width: 100%!important; font-size: 13px!important; font-weight: 400!important; text-transform: capitalize !important; font-family: inherit !important; padding-bottom: 26px !important; transition: all 0.3s ease-out 0s!important; } .contact-form-button-submit:hover { background-color: #D83929; background-image: -webkit-linear-gradient(top, #D83929, #D83929); border-color: #D83929; border-radius: 0!important; cursor: pointer!important; } .contact-form-error-message-with-border { background: rgba(234, 97, 83, 0.1)!important; border: 1px solid #ea6153!important; bottom: 0; box-shadow: none!important; color: #666; font-size: 11px; font-weight: normal; line-height: 19px; margin-left: 0; opacity: 1; position: static; text-align: center; width: 308px!important; } .contact-form-success-message-with-border { background: rgba(234, 97, 83, 0.1)!important; border: 1px solid #ea6153!important; bottom: 0; box-shadow: none!important; color: #222; font-size: 11px; line-height: 19px; margin-left: 0; opacity: 1; position: static; text-align: center; width: 308px!important; } #outer-wrapper.pop_contact { transition: all 0s ease; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; } #outer-wrapper.pop_contact:before { content: &#39;&#39;; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.69); transition: all 0s ease; -webkit-transition: all 0s ease; -moz-transition: all 0s ease; -o-transition: all 0s ease; }.title{display: none;}
    
    .wdbloog-tooltip {position:relative;display:inline-block;}
    .wdbloog-tooltip:hover:before, .wdbloog-tooltip:hover:after {opacity:1;}
    .wdbloog-tooltip-top:after {bottom:125%;left:10%;margin:0 0 -6px -10px;}
    .ar1web-tooltip-top:hover:before {margin-bottom:-10px;}
    .ar1web-tooltip-top:hover:after {margin-bottom:2px;}
    .genrebox{background: #E74C3C; border: 0; color: #fff; outline: 0; padding: 4px 0; display: inline-block; font-size: 12px; font-weight: 500; border-radius: 2px!important;}
    .fa-globe:before {
      content: &quot;\f004&quot;;
      color: #ec2c3b;
    }
    .efgfger {
      font-size: 35px;
      font-weight: 700;
      color: #fff;
      font-family: &#39;Lobster&#39;,ge_ss_threeregular !important;
      margin-left: 55px;
      text-align: center;
      margin-top: 55px;
      margin-right: 50px;
    }
    li.wdbloog-tooltip.wdbloog-tooltip-top {
      background: #A0AE27;
    }
    li.wdbloog-tooltip.wdbloog-tooltip-top2 {
      background: #5F1DFF;
    }
    li.wdbloog-tooltip.wdbloog-tooltip-top3 {
      background: #34DB77;
    }
    li.wdbloog-tooltip.wdbloog-tooltip-top4 {
      background: #D24D57;
    }
    p.name {
      float: right;
      text-align: center;
      margin-right: 37px;
      margin-left: 10px;
      color: #FFFFFF;
      font-family: &#39;Lobster&#39;,ge_ss_threeregular;
      font-size: 16px;
    }
    .name545 {
      margin-right: 410px;
      margin-top: -15px;
    }
    .social-icons li {
      display: inline-block;
      background: rgba(35,35,35,0.4);
      height: 40px;
      width: 40px;
      line-height: 40px;
      -webkit-border-radius: 0;
      -moz-border-radius: 0;
      -ms-border-radius: 0;
      border-radius: 0;
      -webkit-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
      -moz-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
      -ms-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
      -o-transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
      transition: all 0.2s cubic-bezier(0.42, 0, 0.58, 1);
      padding: 0px;
    }
    ul.social-icons {
      float: left;
      margin-top: -199px;
      margin-left: 15px;
    }
    i.fa.fa-facebook:hover {
      background:#3b5998;
    }
    i.fa.fa-google-plus:hover {
      background: #EC2C3B;
    }
    i.fa.fa-twitter:hover {
      background: #1da1f2;
    }
    
    @media screen and (max-width: 500px) {
    .outer-wrap {margin: 35% auto 0px;}
    .contact-sec {top: 55%;}
    .contact-sec {max-width: 280px!important;margin-left: -141px !important;}
    .contact-form-error-message-with-border {width: 238px!important;}
    .contact-form-success-message-with-border {
    width: 238px!important;}
    .social { width: initial!important;}
    }
    @media screen and (max-width: 1280px) {
    .outer-wrap {padding-top: 202px;padding-bottom: 195px;} 
    }
    </style>
        </div>
        </b:if>

    3- قم بالبحث عن الوسم </body>  ثم قم بوضع الكود التالى فوقة - قبلة .

    </b:if>

    4- قم بتغيير رابط المدونة برابط مدونتك وكذلك مواقع التواصل وايضا الازرار بجوار رابط المدونة .

    5- قم بحفظ القالب ومبروك عليك الاضافة .

    وهذا كل شئ فى موضوع اليوم اذا واجهتك اى مشكلة فى تركيب الإضافة او تريد التعديل على اى شئ ، فباب التعليقات مفتوح لا تتردد ! وادعمنا بمشاركة التدوينة ليستفيد منها الجميع :)


    شارك الموضوع ليستفيد الجميع

    مواضيع قد تهمك ايضا

    هناك 4 تعليقات:

    اريد الاشتراك في التبادل الاعلاني www.ti9aniya.com

    لم يعد يتوفر التبادل الأعلانى
    يمكنك طلب خدمة الأعلان على المدونة
    https://khamsat.com/user/abdo-abd-alrazzaq

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

    شكرا لك اخى الكريم على دعمك

    يسعدنا تفاعلكم بالتعليق ولكن نرجو منكم أن يكون خاص بالموضوع
    الأبتساماتأخفاء الأبتسامات

    Mohon Aktifkan Javascript!Enable JavaScript



    إتصل بنا

    الإسم الكريم البريد الإلكتروني مهم الرسالة مهم
    جميع الحقوق محفوظة لـ عالم المدون | قوالب بلوجر,اضافات بلوجر, دروس وشروحات بلوجر