بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , هناك عدة طرق لاضافة اقرا المزيد و معضمها تتم يدويا و البعض يستخدم الاضافة الموجودة اصلا مع محرر بلوقر الحديث او المحرر القديم باستخدام read more بسبب بعض المشاكل التي تحدث في بعض القوالب كانحراف العمود الى الاسفل و لكن هذا الامر كان سابقا فقد عالجت بلوقر هذا الخلل و هي الان تعمل بدون هذه المشكلة و لاضافة اقرا المزيد اتبع الخطوات التالية :

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

<div class='post-body entry-content'>
<data:post.body/>
<div style='clear: both;'/> <!-- clear for photos floats -->
</div>

اضف بعده مباشرة الكود التالي:

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

في بعض القوالب تجد الكود اعلاه موجود اي انه مضاف مسبقا ففي حال وجوده لا يحتاج الى اضافته مرة اخرى و لكن اتبع الخطوة التالية :
ابحث عن الكود التالي :

]]></b:skin>

اضف فوقه مباشرة الكود التالي :

.jump-link a {
float: right;
display: block;
background-color: #000000;
padding: 3px 3px 3px 3px;
width: 130px;
-moz-border-radius: 10px;
border-radius: 5px;
}
.jump-link a:hover {
text-decoration: none;
color: #FFFFFF;
background-color: #BF2323;
}

بامكانك تغيير الالوان الى ما يناسب قالب مدونتك .و اذا اردت تغير الاتجاه الى اليسار بامكانك تغير float: right; الى float: left;

و لتغير اقرا المزيد الى اي عبارة اخرى مثلا اكمل القراءة أو تابع القراءة .

» تابع القراءة

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

]]></b:skin>

2- انسخ الكود التالي والصقه فوقها مباشرة ..

.breadcrumbs{
padding:5px 0px 5px 5px;
margin:0;font-size:95%;
line-height:1.4em;
border-bottom:4px double #cadaef;
}

3- الان ابحث عن :

<div class='post hentry uncustomized-post-template'>

4- وانسخ الكود التالي بعدها مباشرة :

<b:if cond='data:blog.homepageUrl == data:blog.url'>
    <b:else/>
    <b:if cond='data:blog.pageType == &quot;item&quot;'>
    <div class='breadcrumbs'>
    انت تقرأ .. &#187; <a expr:href='data:blog.homepageUrl'>الرئيسية</a> &#187;
    <b:if cond='data:post.labels'><b:loop values='data:post.labels' var='label'>
    <a expr:href='data:label.url' rel='tag'><data:label.name/></a>
    <b:if cond='data:label.isLast != &quot;true&quot;'> , </b:if>
    </b:loop>
    </b:if> &#187; <data:post.title/>
    </div>
    </b:if>
    </b:if>

احفظ القالب ومبروك عليك الاضافة

» تابع القراءة

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

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

 أما طريقة التركيب على بلوجر فهي كالآتي.

رجاء احفظ نسخة احتياطية من قالبك قبل أي تعديل!

طريقة تركيب زر تويتر على بلوجر

توجه إلى لوح تحكم مدونتك ثم صفحة تحرير html و فعل خيار توسيع القوالب.
بعد ذلك ابحث عن <data:post.body/> و فوقها مباشرة ضع الكود الآتي :

<b:if cond='data:blog.pageType == &quot;item&quot;'>

<div class="tweetbutton" style="float:left; padding:6px;">
<a href="http://twitter.com/share" class="twitter-share-button" expr:data-url='data:post.url' expr:data-text='data:post.title' data-count="horizontal" data-via="droos_b">Tweet</a>
<script type="text/javascript" src="http://platform.twitter.com/widgets.js"></script></div>

</b:if>

تعديل الكود

كما لاحظتم في الكود فإني ميزت بعض العبارات بألوان مختلفة هذا شرحها.

• left يمكنك استبدالها ب right لوضع الزر ناحية اليمين.

