الخميس، 1 نوفمبر 2018

إضافة إقرأ المزيد لمدونات بلوجر بشكل إحترافي


أهمية اقرأ المزيد
عندما يبدأ مدونين بلوجر بإنشاء مدونة جديدة أول ما يلاحظونه بعد نشر مقالاتهم على المدونة أن المقالات تظهر بالكامل على الصفحة الرئيسية ويكون ذلك بشكل غير مرغوب فيه ومن هنا جاءت فكرة إضافة خاصية اقرأ المزيد على مدونات بلوجر.
فكرة اقرأ المزيد
تعتمد فكرة اقرأ6 المزيد على إظهار عناوين المقالات الأخيرة بمدونتك وكذلك جزء صغير من المحتوى يكون بشكل افتراضي من بداية كل مقالة.. في معظم الأحيان يكون هذا الجزء المختصر مكون من سطرين إلى 5 أسطر.. كما يتم إضافة صورة مصغرة بشكل أوتوماتيكي من داخل الموضوع وعادة تكون هي أول صورة بالموضوع من الأعلى.. ويعتمد عدد المقالات التي تظهر بالصفحة الرئيسية لمدونات بلوجر على ما تم تخصيصه سابقاً من تبويب التخطيط كما سنوضح لاحقاً.. فيمكنك إظهار مقالة واحدة أو أكثر حتى 10 مقالات في الصفحة الرئيسية.
الهدف من اقرأ المزيد
وفي نهاية الملخص تظهر جملة اقرأ المزيد او حتى صورة لها مما يساعد الزائر على تصفح أكثر للمقالات المتاحة بمدونتك وأيضاً الدخول إلى الموضوع المرغوب من خلال الضغط على مفتاح اقرأ المزيد.
أشكال اقرأ المزيد
وهناك الكثير من الأشكال لهذه الخاصية الجميلة والمفيدة.. فمنها الصوري ومنها النصي وبأشكال مختلفة.. واليوم سنضع بين أيديكم طريقة إضافة خاصية اقرأ المزيد بطريقة احترافية وطريقة تخصيصها سواء كنت ترغب بها بشكل نصي أو صوري.
فلنبدأ على بركة الله
طريقة تركيب اقرأ المزيد النصية
1 - في البداية قم بحفظ نسخة احتياطية من قالب بلوجر.. يمكنك الاستعانة بهذه المقالة للمزيد من المعلومات عن:
النسخ الاحتياطي لقوالب بلوجر
2 - قم بالدخول إلى قالب مدونتك بالضغط على التبويب Template.
3 - قم بفتح أكواد قالبك من خلال الضغط على Edit HTML.
4 - قم بالبحث داخل صندوق الاكواد.. لتقوم بإظهار مربع البحث قم بالضغط على مفاتيح Ctrl وF  معاً.. بشرط أن تكون قد ضغطت بزر الفأرة الأيسر ضغطة واحدة داخل صندوق أكواد قالبك أولاً حتى يكون البحث محدد بداخله فقط وليس في صفحة متصفحك بالكامل.
قم بكتابة الكود التالي في مربع البحث:

</head>
والأن أهم خطوة.. قم بوضع الكود التالي أعلى الكود السابق:

<script type='text/javascript'>
posts_no_thumb_sum = 400;
posts_thumb_sum = 300;
img_thumb_height = 160;
img_thumb_width = 180;
</script>
<script type='text/javascript'>
//<![CDATA[
function removeHtmlTag(strx,chop){
if(strx.indexOf("<")!=-1)
{
var s = strx.split("<");
for(var i=0;i<s.length;i++){
if(s[i].indexOf(">")!=-1){
s[i] = s[i].substring(s[i].indexOf(">")+1,s[i].length);
}
}
strx = s.join("");
}
chop = (chop < strx.length-1) ? chop : strx.length-2;
while(strx.charAt(chop-1)!=' ' && strx.indexOf(' ',chop)!=-1) chop++;
strx = strx.substring(0,chop-1);
return strx+'...';
}
function createSummaryAndThumb(pID, pURL, pTITLE){
var div = document.getElementById(pID);
var imgtag = "";
var img = div.getElementsByTagName("img");
var summ = posts_no_thumb_sum;
if(img.length>=1) {
imgtag = '<span class="posts-thumb" style="float:right; margin-left: 10px;"><a href="'+ pURL +'" title="'+ pTITLE+'"><img src="'+img[0].src+'" width="'+img_thumb_width+'px" height="'+img_thumb_height+'px" /></a></span>';
summ = posts_thumb_sum;
}
var summary = imgtag + '<div>' + removeHtmlTag(div.innerHTML,summ) + '</div>';
div.innerHTML = summary;
}
//]]>
</script>

