إيدن ثيم هو قالب بلوجر مميز لعرض قوالب بلوجر على المدونة يتميز بتصميم جميل و عدد لابأس به من الخاصيات تم تصميم القالب الأصلي من قبل Arlina design و هذا القالب هو عبارة عن نسخة مثالية للقالب حيث أن المصمم الأصلي لم يقم بنشر القالب من قبل بصفة رسمية ، لقد قمت بإضافة بعض التعديلات و التطويرات للقالب لإضافة المزيد من المميزات.
مميزات القالب :
- تصميم مميز و جميل. [ محسن ]
- تنبيهات بآخر الإضافات في المدونة.
- صندوق بحث مميز. [ محسن ]
- الصفحات الفنية (إتصل بنا-خريطة الموقع-تحويل الروابط )[ إضافة من قواعد-Qawa3id]
- زر الصعود لأعلى.
- أزرار المشاركات. [ إضافة من قواعد-Qawa3id]
- أكواد قصيرة . [ إضافة من قواعد-Qawa3id]
- تعليقات بلوجر . [ محسن ]
- صفحة الخطأ.
شرح القالب:
التعديل على روابط القائمة الرئيسية :
للتعديل على القائمة الرئيسية إذهب إلى قسم المظهر > تحرير HTML و قم بالبحث عن 'simplify-click'
ستجد كود يشبه الكود التالي :
<ul id='simplify-click'>
<li><a href='https://www.qawa3id.com/' itemprop='url'><span itemprop='name'>مدونتنا</span></a></li>
<li><a href='https://idn-theme-qawa3id-templates.blogspot.com/p/redirect.html' itemprop='url'><span itemprop='name'>تحويل الروابط</span></a></li>
<li><a href='/p/eror404' itemprop='url'><span itemprop='name'>صفحة الخطأ</span></a></li>
<li><a href='/p/contact-us.html' itemprop='url'><span itemprop='name'>إتصل بنا</span></a></li>
<li><a href='/p/sitemap.html' itemprop='url'><span itemprop='name'>خريطة الموقع</span></a></li>
<li><a href='javascript:void(0);' id='activator' onclick='javascript:displayGrowl('مجرد مثال لتنبيه تضعه أنت هنا لاحقا')'><span itemprop='name'>تنبيه</span></a></li>
</ul>
التعديل على روابط مواقع التواصل الإجتماعي :
للتعديل على روابط مواقع التواصل الإجتماعي إذهب إلى قسم المظهر > تحرير HTML و قم بالبحث عن 'social-headers'
ستجد كود يشبه الكود التالي :<div id='social-headers'>
<ul>
<li class='fb-item'>
<a href='#' rel='nofollow noopener' target='_blank' title='إنظم إلينا على فيسبوك'><i class='fa fa-facebook-square'/><span class='inv'/></a>
</li>
<li class='twitter-item'>
<a href='#' rel='nofollow noopener' target='_blank' title='تابعنا على تويتر'><i class='fa fa-twitter-square'/><span class='inv'/></a>
</li>
<li class='instagram-item'>
<a href='#' rel='nofollow noopener' target='_blank' title='تابعنا على إنستغرام'><svg aria-hidden='true' viewBox='0 0 448 512' xmlns='http://www.w3.org/2000/svg'><path d='M224,202.66A53.34,53.34,0,1,0,277.36,256,53.38,53.38,0,0,0,224,202.66Zm124.71-41a54,54,0,0,0-30.41-30.41c-21-8.29-71-6.43-94.3-6.43s-73.25-1.93-94.31,6.43a54,54,0,0,0-30.41,30.41c-8.28,21-6.43,71.05-6.43,94.33S91,329.26,99.32,350.33a54,54,0,0,0,30.41,30.41c21,8.29,71,6.43,94.31,6.43s73.24,1.93,94.3-6.43a54,54,0,0,0,30.41-30.41c8.35-21,6.43-71.05,6.43-94.33S357.1,182.74,348.75,161.67ZM224,338a82,82,0,1,1,82-82A81.9,81.9,0,0,1,224,338Zm85.38-148.3a19.14,19.14,0,1,1,19.13-19.14A19.1,19.1,0,0,1,309.42,189.74ZM400,32H48A48,48,0,0,0,0,80V432a48,48,0,0,0,48,48H400a48,48,0,0,0,48-48V80A48,48,0,0,0,400,32ZM382.88,322c-1.29,25.63-7.14,48.34-25.85,67s-41.4,24.63-67,25.85c-26.41,1.49-105.59,1.49-132,0-25.63-1.29-48.26-7.15-67-25.85s-24.63-41.42-25.85-67c-1.49-26.42-1.49-105.61,0-132,1.29-25.63,7.07-48.34,25.85-67s41.47-24.56,67-25.78c26.41-1.49,105.59-1.49,132,0,25.63,1.29,48.33,7.15,67,25.85s24.63,41.42,25.85,67.05C384.37,216.44,384.37,295.56,382.88,322Z' fill='currentColor'/></svg><span class='inv'/></a>
</li>
<li class='blogger-item'>
<a href='https://www.blogger.com/follow-blog.g?blogID=هنا معرف مدونتك' rel='nofollow noopener' target='_blank' title='إنظم لموقعنا'><i class='fab fa-blogger'/><span class='inv'/></a>
</li>
<li class='whatsapp-item'>
<a href='#' rel='nofollow noopener' target='_blank' title='راسلنا في الواتساب'><i class='fab fa-whatsapp-square'/><span class='inv'/></a>
</li>
</ul>
</div>
الصفحات و الأكواد القصيرة:
قم بإضافة الأكواد التالية في الصفحات مع إتباع التعليمات المطلوبة
صفحة الإتصال:
<form name="contact-form">
<div class='formcolumn1'>
<input id="ContactForm1_contact-form-name" name="name" placeholder='الإسم*' size="30" type="text" value="" />
</div>
<div class='formcolumn2'>
<input id="ContactForm1_contact-form-email" name="email" placeholder='البريد الإلكتروني*' size="30" type="text" value="" />
</div>
<div class='formcolumn3'>
<textarea cols="25" id="ContactForm1_contact-form-email-message" name="email-message" placeholder='الرسالة' rows="7"></textarea>
</div>
<div class='formcolumn4'>
<input class="ripplelink" id="ContactForm1_contact-form-submit" type="button" value="إرسال" />
</div>
<div style="max-width: 100%; text-align: center; width: 100%;">
<div id="ContactForm1_contact-form-error-message">
</div>
<div id="ContactForm1_contact-form-success-message">
</div>
</div>
</form>
خريطة الموقع:
[sitemap]
صفحة تحويل الروابط :
<div id="pageredirect"></div>
أكواد القصيرة:
تعمل الأكواد القصيرة داخل المقالات من خلال إضافة الكود الخاص ب الميزة.
المعاينة والتحميل:
<div style="text-align: center;">
<ul class="button">
<li><a class="demo" href="هنا تضع الرابط" target="_blank">معاينة</a></li>
<li><a class="download" href=" هنا تضع الرابط" target="_blank">تحميل</a></li>
</ul>
</div>
أزرار المعاينة والتحميل في السايدبار:
<div id="Theme-details">
<div id="store-style">
<a class="storebutton but1" href="#" rel="nofollow" target="_blank">معاينة</a>
<br />
<a class="storebutton but1" href="#" rel="nofollow" target="_blank">تحميل</a>
<br />
<div class="rio-ss idb">
قم بمعاينة القالب بحرية مع جميع المزايا و الخصائص.</div>
</div>
<div id="store-style">
<a class="storebutton but1 free" href="#" rel="nofollow" target="_blank">تحميل</a>
<br />
<a class="storebutton but2" href="#" target="_blank">$5.25 - شراء</a>
<br />
<div class="rio-ss">
<span class="storelist">تحديثات مستقبلية</span>
<span class="storelist">تعليقات بلوجر</span>
<span class="storelist">حذف الحقوق</span>
<span class="storelist">لمدونات غير محدودة</span>
<span class="storelist">بدون أكواد مشفرة</span>
<span class="storelist">و المزيد...</span></div>
</div>
</div>
</div></div>
محتوى مخفي:
<div id="flippy"><button>محتوى مخفي</button></div>
<div id="flippanel">
--- يظهر المحتوى هنا ---
</div>
جدول:
<table cellpadding="0" cellspacing="0" style="text-align: right;"><tbody>
<tr><th>الخاصية</th><th>التحقق</th></tr>
<tr><td>متجاوب</td><td>نعم <a href="هنا تضع الرابط" rel="nofollow" target="_blank">معاينة</a></td></tr>
<tr><td>صديق للهواتف الذكية</td><td>نعم <a href="هنا تضع الرابط" rel="nofollow" target="_blank">معاينة</a></td></tr>
<tr><td>صديق للسيو</td><td>نعم <a href="هنا تضع الرابط" target="_blank">معاينة</a></td></tr>
<tr><td>هيدر متحرك</td><td>نعم</td></tr>
<tr><td>إعلانات</td><td>نعم</td></tr>
<tr><td>سريع الأرشفة</td><td>نعم</td></tr>
<tr><td>صفحة الخطأ</td><td>نعم</td></tr>
<tr><td>تصميم شبكي</td><td>نعم</td></tr>
<tr><td>الوضع المظلم</td><td>نعم</td></tr>
<tr><td>إعلانات متجاوبة</td><td>نعم</td></tr>
<tr><td>مسارات التنقل</td><td>نعم</td></tr>
<tr><td>فوتر مخصص</td><td>نعم</td></tr>
<tr><td>مواضيع ذات صلة</td><td>نعم</td></tr>
<tr><td>صندوق البحث</td><td>نعم</td></tr>
<tr><td>آداة المشاركة</td><td>نعم</td></tr>
<tr><td>زر العودة لأعلى</td><td>نعم</td></tr>
<tr><td>أكواد قصيرة</td><td>نعم</td></tr>
<tr><td>ترقيم الصفحات</td><td>نعم</td></tr>
<tr><td>صفحة الإتصال</td><td>نعم</td></tr>
<tr><td>صفحة خريطة الموقع</td><td>نعم</td></tr>
</tbody></table>
فيديو يوتيوب:
<div class="videoyoutube">
<div class="video-responsive">
<div class="video-youtube loader" data-src="//www.youtube.com/embed/PWxJ7iY01mQ">
</div>
</div>
</div>
قم بتغيير المعرف PWxJ7iY01mQ لعرض فيديو آخر
إدخال كود ملون:
<pre><code> تضع الكود هنا </code></pre>| مميزات قالب بسيط | التحقق |
|---|---|
| متجاوب | نعممعاينة |
| صديق للهواتف | نعممعاينة |
| يحقق معايير السيو | نعم |
| تصميم بثلاث أعمدة | نعم |
| تصميم رائع للهاتف | نعم |
| شريط آخر المواضيع | نعم |
| صندوق بحث مميز | نعم |
| متجاوب مع الاعلانات | نعم |
| صفحة الخطأ 404 | نعم |
| الوضع المظلم | نعم |
| أكواد قصيرة | نعم |
| مواقع التواصل | نعم |
| دعم العرض الكسول | نعم |
| الصفحات الفنية | نعم |
| قوائم منسدلة متطورة | نعم |
| أزرار المشاركة | نعم |
| والمزيد...... | .... |
