دليل تركيب وتفعيل القالب
بواسطة morbah |
ديسمبر 07, 2025
1
تنظيف القالب القديم (خطوة ضرورية)
قبل تركيب القالب الجديد، يجب إزالة جميع بقايا القالب القديم لتجنب تعارض الأكواد.
⚠️ تنبيه هام: يرجى أخذ نسخة احتياطية من قالبك الحالي قبل البدء في حال أردت العودة إليه لاحقاً.
اذهب إلى لوحة تحكم بلوجر > المظهر (Theme) .
بجانب زر "تخصيص"، اضغط على السهم الصغير واختر تعديل HTML .
قم بتحديد كل الكود الموجود (Ctrl+A) وامسحه.
انسخ "كود التنظيف" التالي وضعه بدلاً منه ثم اضغط حفظ .
<?xml version="1.0" encoding="UTF-8" ?>
الآن بعد أن أصبحت المدونة نظيفة، سنقوم بتركيب كود القالب الأصلي.
افتح ملف القالب الذي قمت بتحميله (بصيغة .xml أو .txt) باستخدام أي محرر نصوص (مثل Notepad).
انسخ الكود بالكامل.
عُد إلى صفحة تعديل HTML في بلوجر.
امسح كود التنظيف، والصق كود القالب الجديد مكانه.
اضغط على زر حفظ (Save) .
القالب محمي بنظام تحقق ذكي لضمان حصولك على التحديثات والميزات الحصرية (مثل الذكاء الاصطناعي).
ℹ️ كيف يعمل التفعيل؟ عند تركيب القالب لأول مرة، قد تظهر لك رسالة تفيد بأن القالب غير مفعل، هذا طبيعي.
لتفعيل نسختك، يرجى إرسال البيانات التالية للمطور:
معرف المدونة (Blog ID): وهو الرقم الطويل الذي يظهر في رابط المتصفح عند دخولك لوحة تحكم بلوجر.مثال: https://www.blogger.com/blog/posts/123456789126477582
اسمك أو بريدك الإلكتروني الذي اشتريت به القالب.
بمجرد تفعيل المعرف من طرفنا، سيعمل القالب فوراً بجميع ميزاته.
4
الإعدادات الأولية (اللوجو والأيقونة)
بعد التفعيل، توجه إلى التنسيق (Layout) لضبط أساسيات الموقع:
1. رفع اللوجو (الشعار):
ابحث عن أداة باسم "قالب بلوجو للادوات (رأس الصفحة)" أو Header1 .
اضغط على "تعديل".
قم برفع صورة الشعار الخاص بك (يفضل أن تكون بصيغة PNG شفافة).
تأكد من اختيار خيار "بدلاً من العنوان والوصف" (Instead of title and description).
2. أيقونة المتصفح (Favicon):
في أعلى صفحة التخطيط، ستجد أداة "أيقونة التفضيلات".
ارفع صورة مربعة (يفضل 512x512) لتظهر في تبويب المتصفح وتطبيق الهاتف (PWA).
<!--انسخ الكود من هنا وضعه في صفحة جديدة في بلوجر في وضع (عرض HTML)-->
<style>
/* تنسيقات صفحة الشرح */
@import url('https://fonts.googleapis.com/css2?family=Tajawal:wght@400;700;900&display=swap');
.doc-wrapper {
font-family: 'Tajawal', sans-serif;
direction: rtl;
text-align: right;
color: #334155;
line-height: 1.8;
background-color: #f8fafc;
padding: 20px;
border-radius: 12px;
}
.doc-header {
text-align: center;
margin-bottom: 40px;
padding-bottom: 20px;
border-bottom: 2px dashed #cbd5e1;
}
.doc-header h1 {
font-size: 32px;
font-weight: 900;
color: #1e293b;
margin: 0 0 10px;
}
.doc-header p {
font-size: 18px;
color: #64748b;
}
.step-card {
background: #fff;
border: 1px solid #e2e8f0;
border-radius: 12px;
padding: 25px;
margin-bottom: 30px;
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.05);
transition: transform 0.2s;
}
.step-card:hover {
transform: translateY(-3px);
border-color: #3b82f6;
}
.step-title {
display: flex;
align-items: center;
gap: 15px;
margin-bottom: 20px;
}
.step-number {
background: #3b82f6;
color: #fff;
width: 35px;
height: 35px;
border-radius: 50%;
display: flex;
align-items: center;
justify-content: center;
font-weight: bold;
font-size: 18px;
flex-shrink: 0;
}
.step-title h2 {
margin: 0;
font-size: 22px;
color: #0f172a;
}
.alert-box {
padding: 15px;
border-radius: 8px;
font-size: 14px;
margin: 15px 0;
display: flex;
align-items: flex-start;
gap: 10px;
}
.alert-warning {
background-color: #fff7ed;
border: 1px solid #fed7aa;
color: #9a3412;
}
.alert-info {
background-color: #eff6ff;
border: 1px solid #bfdbfe;
color: #1e40af;
}
.code-area {
background: #1e293b;
color: #f8fafc;
padding: 20px;
border-radius: 8px;
direction: ltr;
text-align: left;
font-family: monospace;
font-size: 13px;
overflow-x: auto;
position: relative;
margin-top: 15px;
}
.copy-btn {
display: block;
width: 100%;
background: #3b82f6;
color: #fff;
border: none;
padding: 10px;
text-align: center;
border-radius: 0 0 8px 8px;
cursor: pointer;
font-weight: bold;
font-family: 'Tajawal', sans-serif;
transition: 0.2s;
}
.copy-btn:hover {
background: #2563eb;
}
.important-note {
font-weight: bold;
color: #ef4444;
}
ul {
padding-right: 20px;
}
li {
margin-bottom: 10px;
}
</style>
<div class="doc-wrapper">
<!--Header-->
<div class="doc-header">
<h1>دليل تركيب وتفعيل القالب</h1>
<p></p><div class="separator" style="clear: both; text-align: center;"><a href="https://blogger.googleusercontent.com/img/a/AVvXsEigayHvjz4ieUXNyWUuK5EqX6m_yPBpFqF1_0bposKqa7w0m5vt86UpvOIp7bFPQLiNpbtPMKzDhTAav-Nxko68D5B-QKg5swOMGTXIoZIFgazElY8PbonSndhT9ChnGKzaX8Fy3LkFGf12nYr1sjcjtV_WoPWGYtvu0c56gsI0WXCD6SSg877OhV3r7Sc" style="margin-left: 1em; margin-right: 1em;"><img alt="" data-original-height="720" data-original-width="1280" loading="lazy" src="https://blogger.googleusercontent.com/img/a/AVvXsEigayHvjz4ieUXNyWUuK5EqX6m_yPBpFqF1_0bposKqa7w0m5vt86UpvOIp7bFPQLiNpbtPMKzDhTAav-Nxko68D5B-QKg5swOMGTXIoZIFgazElY8PbonSndhT9ChnGKzaX8Fy3LkFGf12nYr1sjcjtV_WoPWGYtvu0c56gsI0WXCD6SSg877OhV3r7Sc=s16000-rw" /></a></div><p></p><p>أهلاً بك في عائلة مستخدمي قالب "بلوجو" الاحترافي. اتبع الخطوات التالية لتركيب القالب بشكل صحيح.</p>
</div>
<!--Step 1: Cleaning-->
<div class="step-card">
<div class="step-title">
<div class="step-number">1</div>
<h2>تنظيف القالب القديم (خطوة ضرورية)</h2>
</div>
<p>قبل تركيب القالب الجديد، يجب إزالة جميع بقايا القالب القديم لتجنب تعارض الأكواد.</p>
<div class="alert-box alert-warning">
<span>⚠️ <b>تنبيه هام:</b> يرجى أخذ نسخة احتياطية من قالبك الحالي قبل البدء في حال أردت العودة إليه لاحقاً.</span>
</div>
<ol>
<li>اذهب إلى لوحة تحكم بلوجر > <b>المظهر (Theme)</b>.</li>
<li>بجانب زر "تخصيص"، اضغط على السهم الصغير واختر <b>تعديل HTML</b>.</li>
<li>قم بتحديد كل الكود الموجود (Ctrl+A) وامسحه.</li>
<li>انسخ "كود التنظيف" التالي وضعه بدلاً منه ثم اضغط <b>حفظ</b>.</li>
</ol>
<div class="code-area">
<?xml version="1.0" encoding="UTF-8" ?><br />
<!DOCTYPE html><br />
<html b:css='false' b:responsive='true' xmlns='http://www.w3.org/1999/xhtml' xmlns:b='http://www.google.com/2005/gml/b' xmlns:data='http://www.google.com/2005/gml/data' xmlns:expr='http://www.google.com/2005/gml/expr'><br />
<head><title>Cleaning...</title><b:skin><![CDATA[]]></b:skin></head><br />
<body><b:section id='main'/><b:section id='sidebar'/></body><br />
</html>
</div>
</div>
<!--Step 2: Installation-->
<div class="step-card">
<div class="step-title">
<div class="step-number">2</div>
<h2>تركيب القالب الجديد</h2>
</div>
<p>الآن بعد أن أصبحت المدونة نظيفة، سنقوم بتركيب كود القالب الأصلي.</p>
<ul>
<li>افتح ملف القالب الذي قمت بتحميله (بصيغة .xml أو .txt) باستخدام أي محرر نصوص (مثل Notepad).</li>
<li>انسخ الكود بالكامل.</li>
<li>عُد إلى صفحة <b>تعديل HTML</b> في بلوجر.</li>
<li>امسح كود التنظيف، والصق كود القالب الجديد مكانه.</li>
<li>اضغط على زر <b>حفظ (Save)</b>.</li>
</ul>
</div>
<!--Step 3: Activation-->
<div class="step-card" style="background-color: #f0f9ff; border-color: rgb(59, 130, 246);">
<div class="step-title">
<div class="step-number">3</div>
<h2 style="color: #1e40af;">تفعيل ترخيص القالب</h2>
</div>
<p>القالب محمي بنظام تحقق ذكي لضمان حصولك على التحديثات والميزات الحصرية (مثل الذكاء الاصطناعي).</p>
<div class="alert-box alert-info">
ℹ️ <b>كيف يعمل التفعيل؟</b> عند تركيب القالب لأول مرة، قد تظهر لك رسالة تفيد بأن القالب غير مفعل، هذا طبيعي.
</div>
<p><b>لتفعيل نسختك، يرجى إرسال البيانات التالية للمطور:</b></p>
<ol>
<li><b>معرف المدونة (Blog ID):</b> وهو الرقم الطويل الذي يظهر في رابط المتصفح عند دخولك لوحة تحكم بلوجر.<br />
<span style="background: rgb(226, 232, 240); border-radius: 4px; color: #64748b; font-size: 13px; padding: 2px 6px;">مثال: https://www.blogger.com/blog/posts/<b>123456789126477582</b></span>
</li>
<li>اسمك أو بريدك الإلكتروني الذي اشتريت به القالب.</li>
</ol>
<p>بمجرد تفعيل المعرف من طرفنا، سيعمل القالب فوراً بجميع ميزاته.</p>
</div>
<!--Step 4: Basic Settings-->
<div class="step-card">
<div class="step-title">
<div class="step-number">4</div>
<h2>الإعدادات الأولية (اللوجو والأيقونة)</h2>
</div>
<p>بعد التفعيل، توجه إلى <b>التنسيق (Layout)</b> لضبط أساسيات الموقع:</p>
<h3 style="font-size: 18px; margin-top: 15px;">1. رفع اللوجو (الشعار):</h3>
<ul>
<li>ابحث عن أداة باسم <b>"قالب بلوجو للادوات (رأس الصفحة)"</b> أو <b>Header1</b>.</li>
<li>اضغط على "تعديل".</li>
<li>قم برفع صورة الشعار الخاص بك (يفضل أن تكون بصيغة PNG شفافة).</li>
<li>تأكد من اختيار خيار <b>"بدلاً من العنوان والوصف"</b> (Instead of title and description).</li>
</ul>
<h3 style="font-size: 18px; margin-top: 15px;">2. أيقونة المتصفح (Favicon):</h3>
<ul>
<li>في أعلى صفحة التخطيط، ستجد أداة "أيقونة التفضيلات".</li>
<li>ارفع صورة مربعة (يفضل 512x512) لتظهر في تبويب المتصفح وتطبيق الهاتف (PWA).</li>
</ul>
</div>
<div style="margin-top: 40px; text-align: center;">
<a href="https://seo7writing777.blogspot.com/2025/12/blog-post_7.html" style="background: rgb(30, 41, 59); border-radius: 50px; color: white; font-weight: bold; padding: 12px 30px; text-decoration: none;">الانتقال للدرس التالي: إعدادات الهيدر والقوائم 👈</a>
</div>
</div>
انا مهتم بمجال التقنية والربح من الانترنت واتطلع لنشر المزيد من المقالات التي تفيدكم
![Author](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="240" height="240" viewBox="0 0 240 240" role="img" aria-label="Default profile avatar"%3E%3Cdefs%3E%3ClinearGradient id="g" x1="0" x2="1" y1="0" y2="1"%3E%3Cstop offset="0" stop-color="%236db3f2"/%3E%3Cstop offset="1" stop-color="%234a90e2"/%3E%3C/linearGradient%3E%3Cfilter id="soft" x="-50%25" y="-50%25" width="200%25" height="200%25"%3E%3CfeDropShadow dx="0" dy="6" stdDeviation="12" flood-opacity="0.12"/%3E%3C/filter%3E%3C/defs%3E%3Cg transform="translate(120,120)"%3E%3Ccircle r="108" fill="url(%23g)" filter="url(%23soft)"/%3E%3Ccircle r="88" fill="rgba(255,255,255,0.06)"/%3E%3C/g%3E%3Cg transform="translate(120,120)"%3E%3Ccircle cx="0" cy="-24" r="28" fill="%23ffffff" fill-opacity="0.95"/%3E%3Cpath d="M-56,64 C-56,36 -36,16 0,16 C36,16 56,36 56,64 L56,76 C56,88 44,100 0,100 C-44,100 -56,88 -56,76 Z" fill="%23ffffff" fill-opacity="0.95"/%3E%3Cellipse cx="0" cy="72" rx="52" ry="12" fill="%23000" opacity="0.04"/%3E%3C/g%3E%3C/svg%3E){kind=avatar}
تعليقات
إرسال تعليق