مرسلة بواسطة
mohamed
إقرا المزيد
Posted in
جوجل ادسنس
|
مرسلة بواسطة
mohamed
انظر الي يمين الصفحة من تحت في مدونتي و سوف تري سهم ازرق عندما تضغط عليه يرجعك الي بداية الصفحة التي تتصفحها حاليا و تعتبر ذات اهمية قصوي في المدونات الي تحتوي علي صفحات طويلة و تسهل علي الزائر اثناء تصفحه المدونة....
اذا كيف تضيفها الي مدونتك ؟؟
الطريقة في غاية السهولة و ما عليك فعله هو الذهاب الي Layout==>Elements واضغط Add Gadget ثم اختار
Html /Javascript و اضفك الكود الاتي.....
<a style="display:scroll;position:fixed;bottom:5px;right:5px;" href="#" title="Back to Top"><img src="http://i271.photobucket.com/albums/jj148/hamadaosama1989/2arrow2.gif"/></a>
السطر المتعلم بالاحمر غيره بلينك صورتك
=====================================
شرح كل جزء من الكود :
<a href="#"> <-- ترجعك الي بداية الصفحة التي تتصفحها ...
<img src="url-of-image" <-- لينك الايقونة الخاصة بك ....
title="Back to Top" <-- وصف الصورة الذي يظهر عندما تقف علي الصورة.
style="display: scroll; <-- هذا الكود يسمح للصورة بالنزول
مع نزول الصفحة ....
bottom: 5px; <-- يجعل الصورة تظهر فوق نهاية الصفحة ب 5 بيكسل
وممكن تغيير الرقم حسب احتيجاتك ....
right: 5px;" /></a> <-- يجعل الصورة تظهر 5 بيكسل الي اليمين .
=========================
الموضوع اعتقد سهل التطبيق و منتظر تعليقاتكم واستفسارتكم
لو الموضوع عجبك...
اضغط علي الصورة بالاسفل لتتلقي جديد موضعاتنا
عن طريق الايميل
إقرا المزيد
Posted in
ســلـسـلـة الـتـحـكـم بـقـالـب مـدونـتـك
|
مرسلة بواسطة
mohamed
في اوقات كثيرة نبقي عايزين نعرف رد فعل الزائر علي كل موضوع موجود علي حدة و ننتظر منه رد لتقييم الموضوع....الان يمكنك اضافة قطعة تقييم عن طريق عدد نجوم لكل موضوع كما في المنتديات..تابع معي.
(صورة توضيحية لشكل التقييم)
ادخل الي Layout==>Edit Html و تأكد من انك قد ضغطت علي Expand widget template .....
ثم ابحث عن <data:post.body/> ...و اضف الكود الاتي تحتها مباشرة..
<script language='JavaScript'>var OutbrainPermaLink='<data:post.url/>';var OB_demoMode = false;var OB_Script = true;</script><script src='http://widgets.outbrain.com/OutbrainRater.js' type='text/javascript'/>
ثم اضغط preview لتتأكد من ان خطواتك صحيحة ثم اضغط Save.
لو عجبك الموضوع فلا تردد في تسجيل اميلك بالضغط علي هذه الصورة لتتلقي جديد اخبارنا.
إقرا المزيد
Posted in
مكان كتابة المواضيع (Post Body)
|
مرسلة بواسطة
mohamed
طريقة اختصار مواضيعك في الصفحة الرئيسية و اضافة كلمة "اقرأ المزيد" طريقة مشهورة في جميع المدونات.
الطريقة دي اتشرحت قبل كدة بالعربي في مدونات اخري ولكن ماكنش ينفع تطبقها علي المواضيع القديمة و لازم تعملها تعديل من جديد و دة شيئ مرهق جدا طبعا.
الطريقة اللي هاشرحها باذن الله من اهم مميزاتها انها حتتعمل علي جميع المواضيع سواء القديمة او الحديثة و بدون اي تدخل منك في كل موضوع .
ولكنها لها سلبية وحيدة و هي انك مش هتقدر تتحكم في الجزء الظاهر و الجزء المخفي من مواضيع.
الطريقة منقسمة لجزئين...الجزء الاول و هي طريقة اخفاء جزء من الموضوع ولو الزائر ضغط علي "اقرأ المزيد" الموضوع حيتمدد في نفس الصفحة...
الطريقة الثانية و هي ان باقي الموضوع حيتفتح في صفحة لوحده و سوف يتم شرح الطريقتين باذن الله.
الطريقة:
(الجزء الاول)
يجب ان تأخذ نسخة احتياطية من قابلك قبل البدء في العمل.
اذهب الي Layout>Edit HTML في مدونتك و تأكد من قد ضغط علي "expand widget templates"
ثم ابحث عن </head> في القالب (اضغط CTRL+F للبحث في المتصفح)...
واضف قبلها مباشرة الكود الاتي
<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery-1.2.3.pack.js' type='text/javascript'/>
<script language='javascript' src='http://halotemplates.s3.amazonaws.com/jquery-truncator/jquery.expander.js' type='text/javascript'/>
<script type='text/javascript'>
$(document).ready(function() {
$('.excerpt').expander({
slicePoint: 280, // default is 100
expandText: 'إقرأ المزيد', // default is 'read more...'
});
});
</script>
ثم ابحث عن <data:post.body/>
ثم حدد الكود الاتي
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
و استبدله بهذا الكود ...
<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
الان اضغط Preview للتأكد من خطواتك سليمة و سوف تري ان مواضيعك قد لخصت و اضيفت كلمة "إقرأ المزيد" بجانب كل موضوع و للحفظ اضغط Save.
و بكدة يكون الجزء الاول انتهي ولو ضغط علي " إقرا المزيد" الموضوع هيتمدد في نفس الصفحة...
لكن لو انت عايز يتفتح لوحده في صفحة اذن اقرأ الجزء الثاني.
(الجزء الثاني)
1- ابحث عن هذه الكلمة expander.js واستبدلها بهذه extractor.js
2- ابحث عن الكود الذي اضفناه عند <data:post.body/> و اضف اليه الجزء الملون بالاحمر
<b:if cond='data:blog.pageType != "item"'>
<div class='excerpt post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
<a expr:href="data:post.url">إقرا المزيد</a>
<b:else/>
<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>
</b:if>
تأكد من اضافة هذا السطر في مكانه الصحيح فوق <b:else/> مباشرة والا قد تحدث اخطاء.
الان اضغط Preview ولو حصل اخطاء مش هينفع تشوف اللبوج و يظهرلك كلام بالاحمر.... اما لو صح في حتشوف البلوج و تحت المواضيع كلمة "اقرا المزيد".
الان اضغط Save.
الموضوع صعب وطويل لكن في النهاية هتبقي سعيد جدا بما فعلت .
شــــــكـــــــرا.
إقرا المزيد
Posted in
ســلـسـلـة الـتـحـكـم بـقـالـب مـدونـتـك,
مكان كتابة المواضيع (Post Body),
نشر التدوينات
|
مرسلة بواسطة
mohamed
إقرا المزيد
Posted in
نشر التدوينات
|
مرسلة بواسطة
mohamed
السلام عليكم و رحمة الله
في ناس كيتر سألت ازاي تتيح للزائر ترجمة المدونة للغته المفلضة بدون عمل نسخة تانية للمدونة باكملها ...اليكم هذه الاضافة الرائعة من شركة جوجل العملاقة والتي تتيح للزائر ترجمة مدونتك الي اكثر من 15 لغة !!!!
ادخل الي هذا الرابط و اختار لغة مدونتك و اختار الالوان المناسبة لمدونتك ثم اضغط Get Code.
ثم ادخل الي Layout==>Page elements واختار add gadget ثم اضف Html/javascript button
جيظهرلك مربع.....ضع فيه الكود الذي نسخته ثم اضغط Save.
لو عندك اي استفسار..فاترك تعليق.
لو اعجبك الموضوع فلا تردد في تسجيل اميلك بالضغط علي هذه الصورة لتتلقي جديد اخبارنا.
شكرا
إقرا المزيد
Posted in
اشــهــار مــدونـــتــك
|
مرسلة بواسطة
mohamed
اذا كانت مدونتك تحتوي علي الكثير من التصنيفات مما يستهلك مساحة كبيرة من القائمة الجانبية ...اليكم هذه الطريقة السهلة و البسيطة باذن الله.
كيفية انشاء قائمة منسدلة لتصنيفاتك ؟
قبل اي شيئ..يجب ان تأخد نسخة احتياطية من قالبك بالضغط علي Download Full Template.
ثم اذهب الي Layout==>Edit Html واضغط علي المربع بجانب Expand Widget Templates.
الان اضغط Ctrl+f للبحث داخل الكود عن الآتي ...
<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>
<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>
<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>
- استبدل الجزء الملون بالاحمر بالكود الآتي ...
<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>
ثم اضغط Preview لتتاكد ان كل شيئ تمام ...ولو طرهلك مربع احمر ...دوس Clear Edits
و اعمل الخطوات دي من تاني .
لو في اي استفسار انا موجود.
شكرا
إقرا المزيد
Posted in
الــتــصــنــيــفــات,
الــقــائــمــة الــجــانبـية
|
