الدرس 15 اضافة خاصية اقرأ المزيد على مدونة بلوجر ~ مدونة جربها

الأحد، 4 يونيو 2017

الدرس 15 اضافة خاصية اقرأ المزيد على مدونة بلوجر

يونيو 04, 2017 TV live لا يوجد تعليقات

الدرس 15 اضافة خاصية اقرأ المزيد على مدونة بلوجر:

كيفية اضافة خاصية "اقرأ المزيد " و المزيد و تخيص اللصور و التدوينات على الصفحة الرئيسية لمدونة بلوجر م صور الخاصة بأيقون اقرأ المزيد.

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

- نبدا درسنا على بركة الله :

اختصارر المواضيع على الصفحة الرئيسية لمدونةة بلوجر:

نبحث عن كود </head> ثم نضع اجد الاكواد التالية فوقه

- سأقدم لكم مجموعة من الأكواد التي تناسبك و يمكنك االاختيار فيما بينها

1- هاذا الكود لجعل صور المواضيع تظهر على اليمين

<script type='text/javascript'>
summary_noimg = 250;
summary_img = 200;
img_thumb_height = 150;
img_thumb_width = 150;
</script><br />
<script type='text/javascript'>
//<![CDATA[

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {   
        imgtag = '<span style="float:right; padding:0px 0px 5px 10px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }

var summary = imgtag + '<div>
' + removeHtmlTag(div.innerHTML,summ) + '</div>
';
    div.innerHTML = summary;
}

//]]>
</script>

2- هاذا الكود لجعل الصور و المواضيع تظهر ععلى اليسار

bes.comاقرا المز<script type='text/javascript'>
summary_noimg = 250;
summary_img = 200;
img_thumb_height = 150;
img_thumb_width = 150;
</script><br />
<script type='text/javascript'>
//<![CDATA[

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {   
        imgtag = '<span style="float:left; padding:0px 10px 5px 0px;"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }

var summary = imgtag + '<div>
' + removeHtmlTag(div.innerHTML,summ) + '</div>
';
    div.innerHTML = summary;
}

//]]>
</script>

3 - هاذا الكود لجعل الصور و المواضيع تظهر في الوسط

function createSummaryAndThumb(pID){
    var div = document.getElementById(pID);
    var imgtag = "";
    var img = div.getElementsByTagName("img");
    var summ = summary_noimg;
    if(img.length>=1) {   
        imgtag = '<div class="separator" style="clear: both; text-align: center;">
<img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px"/></span>';
        summ = summary_img;
    }

var summary = imgtag + '<div>
' + removeHtmlTag(div.innerHTML,summ) + '</div>
';
    div.innerHTML = summary;
}

//]]>
</script>

طريقة اظافة عبارة او صورة اقرأ المزيد:

نبحث عن كود : <data:post.body/>

سنجد ناك 2 او 3 كواد على حسب القالبب الخاص بك , غالبا ما يكون الثاني

قم بحذف كود <data:post.body/> و ضع مكانه هاذا الكود :

قم بتغير left الى right ان اردتت جعل كلمة " اقرأ المزيد " على اليمين

-هذه االصور يمكنك استعمالها كل ما عليكك ففعله هو نسخ روابطها و للصقها في "رابط الصورة " كما وضحنا من قبل .

للمزيد من التفاصيل شاهد الفيديو التعليمي:

تصنيف :

0 التعليقات:

إرسال تعليق

من فضلك اقرأ الدعاء بلسانك و ليس بعينك

اللَّهُمَّ انْفَعْنِي بِمَا عَلَّمْـتَنِي وَ عَلِّمْنِي مَا يَنْفَعُنِي، .اللَّهُمَّ إِنِّي أَسْأَلُكَ فَهْمَ النَّ بِيِّينَ وَ حِفْظَ الْمُرْسَلِينَ الْمُقَرَّبِينَ، اللَّهُمَّ اجْعَلْ لِسَانِي عَامِرًا بِذِكْرِكَ وَ قَلْبِي بِخَشْيَتِك، انَّكَ عَلَى مَا تَشَاءُ قَدِيرٌ وَ أَنْتَ حَسْـبُنَا اللَّهُ وَ نِعْمَ الْوَكِيلُ .

مدونة جربها

الأحد، 4 يونيو 2017