في الكود السابق هناك عدة خصائص إفتراضية .. فمثلاً:
الصورة المصغرة تظهر على يمين المحتوى الملخص .. إذا أردت تغييرها قم بتغيير كلمة

float:right; بـ float:lift; وكذلك margin-left: 10px; بـ margin-right: 10px;

وإذا لم يكن هناك صورة فإن عدد الحروف الخاصة بالملخص قبل كلمة إقرأ المزيد سيكون 400 حرف كما يتضح في بداية الكود .. ويمكنك تغيير الرقم بأي عدد حروف ترغب به سواء كان أكبر أو أقل.

وكذلك بالنسبة لعدد حروف المحتوى في حالة وجود صورة هو إفتراضياً 300 حرف .. ويمكنك تغييره أيضاً كما ترغب.
بالنسبة لإرتفاع الصورة الحالي 160 وعرضها 180 .. يمكنك تركهم كما هم أو تغييرهم لما يناسبك ويناسب قالبك. 
والأن قم بالبحث عن الكود التالي وإحذفه من قالب مدونتك إن وجدته .. :

<b:if cond='data:post.hasJumpLink'>
      <div class='jump-link'>
        <a expr:href='data:post.url + &quot;#more&quot;' expr:title='data:post.title'><data:post.jumpText/></a>
      </div>
    </b:if>

أما إن لم تجده فقم بالإنتقال للخطوة الأخيرة .. فمهلاً أخي لم ينتهي إعداد الكود بعد .. فما سبق كان خصائص شكل إقرأ المزيد من أحجام وخطوط ليس إلا .. وحتى الأن أنت لم تحدد أين سيظهر هذا الخيار داخل قالب مدونتك .. ونحن نريده في الصفحة الرئيسية مع كل مقالة بشكل أوتوماتيكي .. لذا فقم بإتباع الأتي:
إبحث داخل قالبك عن الكود:
<data:post.body/>
إستبدل هذا الكود بالكود التالي:
<b:if cond='data:blog.pageType not in {"item","static_page"}'> 
<div expr:id='&quot;summary&quot; + data:post.id'><data:post.body/></div>
<script type='text/javascript'>createSummaryAndThumb(&quot;summary<data:post.id/>&quot;,&quot;<data:post.url/>&quot;,&quot;<data:post.title/>&quot;);</script>
<a expr:href='data:post.url'>اقرأ المزيد</a>
</b:if>
<b:if cond='data:blog.pageType in {"item","static_page"}'>
<data:post.body/>
</b:if>
وإذا وجدت أكثر من واحدة فقم بتغيير كل واحدة منهم مرة ومعاينة قالبك حتى تظبط معك.
ولاحظ أننا في هذا الكود قمنا بكتابة جملة إقرأ المزيد بشكل عادي باللغة العربية .. يمكنك تغييرها إلى أي جملة ترغب بها لو كنت ترغب بها نصية مثل: تابع القراءة .. أو قراءة المقال كاملاً .. وهكذا.
فكلها نقاط برغم صغرها تدل على خبرتك ووضع لمستك الخاصة على مدونتك.
والأن .. هل ترغب بمعرفة طريقة تركيب إقرأ المزيد بشكل صوري بدلاً من النصي؟ تابع معنا.
طريقة تركيب إقرأ المزيد الصورية
الخطوات السابقة بالكامل عليك بتطبيقها ولكننا سنغير في الكود الأخير فقط جملة بسيطة .. هي جملة إقرأ المزيد نفسها .. قم بحذفها ووضع الكود التالي:

