بلوجرز يقدم اليوم قالب بلوجر معرب احترافي جدًا ومتوافق مع محركات البحث (السيو | SEO) بالإضافة إلى أنه خفيف وسريع، القالب متعدد الاستخدامات لكنه يلائم المدونات التقنية بشكل كبير.
↲ القالب مقدم من تصميم " bloggertheme9 "، وتعريب " بلوجرز ".
↲ ملحوظة هامة جدًا: حقوق القالب محفوظة لاصحابها.
شرح تركيب قالب tech life معرب:
- الخطوة الأولى: بعد تحميل ملف القالب وإلغاء الضغط عنه، قم بفتح الملف ونسخ الاكواد.
- الخطوة الثانية: اذهب إلى لوحة تحكم مدونتك في بلوجر.
- الخطوة الثالثة: التوجه إلى خانة 👈 المظهر .
- الخطوة الرابعة: حدد اكواد القالب القديم، وقم بحذفها.
↲ الضغط على 👈 حفظ المظهر.
شرح تهيئة وتعديل قالب tech life معرب:
- التعديل على قائمة الصفحات:
↲ التوجه إلى المظهر 👈 تعديل HTML 👈 البحث عن 👇
<!-- Customize Top Menu Here -->
↲ ستجد هذه الاكواد أسفله 👇
<li><a class='الصفحة الرئيسية' expr:href='data:blog.homepageUrl'>الرئيسية</a></li> <li><a href='/p/about_14.html'>من نحن؟</a></li> <li><a href='/p/privacy-policy_14.html'> سياسة الخصوصية</a></li>
<li><a href='/p/contact-us_14.html'>إتصل بنا </a></li>
</ul>
↲ قم بالتعديل على الروابط ذات اللون الأحمر، وذلك من خلال انشاء الصفحات ونسخ الجزء الثاني من رابط الصفحة (الذي يأتي بعد الدومين)
↲ مثال توضيحي: فلنفترض أن الدومين الخاص بك هو example.blogspot.com ورابط الصفحة مثلًا هو example.blogspot.com/p/contact.html ما نريده هنا هو الجزء (الملون بالاحمر) الذي يأتي بعد الدومين مباشرةً.
</ul>
↲ قم بالتعديل على الروابط ذات اللون الأحمر، وذلك من خلال انشاء الصفحات ونسخ الجزء الثاني من رابط الصفحة (الذي يأتي بعد الدومين)
↲ مثال توضيحي: فلنفترض أن الدومين الخاص بك هو example.blogspot.com ورابط الصفحة مثلًا هو example.blogspot.com/p/contact.html ما نريده هنا هو الجزء (الملون بالاحمر) الذي يأتي بعد الدومين مباشرةً.
- التعديل على أيقونات موقع التواصل الاجتماعي:
↲ التوجه إلى المظهر 👈 تعديل HTML 👈 البحث عن 👇
<!-- Social Profile Icons -->
↲ ستجد هذه الاكواد أسفله 👇
<a class='tt1' href='YOUR-FACEBOOK-URL' rel='nofollow' title='Like us'><i class='fa fa-facebook'/></a>
<a class='tt3' href='YOUR-TWITTER-URL' rel='nofollow' title='Follow us'><i class='fa fa-twitter'/></a>
<a class='tt4' href='RSS-FEED-URL' rel='nofollow' title='Rss feeds'><i class='fa fa-rss'/></a>
</div>
<a class='tt3' href='YOUR-TWITTER-URL' rel='nofollow' title='Follow us'><i class='fa fa-twitter'/></a>
<a class='tt4' href='RSS-FEED-URL' rel='nofollow' title='Rss feeds'><i class='fa fa-rss'/></a>
</div>
↲ التعديل 👇:
YOUR-TWITTER-URL 👈 ضع رابط تويتر
RSS-FEED-URL 👈 ضع رابط التغذية
- التعديل على القائمة الرئيسية المنسدلة (المجاورة لشعار المدونة):
↲ التوجه إلى المظهر 👈 تعديل HTML 👈 البحث عن 👇
<!-- Customize Navigation Menu Here -->
↲ ستجد هذه الاكواد أسفله 👇
<li class='home'><a expr:href='data:blog.homepageUrl'>Home</a></li>
<li><a class='with-ul' href='#' itemprop='url'><span itemprop='name'>Gadgets</span></a>
<ul class='sub-menu'>
<li><a href='#'>Sub-Menu 1</a></li>
<li><a href='#'>Sub-Menu 2</a>
<ul>
<li><a href='#'>Sub Sub-Menu 1</a></li>
<li><a href='#'>Sub Sub-Menu 2</a></li>
<li><a href='#'>Sub Sub-Menu 3</a></li>
<li><a href='#'>Sub Sub-Menu 4</a></li>
</ul>
</li>
<li><a href='#'>Sub-Menu 3</a>
↲ التعديل على الكلمات مثل: (home)، و (Gadgets)...إلخ 👈 بالادوات او الصفحات التي تريد اضافتها وإظهارها بالقائمة.
↲ بالنسبة إلى (Sub-Menu) فهي رابط فرعي.
↲ التعديل على علامة # بوضع 👈 رابط القسم او الصفحة.
- التعديل على وصف الكاتب (البلوجر):
↲ التوجه إلى المظهر 👈 تعديل HTML 👈 البحث عن 👇
<!-- Change Author Info Here -->
↲ قم بالتعديل على هذه الجملة 👇
ضع هنا وصف عن المدون (البلوجر)
- التعديل على اضافة صندوق الفيسبوك:
↲ التوجه الى التخطيط 👈 فيسبوك 👈 نسخ ولصق هذا الكود 👇
<center><div class="fb-page" data-href="رابط صفحة الفيسبوك" data-width="360" data-small-header="false" data-adapt-container-width="true" data-hide-cover="false" data-show-facepile="true"></div></center>
↲ التعديل على 👈 رابط صفحة الفيسبوك.
تم الانتهاء من شرح قالب tech life المعرب لمدونات بلوجر التقنية، في حال كان هناك اي تساؤل او اقتراح فيرجى تركه في التعليقات.