الكثير من المدونين و خاصة علي بلوجر يريدون معرفة طريقة تقسيم الموضوع فى بلوجر حتى يظل الزائر اطول فترة ممكنه فى المدونة مما يزيد من ثقة محركات البحث فى المدونة و ايضا زيادة الربح أذا قام الزائر بمشاهدة الاعلانات داخل الموضوع .
نبدأ الان فى شرح طريقة تقسيم الموضوع فى بلوجر :
اولا تقوم بالدخول إلى لوحة التحكم فى بلوجر و الدخول الى قسم المظهر
تم تقوم بأختيار تحرير Html
كما موضح فى الصورة
بعد الضغط علية سيتم تحويل للصفحة التالية
و هى الصفحة التى بداخلها أكواد المدونة ستقوم بالبحث عن اكواد معينة من أجل أن تضيف الاكواد الخاصة بالاضافة بشكل صحيح
لكى يظهر لك مربع البحث قم بالضغط على زر Ctrl + f سيظهر لك مربع البحث الموجود بالصورة
أول شئ تقوم بالبحث عنة هى كلمة (ajax) و تقوم بوضع الكود التالى تحتها مكان الخط الأزرق الموجود بالصورة
ملاحظة : أذا لم تجد كملة ajax فى المدونة قم أنت بأضافته الكود التالى تحت <head>
<script src ='//ajax.googleapis.com/ajax/libs//jquery/2.1.3/jquery.min.js'/>
الكود : سأقوم بأرفاقة لك فى الملفات بأسم كود واحد لأن كتابتة فى الوورد كد تغير بعض الترتيبات
الخطوة الثانية و انت فى نفس الصفحة أيضا تقوم بالبحث أيضا عن كلمة (skin )
كما فى الصورة
و تقوم بوضع الكود التالى اسفلة مكان الخط الازرق الموجود بالصورة
الكود سأقوم بأرفاقة لك بأسم الكود الثانى
سأٌقوم بوضع الكود الثانى فى المرفقات
الان تقوم بالضغط على زر حفظ المظهر من أجل حفظ الاكواد
بعدها تقوم بالتوجة ألى صفحة المشاركات و تبدأ بكتابة مشاركة جديدة
تقوم بالدخول إلى Html كما موضح بالصورة
لكى تقوم بتقسيم المقال يجب أن تضع الكود الاول
فى الاعلى
<div class='siki-body' id='PostBody'>
كما فى الصورة
ثم تقوم بوضع الكود التالى بعد كل قسم من المشاركة تقوم بتقسيمة
<div style="text-align: right;">####SIKI####</div>
كما فى الصورة
و فى أخر المقال تقوم بوضع الكود التالى
<div id='siki-out'></div>
<div class='siki-message'>
هذا ليس كل شيء تصفح باقي الصفحات وتعرف على باقي التفاصيل…
</div>
<div class='page-navigation'>
<div class='siki-next-prev' id='siki_prev'><a><span>السابق</span><span class='fa fa-chevron-right'></span></a></div>
<div class='siki-next-prev' id='siki_next'><a><span>التالي</span>
<span class='fa fa-chevron-left'></span></a></div>
<div id='siki-page-number'></div>
</div>
<div style='margin-top: 60px'></div>
ثم تقوم بالنقر على نشر من أجل نشر المقال
لتحميل الاكواد ( الكود الاول و الثانى ) المستخدمة فى الشرح أضغط هنا
او قم بالدخول على الرابط التالى
https://up.top4top.net/downloadf-849ls4yw1-zip.html
و هذا مثال لمقال تم تطبيق الشرح علية
http://ahmed-vr2.blogspot.com/2014/02/blog-post.html
شكرا لك يا صديقي لقد أفدتني كثيرا والله بحثت عن هذا الموضوع كثيرا وجميع الأكواد على المدونات والمواقع الأخرى بها عيوب ولا تعمل بشكل جيد.
ردحذفلكن هذا يعمل معي بنجاح
شكرا من القلب يا صديقي
العفو ♥ بالتوفيق لك
حذفشكرا لك . موضوع اكتر من ناجح
ردحذفالعفو ♥
حذف