افلامنات وحوارت: blogger tips

‏إظهار الرسائل ذات التسميات blogger tips. إظهار كافة الرسائل

الاثنين، 12 يوليو 2010

شرح إضافة زر " Refresh " لمدونات بلوجر blogger

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

<head>

3. ثم أضف فوقه مباشره هذا الكود

<meta HTTP-EQUIV='refresh' content='15;URL=http://home-bassem.blogspot.com'/>

مع تغيير اسم home-bassem باسم مدونتك
4. قم بعمل حفظ للقالب
تم بحمد الله .. أي إستفسارات يرجى وضعها بالتعليقات
أخوكم باسم

الخميس، 1 يوليو 2010

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

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

الاستايل العادي:

Code:

<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="بحــث" type="submit"/></form>

استايل متغير :

Code:

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" style="background: #f7f7f7; border: 2px solid black"/><input id="search-btn" value="بحـــث" type="submit" style="background: black; border: 2px outset #414446; color: #ffffff; font-weight: bold;"/></form>

وفي هذا الكود تستطيع تغيير لون المحرك حيث أن
f7f7f7 : لون كلمة " بحــث "
414446 : لون الإطار المحيط بكلمة " بحث "
ffffff : لون خلفية محرك البحث وهو اللون الأبيض

محرك بحث مختلف :

Code:

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" value="ضع كلمات بحثك هنا"/><input id="search-btn" value="Search" type="image" src="http://dryicons.com/images/icon_sets/stickers_icon_set/png/16x16/search_magnifier.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>

أختر ما تشاء منها .. ولتركيب الإضافة
1. ادخل الى لوحة تحكم المدونة .. ثم الى التصميم ثم الى إضافة آداة " HTML Java Script "
2. انسخ الكود الذي اخترته ليكون محرك بحث خاص بك ثم الصقه .
3. احفظ القالب .
تم بحمد الله , أخوكم : باسم .

السبت، 26 يونيو 2010

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

<form id="searchThis" action="/search" style="display:inline;" method="get"><input id="searchBox" name="q" type="text"/> <input id="searchButton" value="بحــث" type="submit"/></form>

استايل متغير :

Code:

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" style="background: #f7f7f7; border: 2px solid black"/><input id="search-btn" value="بحـــث" type="submit" style="background: black; border: 2px outset #414446; color: #ffffff; font-weight: bold;"/></form>

<form id="searchthis" action="/search" style="display:inline;" method="get">
<input id="search-box" name="q" size="25" type="text" value="ضع كلمات بحثك هنا"/><input id="search-btn" value="Search" type="image" src="http://dryicons.com/images/icon_sets/stickers_icon_set/png/16x16/search_magnifier.png" style="margin-left: 5px; margin: 3px 0 0 5px;"/></form>

السبت، 19 يونيو 2010

الإضافة الرسمية من بلوجر .. بلوجر تضيف خاصية "Share Me " شارك التدوينة

بسم الله والصلاة والسلام على رسول الله . أخواني الكرام السلام عليكم ورحمة الله وبركاته . في أكبر المفاجآت بلوجر تضيف خاصية شاركك التدوينة عبر التصميم الأصلي للرسائل .. وهذا يعني أنك من الآن لن تحتاج لزر " Share Me " ككود لأن بلوجر قد أتاحت لك ذلك . ولتركيب هذه الإضافة في مدونتك اتبع الآتي
1. ادخل على لوحة التحكم الخاصة بمدونتك من خلال بلوجر درافت من هنا
2. ادخل الى التصميم .. ثم عناصر الصفحة .. ثم تحرير رسائل المدونة الالكترونية كما بالصورة

وتضع علامة صح بجوار " Show Share Buttons "
وتستطيع تحريك مكان الزر وذلك بوضعه أعلى أو أسفل كما بالصورة

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

<div class='post-footer'>

أو

<div class='post-footer-line post-footer-line-1'>

أو

<div class='post-footer-line post-footer-line-2'>

أو

<div class='post-footer-line post-footer-line-3'>

أو

<data:post.body/>

ثم أضف بعده " أسفله " مباشرة هذا الكود

<div style='clear: both;'/>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

7. وإذا أردت إظهار الزر بعد عنوان الرسالة ابحث عن هذا الكود

<div class='post-header'>
<div class='post-header-line-1'/>
</div>

ثم أضف هذا الكود بعده مباشرة

<div style='clear: both;'/>
<div class='post-share-buttons'>
<b:include data='post' name='shareButtons'/>
</div>

8. احفظ القالب .. تم بحمد الله .. أخوكم باسم ..