مقدمة

أولا نود أن نشكرك على شراء هذا القالب الرائع في حالة وجود أي استفسار لا تتردد في الاتصال بنا عبر هذه الروابط هنا أو هنا -- و سنكون جد سعداء بالإجابة على أسئلتك و تقديم الدعم اللازم
مع تحيات فريق عمل

إنشاء المدونة

لإنشاء مدونتك على بلوجر يجب أن تتوفر فقط على حساب جيمايل (تعرف على طريقة إنشائه من هنا - ادخل إلى منصة بلوجر و اتبع الخطوات أسفله
منصة بلوجر: Blogger
اضغط على: مدونة جديدة
اختر اسما لمدونتك، اختر رابط مخصص و القالب البسيط تم اضغط على إنشاء المدونة
مبروك عليك إنشاء أول مدونة على بلوجر في حالة كنت شخصا جديدا على المجال

رفع القالب

الآن، اذهب إلى ملف القالب، ثم افتح القالب بواسطة محرر النصوص، و اسخ الكود كاملا، يمكنك استعمال Ctrl+C لنسخ القالب بعد تحديده ب Ctrl+A
عد لمدونتك و اختر قسم القالب، كما هو موضح بالصورة:
اختر تحرير HTM

حدد الكود بأكمله بالضغط على Ctrl+A، و قم بمسحه

ثم الصق كود القالب الذي نسخته سابقا و اضغط على حفظ النموذج

الآن ستحتاج إلى تفعيل القالب !

تفعيل القالب

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

الصق الكود الذي ستتوصل به من طرفنا داخل المربع و اضغط حفظ
هكذا سيتم تفعيل القالب بنجاح

أيقونات مواقع التواصل

هي الأيقونات التي تظهر في الهيدر العلوي بالجانب الأيسر، بهاب22 موقعا للتواصل الاجتماعي. من أجل تخصيصهااضغط تحرير لأداة ال social media
اكتب الاختصارات الخاصة بالمواقع كالتالي: acebook, twitter, rss, dribbble, google, pinterest, linkedin, youtube, vimeo, skype, deviantart, flickr, stumbleupon, tumblr, delicious, digg, lastfm, wordpress, instagram, apple, dropbox, behance, reddit. و اكتب الرابط الخاص بك في هذه المواقع، يمكنك كتابتهم بالكامل أو البعض فقط.
و هذه هي النتيجة المحصل عليها:

القائمة العلوية

بعد أن تقوم بكتابة الصفحات الخاصة بمدونتك، يمكنك إضافتها للقائمة العلوية للقالب، و ذلك من خلال الأداة الخاصة بها في قالب بلاط. ادخل للتخطيط، و اضغط على تعديل الأداة الخاصة بالصفحات
علم على الصفحات التي تريدها أن تظهر في القائمة العلوية، ثم رتبها كما تريد، و في الأخير اضغط على حفظ. هكذا تظهر النتيجة:
كما يمكنك الضغط على + إضافة رابط خارجي وذلك لاضافة أي صفحة تريد بأي اسم ورابط

اللوجو

لابد و أن يكون لديك شعار خاص بموقعك، و حتى في حالة لم تكن تتوفر عليه فيمكننا تصميمه مقابل 5$ فقط!! المهم، عند اعتماد شعار خاص للمدونة، يمكنك إضافته بكل سهولة من التخطيط فقط، و ذلك عن طريق أداة "رأس الصفحة" الخاصة بالعنوان و الوصف

  علم على "بدلا من العنوان و الوصف" و "احتواء مناسب"، ثم اختر صورة من جهازك و سيتم رفعها تلقائيا
عند اكتمال رفع الصور، اضغط حفظ
و هذه هي النتيجة

إعلان ليدربورد

هو من أكثر الإعلانات المحققة للنتائج جيدة، يوجد واحد في الهيدر بقالب بلاط، يمكنك تخصيصه بكل سهولة من التخطيط. اضغط تعديل لأداة HTML/JAVASCRIPT الموجودة بجانب أداة اللوجو
قم بلصق كود الإعلان في المربع،
و هذه هي النتيجة

القائمة المستجيبة mega menu

القائمة الثانية هي القائمة الأساسية للمدونة، هي أيضا يمكن تخصيصها فقط من التخطيط،، و الجميل في الأمر أنها تدعم القوائم المنسدلة لأريعة أنواع مختلفة .
نختار القائمة كأداة للصفحات ثم نحدد الصفحات التي نريد لها الظهور أو اضغط على اضافة رابط خارجي لاضافة أي قسم أو تصنيف تريده
الأن لاظافة قائمة منسدلة اضغط على اضافة رابط خارجي و ثم قم بكتابة علامة _ قبل اسم التصنيف الفرعي، مثلا: _رابط منسدل
لاضافة انسدال ثانوي استخدم العلامة __قبل اسم التصنيف المنسدل
لإضافة أيقونة في القائمة أضف الوسم

<i class="fa fa-facebook"></i>اسم القسم

_<i class="fa fa-twitter"></i>انسدال

__<i class="fa fa-pinterest"></i>انسدال ثانوي

الأن لاظافة قائمة mega menu على الشكل الأول اضغط على اضافة رابط خارجي ثم أضف هذا الوسم
-links
لاضهار اخر موضوع في هذه القائمة الاولى اذهب الى اعدادات القائمة العليا ثم أخر موضوع وأضف الوسم التالي
gridpost/اسم تصنيف
كما يمكنك تغيير و اضافة الاوابط الخاصة و الهامة في القالب من هنا بكل سهولة حتى أنك تستطيع التحكم في التسميات التي تضهر في القائمة

mega menu(نمط علامات)

لاضافة هذا النوع من القائمة أضف الوسم
-menutab/التصنيف الأول,التصنيف الثاني,التصنيف الثالث,التصنيف الرابع

mega menu3

أضف الوسم
-grid/التصنيف

mega menu4

أضف الوسم
-menubig/التصنيف
من أجل إضافة قائمة منسدلة، قم بكتابة علامة _ قبل اسم التصنيف الفرعي، مثلا: _رابط منسدل
و هذه هي النتيجة

أيقونات مواقع التواصل في السايدبار

توجد إضافة أخرى لمواقع التواصل الاجتماعي على السايد بار، أكثر تخصيص من غيرها الموجودة في القائمة العلوية. هذه الإضافة يمكننا أن نعرض عليها عدد المتابعين.
من أجل تخصيصها، يجب إضافة الكود الخاص بها في الإضافة الموجودة بالتخطيط:
أدخل أحد أسماء المواقع التواصلية التلية مع الرابط
facebook [1.1k]twitter [2k] , google [250] ,rss [590] , youtube [3.5k] , dribbble [8.2m] , instagram [732] , pinterest [210] , linkedin [2.56k] , vimeo [300] , skype [568] , deviantart [6.4k] , flickr [900], stumbleupon [561] , tumblr [5.4m], delicious [86] , digg [789] , lastfm [652] , wordpress [1.5k] , apple [60] , dropbox [980] , behance [366] , reddit [10] .
يمكنك تغيير الأرقام بين العلامتين[]

و هذه هي النتيجة

السلايد شو

قالب مثل بلاط لابد و أن يحتوي على سلايد شو أنيق و خفيف، لهذا تم تخصيص واحد يسهل التعديل عليه من التخطيط. اختر تعديل الأداة:

اكتب اسم التصنيف الذي تريده أن يظهر بالأداة

ثم أضف أحد الوسمين
[recent][featured6 full] لاضهار أخر مشاركات
أو
[random][featured6 full]للمشاركات العشوائية
و هذه هي النتيجة

لاضافة شريط أخر الأخبار:
أضف هذا الوسم مع وضع اسم التسمية التي تريد أو ضع random أوrecent

[اسم التصنيف][newsticker]

ستايلات عرض الواضيع في الرئيسية

هي الأشكال التي تراها في الصفحة الرئيسية، أشكال مختلفة للتدوينات، يمكنك تفعيلها كاملة أو الإبقاء على إحداها فقط.

من أجل تخصيصها، ادخل للتخطيط،في منطقة الجسم أضف أداة 

HTML/JavaScript

ثم ضع هذا الوسم

[recent][Box Type]

يمكن استبدال recent التي تعرض أخر الواضيع بrandom التي تضهر مواضيع عشوائية أو اسم تسمية

أما في مكان Box Type ضع أحد الستايلات

slider1, slider2, fbig1 , fbig2 , hot1, hot2, blogpost, bigpost, halfpost ,fbig1 animated, fbig2 animated, column1 , column2 , column1 animated, column2 animated, carousel1 , carousel2, video , gallery2, gallery3, list, timeline

اختر التي تعجبك كما يكمنك اضافة أكثر من واحدة.

عدل على كل إضافة بما يناسبك.

السيدبار

يتكون السيدبار في هذا القالب من سيدبار على اليمين و أخر على اليسار 

لاضافة خاصية أخر الواضيع أضف الوسم    recentpost

لاضافة خاصية مواضيع عشوائية أضف الوسم    randompost

لاضافة تعليقات بلوجر أضف الوسم   recentcommentslide

لاضافة صندوق الفيسبوك أضف الوسم 

FBbox/https://www.facebook.com/amirmoussa
لاضافة عرض أخر الواضيع بشكل ستايل استخدم الوسم

[recent][Box Type]

مع تغيير Box Type باحدى الستايلات التالية:gallery1,fbig1 animated, fbig2 animated, column1 , column2 ,  carousel1 , carousel2,

لاضافة مشاركة مميزة أَضف الكود 

featuredpost/اسم التسمية

غير اسم التسمية باي تصنيف تريد ويمكنك أن تضع 3تصنيفات مثل 

featuredpost/رياضة,تقنية,أخبار

الفوتر

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

اعدادات القالب

توجه الى اعدادات القالب في التخطيط 

1. Boxed Style  :يستخدم لوضع القالب في اطار أي box ولاضافته أكتب الحرف y

2. بعد سيدبار اليمين :  يحدد أبعاد السيدبار الأيمن القيمة الافتراضية هي 160
3. بعد السيدبار الأيسر : تحديد بعد السيدبار الأسر و القيمة الافتراضية هي 300
4. أما الاعدادات العامة : فهي تتحكم في كثير من الأمور مثل

• تغيير عدد أخر الشاركات في السيدبار و الفور أكتب فياسم الوقع الجديد recentpost وفي الرابط العدد الذي تريد في الحالة الافتراضية 4
• • غيير عدد أخر الشاركات العشوائية نفس الشيئ غير فقط ب randompost.
  • عدد التعليقات أكتب recentcomment مع وضع عدد التعليقات الذي تريده.
• كما تتيه التحكم بعدد المواضيع الضاهرة في كل الستايلات فقط ضع أحد أسماء الستايلات + الرقم الذي تريده أنت.

نضام التعليقات

لتفعيل نضام التعليقات اذهب في التخطيط الى نضام التعليقات

وضع أحد الأكواد التالية

[facebook]

[facebook][blogger]

[blogger][facebook]

[disqus][facebook][blogger]

[disqus][facebook][blogger]

مع وضع معرف الديسك الخاص بك في "معرف الديسك"

تعديلات تخص الواضيع :

• الأيقونات : لاضافة الأيقونات في التدوينة اختر html وضع أحد الأكواد:

1. أيقونات صغيرة:

<a href='/' class="button small red">نص الأيقونات</a>
<a href='/' class="button small pink">نص الأيقونات</a>
<a href='/' class="button small orange">نص الأيقونات</a>

2. أيقونات متوسطة:

<a href='/' class="button medium red">نص الأيقونات</a>
<a href='/' class="button medium pink">نص الأيقونات</a>
<a href='/' class="button medium orange">نص الأيقوناتt</a>
3.أيقونات كبيرة:
<a href='/' class="button large red">نص الأيقونات</a>
<a href='/' class="button large pink">نص الأيقونات</a>
<a href='/' class="button large orange">نص الأيقونات</a>
للمعاينة:من هنا

رسائل الخطأ و التنبيه و النصح

<div class="alert-message success">
<i class="fa fa-check-circle"></i>
نص هنا يوضع </div>
  
<div class="alert-message alert">
<i class="fa fa-info-circle"></i>
نص هنا يوضع </div>
  
<div class="alert-message warning">
<i class="fa fa-exclamation-triangle"></i>
نص هنا يوضع </div>

• أكواد صغيرة :

[code type="HTML"]Yours HTML Code Here[/code]

[code type="CSS"]You CSS Code Here[/code]

[code type="JavaScript"]You JavaScript Code Here[/code]

[code type="JQuery"]You JQuery Code Here[/code]

• نضام التواصل : اضف الكود التالي في الصفحات أو المشاركات:

[contact][/contact]

• الكتابة على شكل أبيات : 

[2column]
  [content]النص في البين الأو يوضع هنا[/content]
  [content]النص الذي يوضع في البيت الثاني[/content]
[/2column]

أو=======================================================================

[3column]
  [content]النص في البين الأو يوضع هنا[/content]

  [content]النص الذي يوضع في البيت الثاني[/content]

  [content]نص البيت الثالث[/content]
[/3column]

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

[tab]

  [content title="رياضة"] النص الأول1 النص الأول1 النص الأول1 النص الأول1 النص الأول1النص الأول1 ر النص الأول1 النص الأول1 النص الأول1 النص الأول1 النص الأول1النص الأول1[/content]

  [content title="أخبار"]النص الثاني 2 النص الثاني 2 النص الثاني 2 النص الثاني 2 النص الثاني 2 النص الثاني 2 النص الثاني 2 [/content]

  [content title="موسيقى"]النص الثالث3333[/content]

[/tab]

• معرض الصور في الموضوع: لاضافة معرض الصور فوائد كثيرة وأهمها جعل الموضوع أقصر وأجمل 

<div class="glpost">
  <img alt="IMAGE_TITLE" src="IMAGE_URL"/>
  <img alt="IMAGE_TITLE" src="IMAGE_URL"/>
  <img alt="IMAGE_TITLE" src="IMAGE_URL"/>
  <img alt="IMAGE_TITLE" src="IMAGE_URL"/>
  <img alt="IMAGE_TITLE" src="IMAGE_URL"/>
  <img alt="IMAGE_TITLE" src="IMAGE_URL"/>
</div>

معرض الصور على شكل سلايدر:

[slide]
  [item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
  [item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
  [item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
  [item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
  [item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
[/slide]
أو 

[carousel]
  [item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
  [item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
  [item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
  [item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
  [item url="Image_Link_URL" src="Image_URL" title="Image_title"]Content Description[/item]
[/carousel]

اضافة فيديو اليوتوب الى الموضوع:

[youtube src="youtube_video_ID"][/youtube]



غير youtube_video_ID بأيدي الفديو المراد نشره.




جميع الأدوات في واحد : استخدم الكود :

[tab]
  [content title="Soundcloud"]
    [soundcloud height="400" visual="true" src="Soundcloud_ID"][/soundcloud]
  [/content]
  [content title="Youtube"]
    [youtube src="Video_ID"][/youtube]
  [/content]
  [content title="Maps"]
    [map src="Google_Maps_ID"][/map]
  [/content]
  [content title="Accordion"]
    [accordion]
      [item title="Accordion 1"]Your Text Here[/item]
      [item title="Accordion 2"]Your Text Here[/item]
      [item title="Accordion 3"]Your Text Here[/item]
    [/accordion]
  [/content]
[/tab]

• الترقيم في الموضوع : وهي خاصية مفيدة .

[next]

خلافاَ للإعتقاد السائد فإن لوريم إيبسوم ليس نصاَ عشوائياً، بل إن له جذور في الأدب اللاتيني الكلاسيكي منذ العام 45 قبل الميلاد،

[next]
مما يجعله أكثر من 2000 عام في القدم. قام البروفيسور "ريتشارد ماك لينتوك" (Richard McClintock) وهو بروفيسور اللغة اللاتينية في جامعة هامبدن-سيدني في فيرجينيا بالبحث عن أصول كلمة لاتينية غامضة في نص لوريم إيبسوم وهي "consectetur"، 
[next]

وخلال تتبعه لهذه الكلمة في الأدب اللاتيني اكتشف المصدر الغير قابل للشك. فلقد اتضح أن كلمات نص لوريم إيبسوم تأتي من الأقسام 1.10.32 و 1.10.33 من كتاب "حول أقاصي الخير والشر

الأن لتمكين اعلانات ادسنس الرئيسية بجافا سكريبت اتباع هذه الخطوات:
1. الذهاب إلى لوحة التحكم، والنقر على تخطيط

2. انقر فوق تحرير في إعلانات Google وأضف الحرف "y" .

3. ثم انقر فوق حفظ

4. دخول إلى حسابك على جوجل ادسنس: https://www.google.com/adsense

5. اختر  الوحدات الإعلانية. على أدسنس . انقر على وحدة إعلانية جديدة

كيفيةتركيب اعلانات جوجل أدسنس  تحت عنوان المقال:

6. الذهاب إلى لوحة التحكم، والنقر على تخطيط

7.اختر"الإعلانات تحت عنوان"و أضف

مثال عرض (بحجم 300x250)

<ins class="adsbygoogle"

     style="width:300px;height:250px"

     data-ad-client="YOUR_ADSENSE_ID"

     data-ad-slot="YOURS_SLOT_ID"></ins>

8.ثم انقر فوق حفظ

الاعلانات في داخل الموضوع

في هذا القالب سوف تكون قادرا على إضافة إعلانات داخل المواضيع  بسهولة أعلى أو وسط أو أسفل المقال كما تريد اتبع فقط الخطوات التالية:

11. الذهاب إلى لوحة التحكم وانقر على تخطيط




هكذا نكون قد انتهينا من شرح طريقة التركيب، لا تتردد في طرح أي سؤال أو استفسار عن القالب من خلال حسابنا على بيكاليكا من هنا


تطوير : محمد أمير موسى

الموارد الأخرى المستخدمة:

• OwlCarousel
• Simple Tab JQuery Plugin
• JQuery easing
• replacetext
• FontAwesome
• highlight
• sharrre
• jQuery Visible
• postscribe