User Picture مصمم: سهيل ويب
search



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

التعديل على الاكواد .



                                                          التركيب :


        1. الان قم بالدخول إلى لوحة تحكم المدونة
        2.  اختر قالب
        3.  ثم انقر فوق تحرير HTML
        ابحث عن الوسم </head> و اضف الكود التالي فوقه :

        <link href='//netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.css' rel='stylesheet'/> 

        الان ابحث عن الوسم ]]></b:skin> و اضف الكود التالي فوقه :

        #wrap {
            margin: 20px auto;
            text-align: center;
        }

        #wrap br {
            display: none;
        }

        .btn-slide, .btn-slide2 {
            position: relative;
            display: inline-block;
            height: 50px;
            width: 200px;
            line-height: 50px;
            padding: 0;
            border-radius: 50px;
            background: #fdfdfd;
            border: 2px solid #0099cc;
            margin: 10px;
            transition: .5s;
        }

        .btn-slide2 {
            border: 2px solid #efa666;
        }

        .btn-slide:hover {
            background-color: #0099cc;
        }

        .btn-slide2:hover {
            background-color: #efa666;
        }

        .btn-slide:hover span.circle, .btn-slide2:hover span.circle2 {
            right: 100%;
            margin-right: -45px;
            background-color: #fdfdfd;
            color: #0099cc;
        }

        .btn-slide2:hover span.circle2 {
            color: #efa666;
        }

        .btn-slide:hover span.title, .btn-slide2:hover span.title2 {
            right: 40px;
            opacity: 0;
        }

        .btn-slide:hover span.title-hover, .btn-slide2:hover span.title-hover2 {
            opacity: 1;
            right: 40px;
        }

        .btn-slide span.circle, .btn-slide2 span.circle2 {
            display: block;
            background-color: #0099cc;
            color: #fff;
            position: absolute;
            float: right;
            margin: 5px;
            line-height: 42px;
            height: 40px;
            width: 40px;
            top: 0;
            right: 0;
            transition: .5s;
            border-radius: 50%;
        }

        .btn-slide2 span.circle2 {
            background-color: #efa666;
        }

        .btn-slide span.title,
          .btn-slide span.title-hover, .btn-slide2 span.title2,
          .btn-slide2 span.title-hover2 {
            position: absolute;
            right: 90px;
            text-align: center;
            margin: 0 auto;
            font-size: 16px;
            font-weight: bold;
            color: #30abd5;
            transition: .5s;
        }

        .btn-slide2 span.title2,
          .btn-slide2 span.title-hover2 {
            color: #efa666;
            right: 80px;
          }

        .btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
            right: 80px;
            opacity: 0;
        }

        .btn-slide span.title-hover, .btn-slide2 span.title-hover2 {
            color: #fff;
        }


        كيفية استخدام الازرار في المواضيع
        عند كتابة موضوع انتقل إلى وضع HTML :

        <div id="wrap">

        <a href="#" class="btn-slide">
          <span class="circle"><i class="fa fa-rocket"></i></span>
          <span class="title">معاينة</span>
          <span class="title-hover">اضغط للمعاينة</span>
        </a>
        <a href="#" class="btn-slide2">
          <span class="circle2"><i class="fa fa-download"></i></span>
          <span class="title2">تحميل</span>
          <span class="title-hover2">اضغط للتحميل</span>
        </a>
        </div>


         



        اضافة تحميل تطبيق المدونة

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

        مميزات الاضافة

        1. التحميل للاندرويد و ios
        2. الشكل المتميز والفريد
        الشرح
        1. توجه لمدونتك
        2. ادخل التخطيط
        3. اضف الكود التالى فى اداة html/javascript

                                                            للحصول على الكود

        <link href='//maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css' rel='stylesheet'/>
        <style>
        .blog-logo img {
            width: 30%;
            height: 30%;
            border-radius: 20%;
        }
        .blog-app-text {
            text-align: center;
        }
        .blog-app-title {
            background: #3598DC;
            color: #fff;
            width: 50%;
            display: inline-block;
            padding: 3px;
            text-align: center;
        }
        .blog-app-description {
            padding: 5px 2px;
            color: #737373
        }
        .download-app {
            width: 100%;
            height: 100%;
            overflow: hidden;
        }
        .download-app a {
            width: 48%;
            display: inline-block;
            float: right;
            text-align: center;
            margin: 3px;
            border-radius: 30px;
            padding: 4px 0;
            color: #fff;
        }
        .android {
            background: #74C043;
        }
        .ios {
            background: #808080;
        }
        .tooltip {
            -webkit-transition: all 200ms ease-out;
            -moz-transition: all 200ms ease-out;
            -o-transition: all 200ms ease-out;
            -ms-transition: all 200ms ease-out;
            transition: all 200ms ease-out;
            position: absolute;
            display: inline-block;
            width: 130px;
            HEIGHT: 23px;
            line-height: 23px;
            text-align: center;
            margin-right: -71px;
            margin-top: -30px;
            font-size: 13px;
            background: #02ADD4;
            border-radius: 2px;
            color: #FFFFFF;
            opacity: 0;
        }
        .download-app a:hover .tooltip {
            opacity: 1;
            z-index: 9999;
        }
        </style>
        <div class='blog-app'>
        <div class='blog-logo'>
          <center><a href='#'><img src='https://1.bp.blogspot.com/-8J8eHcilvP0/V-1RK21q0PI/AAAAAAAAANU/M7bq8MgfeTgMReW9Q8OuFMXSaSJqZZluACK4B/s1600/unnamed.png'/></a></center>
        <div>
        <div class='blog-app-text'>
        <h3 class='blog-app-title'>حمل تطبيق المدونة</h3>
        <p class='blog-app-description'>
        حمل تطبيق مدونتنا على هاتفك لتتوصل بكل جديدنا، وحتى لا يفوتك اي شيء ، فماذا تنتظر !
        </p>
        </div>
        <div class='download-app'>
        <a class='android' href='http://up.top4top.net/downloadf-3051o1pn1-apk.html'><i class="fa fa-android"/></i><span class='tooltip'>تحميل على الاندرويد</span></a>
        <a class='ios' href='https://websouhail.blogspot.com/'><i class="fa fa-apple"/></i><span class='tooltip'>تحميل على IOS</span></a>
        </div>
        </div></div></div>


        واخيرا احفظ واذهب لمدونتنك 
        ومبروك عليك الاضافة 


        لا تنسو ان اعجبكم الموضوع الاشتراك لمتابعة جديدنا


        والاشتراك في قناتي






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


        1. متجاوب مع اغلب انواع الشاشات
        2. سريع
        3. الوان مريحة
        4. سلايدران تلقائيين
        5. اضافات جميلة
        6. التبادل الاعلاني
        7. هيدر داخل التدوينات
        8. شريط اخبار حصري
        9. المشاركات الشائعة بشكل جديد
        10. والمزيد اترككم تكتشفونه بأنفسكم



        السلام عليكم ورحمة الله اهلا بكم في هذه التدوينة الجديدة والحصرية على مدونة سهيل ويب سوف نتطرق من خلالها كيفية تحميل قالب امني للمعلوميات بدون اخطاء وبكامل اضافته وبدون شروط فكما يعلم الجميع ان القالب هو قالب ليفون المدفوع ولكن مدونة المتميز للمعلوميات وظعته مجانا.والان اعطيكم القالب الحالي لمدونة امني
        مميزات القالب:

        1. قالب سريع
        2. متجاوب مع جميع الشاشات
        3. صديق لجميع محركات البحث
        4. سلايدر شو رائع
        5. الوان مريحة للعين
        6. يمكنك التعديل عليه من خلال التخطيط فقط

          للتحميل للمعاينة للتحميل




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

        من لوحة التحكم >> قالب>> تحرير html
        قم بالبحث عن الكود التالي بالاستعانة بلوحة التحكم (CTRL+F)



        ]]></b:skin>

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


        html,
        body {
          height: 100%;
          font-family: arial;
          font-size: 20px;
          background-color: #E47171;
        }
        * {
          margin: 0;
          padding: 0;
        }
        h1 {
          text-align: center;
          font-size: 29px;
          padding: 20px;
          text-transform: uppercase;
          color: #fff;
        }
        .span {
          margin: 15px auto 15px;
          padding: 22px;
          max-width: 550px;
          font-size: 17px;
          line-height: 1.5;
          font-weight: normal;
          border-radius: 20px;
          background-color: #E28F8F;
        }
        .span h3 {
          color: #632C2C;
          font-weight: normal;
        }
        .active .span.span2 {
          background-color: #fff;
          animation: cr 2s linear;
          animation-iteration-count: infinite;
        }
        @keyframes cr {
          0%,
          100% {
            background-color: #fff;
          }
          50% {
            background-color: #8FDAE2;
          }
        }
         قم بحفظ العمل
        * ما يتبقى عليك إلا وضع أحد الصناديق أو جميعها في موضوع

        هذ هو الكود المتلون


        <div class="active">
          <h1></h1>
          <div class="span span2">
        <pre class="s1">الصق الكود هنا</pre>
          </div>
        </div>


         الكود العادي

        <div class="active">
          <h1></h1>
          <div class="span span1">
        <pre class="s1">الصق الكود هنا</pre>
          </div>
        ملاحظة غير فقط الصق الكود هنا يالكود المراد العمل به
        مبروك عليك الاضافة 



        السلام عليكم ورحمة الله اهلابكم في مدونة سهيل ويب وبعد غياب طويل جدا ,نزولا لطلب العديد من متابعين الأوفياء قررت ان اضع جميع انتروهات الرائعة والخرافية للمدونة امني للمعلوميات بالمجان .


        1. الاول المعاينة / تحميل
        2. الثاني المعاينة / تحميل
        3. الثالث المعاينة / تحميل
        4. الرابعة المعاينة / تحميل
        5. الخامس المعاينة / تحميل
        اهلا بكم زوار ومتابعى مدونة سهيل ويب . تعليقات المدونة من اهم الاضافات ومن اهم شى فى القالب ايضا حيث يمكن الزائر او المتابع ان يعطى رائيه او يستفسر عن شىزولكن الاهم من ذلك هو شكل التعليقات فمن خلال شكل التعليقات يحدد الزائر روعة قالب وليس شكل التعليقات فقط ولكن القالب بحد ذاته يعبر عن مدى روعة مدونتك, لذلك قررنا ونشر صندوق التعليقات الخاص بمدونتنا لكى يستفيد من الكل وتعطى جمالية على قوالبكم

        شرح طريقة التركيبة


        1.  افتح القالب من تحرير html
        2.  إبحث عن <b:includable id='comments' var='post'>...</b:includable> ثم غيره بالكود التالي 
         ملاحظة : إذ لم تجده إبحث عن <b:includable id='comments' var='post'>



        <b:includable id='comments' var='post'>
                              <div class='comments' id='comments'>
                                <a name='comments'/>
                                <b:if cond='data:post.allowComments'>
                                  <h4><data:post.commentLabelFull/>: <i class='fa fa-comments-o'/></h4>
                                  <b:if cond='data:post.commentPagingRequired'>
                                    <span class='paging-control-container'>
                                      <b:if cond='data:post.hasOlderLinks'>
                                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'><data:post.oldestLinkText/></a>
                                        &#160;
                                        <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'><data:post.olderLinkText/></a>
                                        &#160;
                                      </b:if>
                                      <data:post.commentRangeText/>
                                      <b:if cond='data:post.hasNewerLinks'>
                                        &#160;
                                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'><data:post.newerLinkText/></a>
                                        &#160;
                                        <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'><data:post.newestLinkText/></a>
                                      </b:if>
                                    </span>
                                  </b:if>
                                  <div expr:id='data:widget.instanceId + &quot;_comments-block-wrapper&quot;'>
                                    <dl expr:class='data:post.avatarIndentClass' id='comments-block'>
                                      <b:loop values='data:post.comments' var='comment'>
                                        <dt expr:class='&quot;comment-author &quot; + data:comment.authorClass' expr:id='data:comment.anchorName'>
                                          <b:if cond='data:comment.favicon'>
                                            <img expr:src='data:comment.favicon' height='16px' style='margin-bottom:-2px;' width='16px'/>
                                          </b:if>
                                          <a expr:name='data:comment.anchorName'/>
                                          <b:if cond='data:blog.enabledCommentProfileImages'>
                                            <data:comment.authorAvatarImage/>
                                          </b:if>
                                          <b:if cond='data:comment.authorUrl'>
                                            <a expr:href='data:comment.authorUrl' rel='nofollow'><data:comment.author/></a>
                                            <b:else/>
                                            <data:comment.author/>
                                          </b:if>
                                          <data:commentPostedByMsg/>
                                        </dt>
                                        <dd class='comment-body' expr:id='data:widget.instanceId + data:comment.cmtBodyIdPostfix'>
                                          <b:if cond='data:comment.isDeleted'>
                                            <span class='deleted-comment'><data:comment.body/></span>
                                            <b:else/>
                                            <p>
                                              <data:comment.body/>
                                            </p>
                                          </b:if>
                                        </dd>
                                        <dd class='comment-footer'>
                                          <span class='comment-timestamp'>
                                            <a expr:href='data:comment.url' title='comment permalink'>
                                              <data:comment.timestamp/>
                                            </a>
                                            <b:include data='comment' name='commentDeleteIcon'/>
                                          </span>
                                        </dd>
                                      </b:loop>
                                    </dl>
                                  </div>
                                  <b:if cond='data:post.commentPagingRequired'>
                                    <span class='paging-control-container'>
                                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.oldestLinkUrl'>
                                        <data:post.oldestLinkText/>
                                      </a>
                                      <a expr:class='data:post.oldLinkClass' expr:href='data:post.olderLinkUrl'>
                                        <data:post.olderLinkText/>
                                      </a>
                                      &#160;
                                      <data:post.commentRangeText/>                              &#160;
                                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newerLinkUrl'>
                                        <data:post.newerLinkText/>
                                      </a>
                                      <a expr:class='data:post.newLinkClass' expr:href='data:post.newestLinkUrl'>
                                        <data:post.newestLinkText/>
                                      </a>
                                    </span>
                                  </b:if>
                                  <p class='comment-footer'>
                                    <b:if cond='data:post.embedCommentForm'>
                                      <b:if cond='data:post.allowNewComments'>
                                        <b:include data='post' name='comment-form'/>
                                        <b:else/>
                                        <data:post.noNewCommentsText/>
                                      </b:if>
                                      <b:elseif cond='data:post.allowComments'/>
                                      <a expr:href='data:post.addCommentUrl' expr:onclick='data:post.addCommentOnclick'><data:postCommentMsg/></a>
                                    </b:if>
                                  </p>
                                </b:if>
                                <b:if cond='data:showCmtPopup'>
                                  <div id='comment-popup'>
                                    <iframe allowtransparency='true' frameborder='0' id='comment-actions' name='comment-actions' scrolling='no'>
                                    </iframe>
                                  </div>
                                </b:if>
                                <script class='java' type='text/javascript'>
                                  //<![CDATA[
                                  $(document).ready(function(){
                                    $('.comments .comments-content .avatar-image-container img').each(function(){
                                      this.src = this.src.replace('/s35-c/', '/s80-c/');
                                    });
                                    $('.comments .comments-content .avatar-image-container img').each(function(){
                                      this.src = this.src.replace('/s35/', '/s80-c/');
                                    });
                                  });
                                  //]]>
                                </script>
                              </div>
                            </b:includable>
          نلانال

          1. ابحث عن <b:includable id='threaded-comment-form' var='post'>...</b:includable> واغلقه واستبدله كاملا بهذا الكود
          * ملاحظة : إذ لم تجده إبحث عن نصفه كما بالسابق
          <b:includable id='threaded-comment-form' var='post'>
                                <div class='comment-form'>
                                  <a name='comment-form'/>
                                  <b:if cond='data:mobile'>
                                    <p><data:blogCommentMessage/></p>
                                    <data:blogTeamBlogMessage/>
                                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' style='display: none' width='100%'/>
                                    <b:else/>
                                    <p><data:blogCommentMessage/></p>
                                    <data:blogTeamBlogMessage/>
                                    <a expr:href='data:post.commentFormIframeSrc' id='comment-editor-src'/>
                                    <iframe allowtransparency='true' class='blogger-iframe-colorize blogger-comment-from-post' frameborder='0' height='410' id='comment-editor' name='comment-editor' src='' width='100%'/>
                                  </b:if>
                                  <data:post.friendConnectJs/>
                                  <data:post.cmtfpIframe/>
                                  <script type='text/javascript'>
                                    BLOG_CMT_createIframe(&#39;<data:post.appRpcRelayPath/>&#39;);
                                  </script>
                                </div>
                              </b:includable>

            1.  ابحث عن ]]></b:skin> وضع هذا الستايل قبله
            * ملاحظة : تاكد اولا من حذف ستايل التعليقات القديم
            #comments {
                    margin-top: 40px;
                    padding: 0px 20px;
                    display: inline-block;
                    width: 100%;
                    border-bottom-width: 0;
                       background: url(https://2.bp.blogspot.com/-Tli7X-Epbus/V5ENQ3om9hI/AAAAAAAAAWc/xsCPHqTOTIQeJu8ZEaXmFIIGoMyxnyyPACLcB/s1600/tr.png) no-repeat !important;
                transition: box-shadow .25s;
                border-radius: 2px;
                box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
                background-color: #fbfbfb !important;
                background-size: cover !important;
                background-attachment: fixed !important;
                position: relative;
                border-radius: 4px;
                border-bottom: 3px solid rgba(214,223,222,.25);
                -webkit-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.08);
                -moz-box-shadow: 0px 2px 3px 0px rgba(0,0,0,0.08);
                box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
              -moz-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 3px 5px rgba(0, 0, 0, 0.03);
              -webkit-box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 3px 5px rgba(0, 0, 0, 0.03);
              box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.01), 0 3px 5px rgba(0, 0, 0, 0.03);
              border-bottom: 1px solid #e4e4e4;
              border-bottom: 1px solid rgba(0, 0, 0, 0.1);
            font-family: Electrolize,ge_ss_threeregular;
                font-weight: 900;
                  }
                  #comments &gt; h4 {
                    color: #7B7B7B;
                    padding: 20px;
                    text-align: right;
                    border-bottom: 1px solid #eee;
                    font-size: 18px;
                    font-weight: 300;
            
                  }
                  #comments &gt; h4 i {
                    float: left;
                    line-height: 1.5em;
                  }
                  #comments #comment-post-message {
                    padding-right: 20px;
                    color: #7B7B7B;
                  }
                  #comments .user a {
                color: #fff;
                font-style: normal;
                font-size: 13px;
                line-height: 26px;
                font-weight: 400;
                background: url(&#39;https://2.bp.blogspot.com/-Tli7X-Epbus/V5ENQ3om9hI/AAAAAAAAAWc/xsCPHqTOTIQeJu8ZEaXmFIIGoMyxnyyPACLcB/s1600/tr.png&#39;) !important;
                background-attachment: fixed !important;
                background-size: cover !important;
                background-color: rgba(0, 150, 136,1.0) !important;
                padding: 4px;
                border-radius: 2px;
                   
                  }
            #comments .datetime,#comments .datetime a {color: #999;text-decoration: none;margin: 0 0px 0px;font-size: 14px;display: inline-block;float: left;}
            .comments .comments-content .comment-content {margin: 0 0 20px;color: #7B7B7B;font-size: 13px;}
            #comments .datetime a {margin: auto;font-weight: 500;font-size: 12px;color: #fff;font-style: normal;font-size: 13px;line-height: 26px;font-weight: 400;background: url(&#39;https://2.bp.blogspot.com/-Tli7X-Epbus/V5ENQ3om9hI/AAAAAAAAAWc/xsCPHqTOTIQeJu8ZEaXmFIIGoMyxnyyPACLcB/s1600/tr.png&#39;) !important;background-attachment: fixed !important;background-size: cover !important;background-color: rgba(96, 125, 139,1.0) !important;padding: 4px;border-radius: 2px;}
            #comments .comment-actions a {
            background-color: #E15D5D;
            border: 1px solid #E15D5D;
            border-radius: 2px;
            color: #FFF;
                    font-size: 11px;
                    line-height: 1.2em;
                    padding: 3px 9px 2px;
                    text-transform: uppercase;
                    text-decoration: none;
                    margin-left: 10px;
                  }
                  #comments .comment-actions a:hover {
                    color: #fff;
                    background-color: #555;
                    border: 1px solid #555;
                  }
                  #comments .comment {
                    border-bottom: 1px solid #eee;
                    padding: 0;
                  }
                  #comments .loadmore {
                    margin-top: 0;
                  }
                  .comment-replies .inline-thread {
                border-width: 1px 1px 1px 3px;
                border-style: solid;
                border-color: #ddd #ddd #ddd #E15D5D;
                margin: 20px 0 20px !important;
                background: url(https://2.bp.blogspot.com/-Tli7X-Epbus/V5ENQ3om9hI/AAAAAAAAAWc/xsCPHqTOTIQeJu8ZEaXmFIIGoMyxnyyPACLcB/s1600/tr.png) no-repeat !important;
                transition: box-shadow .25s;
                border-radius: 2px;
                box-shadow: 0 2px 5px 0 rgba(0,0,0,0.16),0 2px 10px 0 rgba(0,0,0,0.12);
                background-size: cover !important;
                background-attachment: fixed !important;
                position: relative;
                border-radius: 4px;
                  }
                  #comment-editor {
                    height: 235px;
                  }
                  .comments .comments-content .avatar-image-container {
                    max-height: 76px;
                    width: 76px;
                border: 2px solid rgba(0, 188, 212,1.0);border-radius: 50%;
                  }
                  #comments .comments-content .avatar-image-container img {
                    max-width: 100%;
                    border: 1px solid #eee;
                    -webkit-box-sizing: border-box;
                    -moz-box-sizing: border-box;
                    -ms-box-sizing: border-box;
                    -o-box-sizing: border-box;
                    box-sizing: border-box;
                  }
                  .comments .comment-block {
                    margin-right: 98px;
                  }
                  span.icon.user.blog-author:after {
                background-color: rgba(233, 30, 99,1.0);
                color: #fff;
                padding: 3px 5px;
                border-radius: 2px;
                font-weight: normal;
                font-size: 13px;
                font-weight: 400;
                content: &quot;الكاتب&quot;;
                display: inline-block;
                  }
                  .thread-toggle {
                    display: block !important;
                  }
                  .thread-toggle.thread-expanded {
                    border-bottom: 1px solid #ddd;
                    width: 100%;
                    padding: 0px 0 10px;
                    margin-bottom: 10px;
                  }
                  .comments .thread-toggle .thread-arrow {
                    margin: 0px 0 1px 10px;
                  }
                  #comments .thread-chrome .comment {
                    border-bottom-color: #ddd !important;
                  }


            1.  احفظ القالب



            حمل تطبيق المدونة

            تابعنا على | Youtube

            أهم المواضيع هذا الاسبوع