• horizontal نستبدلها ب vertical للحصول على شكل جديد للزر أو ب none لإخفاء عداد مرات النشر. لكم أمثلة توضيحية.

شكل أفقي horizontal


شكل عمودي vertical





دون عداد none

• data-via="doaibblog" هذه لإظهار حسابك على تويتر بهذا الشكل @doaibblog مثلا يمكنك استبدال droos_b باسمك على تويتر أو حذفها كلها إن كانت عناوين مواضيع مدونتك طويلة لتوفير بعض الأحرف.

• أما الكود الأزرق فهو لإظهار الزر في صفحة المواضيع فقط إن كنت تود إظهار الزر في الرئيسية كذلك فاحذفه.

بعد الانتهاء من تعديل الكود و تركيبه احفظ القالب.

» تابع القراءة

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

ادخل الى موقع www.prchecker.info
ثم تابع معي الشرح

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

تم بحمد الله .

» تابع القراءة

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , أقدم لكم اليوم هاك بسيط للتحكم في حجم وتصغير الصور الكبيرة تلقائيا ومنعها من الخروج على جسم التدوينة .. ما عليك سوى التوجه من لوح تحكم مدونتك إلى صفحة تحرير HTML ثم ابحث عن ]]></b:skin> و فوقها مباشرة أضف كود CSS الآتي مع استبدال ما لون بالأحمر بقيمة عرض الصور الأقصى المطلوب:

.post img  {
 max-width: 520px;
 width: expression(this.width > 520 ? 520: true);
 }

ثم تحفظ قالبك .

» تابع القراءة

بسم الله الرحمن الرحيم و الصلاة و السلام على أشرف المرسلين محمد المصطفى الأمين , إخواني الكرام ، السلام عليكم و رحمة الله ! في هذا الموضوع بإذن الله سنتعرف طريقة وضع فهرس للمدونة أو بمعنى آخر صفحة تضم كل عناوين مواضيع المدونة مرتبة حسب التصنيفات لتكون بمثابة خريطة للمدونة تمكن الزائر من نظرة شمولية على المحتوى المدون
مثال للإضافة : من هنـــا


لإضافة فهرس المدونة بتواريخ نشر التدوينات كالتالي

من خلال الصفحات الثابتة في مدونتك أضف هذا الكود

<script src="http://sites.google.com/site/simoxisite/Home/archive.js">
</script>
<script src="http://droos-b.blogspot.com/feeds/posts/default?max-results=500&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

لإضافة فهرس المدونة بتصنيف نشر التدوينات كالتالي

 من خلال الصفحات الثابتة في مدونتك أضف هذا الكود

<script src="http://www.abu-farhan.com/script/daftarisiblogger/blogtoc-min.js">
</script>
<script src="http://droos-b.blogspot.com/feeds/posts/default?max-results=9999&amp;alt=json-in-script&amp;callback=loadtoc">
</script>

تم بحمد الله .

» تابع القراءة

بسم الله الرحمن الرحيم والصلاة والسلام على أشرف المرسلين سيدنا محمد النبي الأمين وعلى من سار الى هديه واستن بسنته الى يوم الدين أما بعد , السلام عليكم ورحمة الله وبركاته , تعتبر خدمة فيد برنر من انجح المواقع التي تقدم خدمة تحليل الخلاصات وكذلك خدمة القوائم البريدية عبر الخلاصات . و نجحت Google في شراء FeedBurner وبذلك اصبحت الخدمة اجمل و اجمل ! المهم في هذا الموضوع نشرح خطوات عمل قائمة بريدية لتزود بها متابعيك بكل ما هو جديد .
بالبداية يجب علينا ان يكون لدينا حساب علي Google . ندخل الموقع فيد برنر ونضع عنوان الخلاصة والتي تعملها بلوجر اوتوماتيكيا لمدونات اعضائها .
قم بتسجيل دخولك , ثم تابع معي الشرح

 

من خلال لوحة تحكم مدونتك ثم عناصر الصفحة ثم أضف أداة HTML Java Script

 

تم بحمد الله .

» تابع القراءة