<img src="رابط الصورة.." title="إقرأ المزيد" alt="إقرأ المزيد"/>

وبالطبع قم بإستبدال جملة رابط الصورة .. بأحد روابط الصور التالية:
للحصول على الرابط قم بالضغط على الصورة بزر الفأرة الأيمن ومن القائمة قم بإختيار Copy Image Address.

أشكال إقرأ المزيد

Continue Reading
read more with thumb
read more
إضافة إقرأ المزيد
إقرأ المزيد بشكل إحترافي
إقرأ المزيد لمدونات بلوجر
تحديث: هذا هو الدرس الرابع من دورة بلوجر , يمكنك مراجعة الدروس السابقة من الروابط التالية:
1 - مقدمة دورة بلوجر.
2 - إنشاء مدونة بلوجر احترافية.
3 - إنشاء أقسام بلوجر بقائمة منسدلة.
سنترككم الأن في القليل من الراحة ونقوم نحن بالتحضير للدرس القادم بإذن الله، لأخر الدروس قم بفتح قسم "دورة بلوجر".
نتمنى أن يكون موضوعنا قد نال إعجابكم.. مع أطيب أمنياتنا للجميع بالتوفيق.. ولأي استفسارات برجاء ترك تعليقاتكم أسفل الموضوع وكذلك رابط تجربة الموضوع لمن قام بوضعه على مدونته.


اقرأ المزيد

كيف تختار إسم موقعك بطريقة صحيحة


اختيار اسم الموقع هو اهم خطوة تفعلها عند انشائك موقعاً جديداً فهو يبنى عليه كل شئ , يبنى عليه المحتوى , واختيار الدومين , والمظهر الإسم هو حجر الأساس وكنا في بداية كن مدون تكلمنا عن اختيار الدومين والاسم لمن ينشئ مدونة لكن أردت أن اتكلم باستفاضة بعض الشيء في ظل ندرة الأسماء حالياً
في ظل وجود ملايين المواقع العربية والأجنبية أصبح صعب للغاية ان تجد اسم جيد لموقع
أيضاً هناك أمر يفعله بعض الناس انه كلما فكر في اسم جيد ولم يكن للاسم موقع موجود بالفعل
فينشئ موقع فارغ بالاسم هدفاً لبيعه مستقبلاً وهذا يؤثر سلباً على عملية ايجاد اسم متفرد
إذا كيف أختار اسم موقعي
أول شئ قم بإعداد قائمة بكل ما تفكر به من أسماء
ثم رتبها تنازلياً من الأفضل الى الأقل
ثم افتح صفحة متصفح آمن أو خاص Private لأن تلك الصفحة لا يكون مخزن بها سجل بحث سابق يؤثر على ما سيظهر من نتائج
والآن ابدأ باسم اسم من القائمة
إن بدأت بالاسم الأول ووجدت موقع اخذه بالفعل فانتقل للثاني وهكذا
كيف اعلم ان كان الإسم مأخوذ
نسبة ان يكون الإسم مأخوذ هي 90 %
وسيظهر لك في نتائج البحث
لكنك بهذه الطريقة قد لا تجد اسم غير مأخوذ من قبل أبداً !!! , بسبب الفئة التي ذكرتها من الناس التي تحجز اسماء لمواقع لن تستخدم
هنا لنقل انك وضعت اسم ولم تجده في أول 10 صفحات بحث
لان المواقع النشطة غالباً ما تظهر في اول نتائج لعشر صفحات بحث في جوجل
وان لم تجد هذا معناه اما ان الإسم بالفعل غير مستخدم او من يستخدمه شخص أهمله
فحينها يمكنك استخدامه
لكن ماذا لو وجدت الإسم في الصفحة السادسة أو العاشرة
هذا معناه أن الموقع وان كان فعال يمكن ان آخذ الإسم وأستطيع التفوق عليه وأصبح أنا المتصدر
نعم تستطيع ذلك لكنه اخلاقياً ليس امر جيد فانت حينها تكون تجاوزت في حق صاحب الموقع فقط لأنه ليس لديه خبرة كافية ليتقدم بموقعه خبرتك في شئ لا يعني ان تستخدمها في التعدي على الآخرين
الآن بحثت ولم أجد للموقع أثر في أول 10 صفحات
هذا معناه انه وان وجد فسيكون الموقع مهمل تماماً إما صاحبه تركه او لا يهتم به او كان مجرد شخص يحفظ اسم كمن ذكرتهم
ويمكنك الآن ان تنشئ موقع بذلك الإسم والله يبارك لك
سؤال افتراضي: ماذا لو لم يكن الموقع ظاهر في اول 10 صفحات لكنني اعرفه وأعرف انه موقع يعمل بالفعل ؟
فكرة العشر صفحات هي لتضييق مجال البحث لكنها ليست القاعدة الأساسية طالما انك تعرف الموقع وتعرف انه فاعل فيجب ان تتجنب انشاء واحد بنفس الإسم
هل اسم الموقع هو اسم الموضوع؟
قد تجد مواضيع كثيرة تحمل اسم الموقع لكنه ليس اسم الموقع
يعني لنقل مثال أنك تريد موقع باسم طائرات، لكنك وجدت مواضيع كثيرة تحمل كلمة طائرات في عناوينها لكنه مجرد موضوع في موقع وليس اسم الموقع نفسه بالتالي المواضيع لا تحتسب كأسماء مواقع يعني لكي يحتسب الأمر كموقع يجب ان يكون مثلا
طائرات دوت كوم، وليس موضوع في كن مدون مثلاً عنوانه طائرات دوت كوم او عنوانه يحتوي كلمة طائرات
يعني لو وجدت آلاف المواضيع تحمل اسم الموقع الذي تريد يمكنك انشاء موقع دون مشاكل طالما هو ليس اسم للموقع نفسه...
اقرأ المزيد
الأربعاء، 31 أكتوبر 2018

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



