الثلاثاء، 15 نوفمبر، 2016

تحميل قالب Simplify 2 معرب بإحترافية

تحميل قالب Simplify 2 معرب بإحترافية 
قالب Simplify 2 هو قالب بسيط إحترافي للمدونات الشخصية و التقنية يعتبر من أقوى قوالب بلوجر 2016
قوالب بلوجر معربة


معلومات عن القالب

✔ قالب متجاوب مع جميع الأجهزة
✔ سيو جاهز
✔ صفحة الخطأ مخصصة
✔ إظافة أحدث المواضيع
✔ أنيق و جذاب بألولن زاهية و متناسقة
✔ سريع في التصفح و خفيف
✔ فوتر 3 أعمدة
و العديد

مشاهدة و تحميل القالب


شرح تركيب و تعديل القالب

لتعديل على أزرار مواقع التواصل
من داخل القالب إبحث عن هذه الكلمة social_num
<div id='socialcounter'>
    <ul class='social-counter'>
        <li class='social_item-wrapper'><a class='social_item social_facebook' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook social_icon'/><span class='social_num'>بايس بوك</span></a>
        </li>
        <li class='social_item-wrapper'><a class='social_item social_twitter' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter social_icon'/><span class='social_num'>تويتر</span></a>

        </li>
        <li class='social_item-wrapper'><a class='social_item social_youtube' href='#' rel='nofollow' target='_blank'><i class='fa fa-youtube social_icon'/><span class='social_num'>يوتيوب</span></a>
        </li>
        <li class='social_item-wrapper'><a class='social_item social_rss' href='#' rel='nofollow' target='_blank'><i class='fa fa-rss social_icon'/><span class='social_num'>خلاصة المدونة</span></a>
        </li>
        <li class='social_item-wrapper'><a class='social_item social_google-plus' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus social_icon'/><span class='social_num'>جوجل بلس</span></a>
        </li>
        <li class='social_item-wrapper'><a class='social_item social_instagram' href='#' rel='nofollow' target='_blank'><i class='fa fa-instagram social_icon'/><span class='social_num'>انستجرام</span></a>
        </li>
    </ul>
</div>



لتعديل على الفوتر
من داخل القالب إبحث عن كلمة footer-footer
<!-- footer-footer -->
<div class='clear'/>
<footer id='footer-wrapper' itemscope='itemscope' itemtype='http://schema.org/WPFooter' role='contentinfo'>
<div class='maxiwrap'>
<div class='footer-column'>
  <div class='footer-menu'>
    <h3>عني </h3>
    <p class='footer2'>
     هناك حقيقة مثبتة منذ زمن طويل وهي أن المحتوى المقروء لصفحة ما سيلهي القارئ عن التركيز على الشكل الخارجي للنص أو شكل توضع الفقرات في الصفحة التي يقرأها. ولذلك يتم استخدام طريقة لوريم إيبسوم لأنها تعطي توزيعا&#1614;
<div class='clear'/>
<div class='simplifymed'>
<a class='facebook' href='#' rel='nofollow' target='_blank'><i class='fa fa-facebook'/></a>
<a class='twitter' href='#' rel='nofollow' target='_blank'><i class='fa fa-twitter'/></a>
<a class='googleplus' href='#' rel='nofollow' target='_blank'><i class='fa fa-google-plus'/></a>
<a class='rssfeed' href='#' rel='nofollow' target='_blank'><i class='fa fa-rss'/></a>
</div>
    </p>
  </div>
  <div class='footer-menu'>
    <h3>روابط</h3>
    <ul class='footer2 line'>
      <li><a href='#' title='Contact Form'>إتصل بنا</a></li>
      <li><a href='#' title='Disclaimer'>سياسة الخصوصية</a></li>
      <li><a href='#' title='Privacy Policy'>إتفاقية الإستخدام</a></li>
      <li><a href='#' title='Daftar Isi Blog'>خريطة الموقع</a></li>
      <li><a href='#' title='Terms of Service'>من نحن</a></li>
    </ul>
  </div>
  <div class='footer-menu' id='subscribe-footer'>
    <h3>القائمة البريدية</h3>
    <p>تسجل في قائمتنا البريدية ليصبح آخر المواضيع على اميلك</p>
    <div class='emailfooter'>
      <form action='https://feedburner.google.com/fb/a/mailverify' method='post' onsubmit='window.open(&apos;https://feedburner.google.com/fb/a/mailverify?uri=Blog-simplifydua&apos;, &apos;popupwindow&apos;, &apos;scrollbars=yes,width=550,height=520&apos;);return true' target='popupwindow'>
        <input name='email' onblur='if (this.value == &quot;&quot;) {this.value = &quot;ضع بريدك الإلكتروني هنا&quot;;}' onfocus='if (this.value == &quot;ضع بريدك الإلكتروني هنا&quot;) {this.value = &quot;&quot;;}' type='text' value='ضع بريدك الإلكتروني هنا'/>
        <input name='uri' type='hidden' value='simplifydua'/>
        <input name='loc' type='hidden' value='en_US'/>
        <input class='submitfooter' type='submit' value='إشترك'/>
      </form>
    </div>


