اَمني : جديد عالم التقنية و التكنلوجيا بالصورة و الصوت | Amni اَمني : جديد عالم التقنية و التكنلوجيا بالصورة و الصوت | Amni

آخر الأخبار

جاري التحميل ...

تقسيم مقال بلوجر إلى أجزاء مع الترقيم Post Blogger Pagination لمضاعفة أرباح أدسنس

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

خبر مفرح لكم ؟

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

طريقة تركيب الإضافة الأولى


إذهب إلى تعديل القالب و اضف هذا الكود الى مكتبة الجيكوير فقط بالبحث عن كلمة ajax من ضغطة ctrl+f ستظهر المكتبة في بداية القاب و اضف ا
<script src="//ajax.googleapis.com/ajax/libs/jquery/2.0.0/jquery.min.js"></script>
إبحث عن وسم ]]></b:skin و أضف الكود التالي قبله
.post-pagination {
    margin: 40px auto;
    text-align: center;
    width: 100%;
 float:left;
}
.button_1, .button_2, .button_3 {
    border: 2px solid #f4655f;
    font-weight: 900;
    padding: 6px 36px;
    color:#f4655f;
    transition:ease 0.69s !important;
}
.button_1:hover, .button_2:hover, .button_3:hover {
    background: none repeat scroll 0 0 #f4655f;
    color: #fff;
    text-decoration: none;
إبحث عن </head> او /head و ضع الكود التالي قبله
<script type="text/javascript">
jQuery(document).ready(function(){
jQuery('.button_1').click(function(){
jQuery('.content_1').fadeIn('slow');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_2').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeIn('slow');
jQuery('.content_3').fadeOut('fast');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_3').css('background','#fff');
jQuery('.button_3').css('color','#F4655F');
return false;
});
jQuery('.button_3').click(function(){
jQuery('.content_1').fadeOut('fast');
  jQuery('.content_2').fadeOut('fast');
jQuery('.content_3').fadeIn('slow');
jQuery(this).css('background','#F4655F');
jQuery(this).css('color','#fff');
jQuery('.button_1').css('background','#fff');
jQuery('.button_1').css('color','#F4655F');
jQuery('.button_2').css('background','#fff');
jQuery('.button_2').css('color','#F4655F');
return false;
});
});
</script> 
الان ادخل الى موضوع جديد ثم قم بنسخ الكود التالي في خانة Html
<div class="content_1">
أضف محتوى الصفحة الاولى
</div>
<div class="content_2" style="display: none;">
أضف محتوى الصفحة الثانية
</div>
<div class="content_3" style="display: none;">
أضف محتوى الصفحة الثالثة
</div>
<div class="post-pagination">
<a class="button_1" href="#">1</a>
<a class="button_2" href="#">2</a>
<a class="button_3" href="#">3</a>
</div> 
طبعا التعديل عليه و إدراجه في الصفحة يحتاج بعض المهارة و ليس سهل ، فقط قم بكاتبة موضوع كامل قبل ادراج هذا الكود ، ثم انتقل الى خانة Html و ضع هذا الكود في الاسفل ، ثم قم بنسخ الجزء الاولى من المقال الذي تريده و ضعه في مكان محتوى الصفحة الاولى ثم الجزء الثاني و الثالث و راعي كل وسم فيما يخص Div و كل شيء ، و هناك نسخة اخرى منه من 4 صفحات يمكنك تجربتها مباشرة على صفحة بلوجر بدون اضافة اكواد في القالب Dev Post

طريقة تركيب الاضافة الثانية 


 إذهب إلى تعديل القالب و اضف هذا الكود الى مكتبة الجيكوير فقط بالبحث عن كلمة ajax من ضغطة ctrl+f ستظهر المكتبة في بداية القاب و اضف ا
<script src="http://code.jquery.com/jquery-1.7.1.min.js"></script>
إبحث عن وسم ]]></b:skin و أضف الكود التالي قبله
<style>
.hiddenPage{display:none;}
a.page{padding: 3px; border:1px solid #d3d3d3;text-decoration:none;}
a.activePage{color:red;}
</style>
إبحث عن </head> او /head و ضع الكود التالي قبله
<script>
function changePage(pageElement){
 $(".contentPage").addClass('hiddenPage');
 $id = $(pageElement).attr('href');
 $($id).removeClass('hiddenPage').show();
 $(".page").removeClass('activePage');
 $(pageElement).addClass('activePage');
}
$('.page').click(function(){changePage(this);});
</script>
الان ادخل الى موضوع جديد ثم قم بنسخ الكود التالي في خانة Html
<!--HTML CODE www.amni8.com-->
<!--CONTENT-->
/*كود الصفحة الأولى*/
<div id="page1" class="contentPage">
 محتوى الصفحة الأولى
</div>
/*كود الصفحة الثانية*/
<div id="page2" class="contentPage hiddenPage">
 محتوى الصفحة الثانية
</div>
/*كود الصفحة الثالثة*/
<div id="page3" class="contentPage hiddenPage">
 محتوى الصفحة الثالثة
</div>
/*يمكنك زيادة صفحة أخرى عن طريق تكرار الكود السابق مع تغيير رقم الصفحة*/
<!--PAGINATOR-->
<a href="#page1" class="page activePage">1</a>
<a href="#page2" class="page">2</a>
<a href="#page3" class="page">3</a>
/*عند زيادة صفحة أخرى يجب عليك إضافة سطر أخر من الكود السابق مع تغيير رقم الصفحة*/
طبعا الكود الثاني مفهوم و هي نفس الشرح بالنسبة للكود الاول .

طريقة إدارج التلقائي لاعلانات ادسنس ؟

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

عن الكاتب

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

التعليقات



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

إتصل بنا

عن الموقع

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

إجمالي مرات مشاهدة الصفحة

أرشيف المدونة

جميع الحقوق محفوظة

اَمني : جديد عالم التقنية و التكنلوجيا بالصورة و الصوت | Amni