طريقة اضافة خاصية اضغط هنا لمشاهدة المحتوى على البلوجر

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

معاينة الاضافة

المرجو من الجميع التفاعل مع جميع مواضيع المدونة ، ذلك بمثابة شكرا للمجهود المبذول منا .

طريقة اضافة خاصية اضغط هنا لمشاهدة المحتوى على البلوجر

1. نتوجه الى المدونة 

2. قالب 

3. تحرير HTML

4.  نبحث عن الكود 

</head>

5. نضيف الكود الثالي فوق الكود السابق

<script src='http://code.jquery.com/jquery-1.7.2.js' type='text/javascript'></script>
<script>
$(document).ready(function() {
$('.nav-toggle').click(function(){
//get collapse content selector
var collapse_content_selector = $(this).attr('href'); //make the collapse content to be shown or hide
var toggle_switch = $(this);
$(collapse_content_selector).toggle(function(){
if($(this).css('display')=='none'){
toggle_switch.html('اضغط هنا للمشاهدة');//change the button label to be 'Show'
}else{
toggle_switch.html('إخفاء المقال');//change the button label to be 'Hide'
}
});
});
});
</script>

6. عندما نريد اخفاء محتوى تدوينة او موضوع نضيف الكود الثالي مع تغيير المطلوب

<center><button class='nav-toggle' href='#collapse1' style='font-size:15px;font-weight:bold; color:blue;background:#fff; border:none;'>إقرأ الموضوع كاملا من هنا</button></center>
<div id='collapse1' style='display:none'>
أضف الموضوع هنا
</div>

7. لا تنسى تغيير "أضف الموضوع هنا" بالموضوع الذي تريد اخفاءه 

مقالات ذات صلة