إظافات الموقع +
كود إظافة أحدث المواضيع
ضع هذا الكود في أي مكان تريد في تخطيط
و أفظل أن يكون في صندوق إسمه sidebar هو الأخير
<style scoped='' type='text/css'>
ul.recent_posts_arlina li{display:inline-block;position:relative;width:100%;margin:0;padding:10px 0;transition:all .3s linear;}
ul.recent_posts_arlina li:last-child {border:0;}
.recent_posts_arlina .wrapinfo{display:inline-block;margin:0 10px 0 0;overflow:hidden;z-index:2;position:relative;width:90px;height:62px;float:left}
ul.recent_posts_arlina li img.recent_thumb{width:100%;height:auto}
.recent_posts_arlina {float:left;width:100%;margin:10px 10px 5px 0px;padding:0;font-size:.9rem;}
ul.recent_posts_arlina li a{color:#2b427d;font-size:13px;font-weight:700;line-height:normal}
ul.recent_posts_arlina li a:hover{color:#138be6}
.recent_posts_arlina i{font-style:normal;color:#999;font-size:13px}
</style>
<script style='text/javascript' src='https://cdn.rawgit.com/Arlina-Design/FlamingTree/master/recentpostarlina.js'></script>
<script style='text/javascript'>
var numposts=5,showpostthumbnails=!0,displaymore=!1,displayseparator=!1,showcommentnum=!1,showpostdate=!1,showpostsummary=!1,numchars=62;
</script>
<script src='/feeds/posts/default?orderby=published&alt=json-in-script&callback=recentpostinfoarlina'></script>


كود إظافة صفحة إتصال مخصصة
من الصفحات أنشئ صفحة جديدة و ضع بها هذا الكود في HTML
<div dir="rtl" style="text-align: right;" trbidi="on">
إذا كان لديك مشكل, تسائل, إقتراح, سنسعد بتواصلك معنا .<br />
<form id="kontak-arlina" name="contact-form">
<input id="ContactForm1_contact-form-name" name="name" placeholder="* الإسم" size="30" type="text" value="" />

<input id="ContactForm1_contact-form-email" name="email" placeholder="* البريد الإلكتروني" size="30" type="text" value="" />

<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder=" * الرسالة" rows="5"></textarea> 
<input id="ContactForm1_contact-form-submit" type="button" value="إرسال" />  
<br />
<div style="max-width: 222px; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
<style scoped="" type="text/css">
#comments,.post_meta,#blog-pager{display:none}
form{color:#666}
#kontak-arlina{margin:auto;max-width:640px}
#ContactForm1_contact-form-name,#ContactForm1_contact-form-email{height:auto;margin:5px auto;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;width:100%;min-width:100%;transition:all 0.5s ease-out}
#ContactForm1_contact-form-email-message{width:100%;height:175px;margin:5px 0;padding:15px 12px;background:#fff;color:#444;border:1px solid rgba(0,0,0,.14);box-shadow:inset 0 1px 1px rgba(0,0,0,0.075);border-radius:3px;resize:none;transition:all 0.5s ease-out}
#ContactForm1_contact-form-name:focus,#ContactForm1_contact-form-email:focus,#ContactForm1_contact-form-email-message:focus{outline:none;background:#fff;color:#444;border-color:#66afe9;box-shadow:inset 0 1px 1px rgba(0,0,0,.075),0 0 8px rgba(102,175,233,0.6)}
#ContactForm1_contact-form-submit{float:left;background:#95a5a6;margin:auto;vertical-align:middle;cursor:pointer;padding:12px 20px;font-size:14px;text-align:center;letter-spacing:.5px;border:0;width:100%;max-width:140px;border-radius:3px;color:#fff;font-weight:500;transition:all .8s ease}
#ContactForm1_contact-form-submit:hover{background:#e74c3c;color:#fff;}
#ContactForm1_contact-form-error-message,#ContactForm1_contact-form-success-message{width:100%;margin-top:35px}
.contact-form-error-message-with-border{background:#f6f6f6;border:none;box-shadow:none;color:#444;padding:5px 0}
.contact-form-success-message{background:#4fc3f7;border:none;box-shadow:none;color:#fff}
img.contact-form-cross{line-height:40px;margin-left:5px}
.post-body input{width:initial}
@media only screen and (max-width:640px){
#ContactForm1_contact-form-name, #ContactForm1_contact-form-email,#ContactForm1_contact-form-submit{width:100%;}}
</style></div>


إظافات التدوين +
لإظافة فيديو متجاوب في القالب 
إستعمل هذا الكود
<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/se7YRSps6B8">
</div>
</div>
</div>
مع تغيير ما باللون الأحمر بID الفيديو
ID الفيديو هو الذي يكون دائما في آخر رابط الفيديو 



كود أزرار المشاهدة و التحميل
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="https://www.blogger.com/YOUR-LINK-HERE" target="_blank">مشاهدة</a></li>
<li><a class="download" href="https://www.blogger.com/YOUR-LINK-HERE" target="_blank">تحميل</a></li>
</ul>
</div>


لإستعمل خاصية Drop Caps في مقالاتك
ضع هذا الكود مكان الحرف الأول في HTML
<span class="first-letter">Your First Letter here</span>
غير ما باللون الأحمر بالحرف الأول في مقالك



كود تقسيم مقالك لعدة أعمدة مثل الجرائد 
<div class="bagiempat"> --- المحتوى هنا --- </div>



كود لإظافة الجدول
<table cellpadding="0" cellspacing="0" style="text-align: left;">
    <tbody>
<tr>
            <th>الجدول الأول</th>
            <th>الجدول الثاني</th>
            <th>الجدول الثالث</th>
        </tr>
<tr>
            <td>المحتوى 1</td>
            <td>المحتوى 2</td>
            <td>المحتوى 3</td>
        </tr>
<tr>
            <td>المحتوى 1</td>
            <td>المحتوى 2</td>
            <td>المحتوى 3</td>
        </tr>
<tr>
            <td>المحتوى 1</td>
            <td>المحتوى 2</td>
            <td>المحتوى 3</td>
        </tr>
</tbody>
</table>

ليست هناك تعليقات:
إترك تعليق

لدعم هذا المشروع