سبع حيل لإبعاد وكالة الاستخبارات المركزية الأميركية عن بيتك
نشر موقع ويكيليكس وثائق تكشف أن وكالة الاستخبارات الأمريكية يمكنها تحويل التلفزيون في أي منزل إلى جهاز للتنصت والالتفاف على كل تطبيقات التشفير وحتى التحكم بأي سيارة، وبالتالي يُطرح السؤال: كيف يمكن تفادي مقالب القرصنة؟
فاولت 7” هو آخر ما كشف عنه موقع ويكيليكس بشأن أنشطة التجسس الإلكتروني لوكالة الاستخبارات المركزية الأمريكية، والتي تملك تكنولوجيا تمكنها من الالتفاف على كل تطبيقات التشفير، وحذر الموقع من انتشار هذه “الأسلحة” المعلوماتية ومخاطرها. وكشف ويكيليكس عن حوالي تسعة آلاف وثيقة وصفها بأنها أضخم عملية نشر لوثائق سرية استخباراتية جرت حتى الآن. وتظهر هذه الوثائق بالتفصيل كيفية الالتفاف على نقاط الضعف في أنظمة التشفير للحواسب والهواتف النقالة وكل أنواع الأجهزة الإلكترونية.
والواقع أن هذا النوع من التسريبات لم يعد يفاجئ هيئات حماية المستهلكين ولا حُماة البيانات الشخصية الذين يعتبرون شبكة الإنترنت مصدرا للمخاطر. “نحن ندرس إذا ما كان المستهلك يعرف كيف تنشأ البيانات وكيف يتم تشبيكها وما هو مآلها” على حد تعبير ميخائيل شوهن من جامعة زيغن الألمانية. فقد قام في “مركز التعليم الاقتصادي” بالجامعة بتعاون مع زملائه ببلورة مشروع نموذجي لاختبار كفاءة المستخدمين في تعاملهم مع الهواتف الذكية. وهناك مجموعة من النصائح التي يمكن إتباعها لتفادي السقوط في شباك قراصنة الإنترنت.

اقرأ المزيد



مشاركة مميزة

إضافة إقرأ المزيد لمدونات بلوجر بشكل إحترافي

أهمية اقرأ المزيد عندما يبدأ مدونين بلوجر بإنشاء مدونة جديدة أول ما يلاحظونه بعد نشر مقالاتهم على المدونة أن المقالات تظهر بالكامل ...