عنوان الموضوع هنا
تضع هنا نبذة مختصرة عن الموضوع - هذا القالب من تعريب مدونة قوالب بلوجر معربة , من تعريب أخوكم : باســـم .
عنوان الموضوع هنا
تضع هنا نبذة مختصرة عن الموضوع - هذا القالب من تعريب مدونة قوالب بلوجر معربة , من تعريب أخوكم : باســـم .
عنوان الموضوع هنا
تضع هنا نبذة مختصرة عن الموضوع - هذا القالب من تعريب مدونة قوالب بلوجر معربة , من تعريب أخوكم : باســـم .
الأربعاء، 6 يوليو 2011
افضل المواقع المخصصة لتغيير خلفيات وقوالب تويتر twitter background
7:20 م
Troy
No comments
بعد نجاح مواقع التواصل الاجتماعي وعلى رأسها تويتر twitter وفيسبوك facebook في حشد اكبر عدد ممكن من المتظاهرين في مصر وتونس والنجاح الذي حققته الشعوب العربية في تلك الدولتين في اسقاط الانظمة الفاسدة - ارتفع عدد مستخدمي تويتر بشكل ملحوظ جدا في كافة انحاء وطننا العربي الحبيب - احبائي اصحاب الحسابات في ارقى موقع اجتماعي اقدم لكم في هذه التدوينة اشهر المواقع المخصصة في خلفيات وانماط تويتر :
twitter backgrounds
TwitRounds
twitter image
مواقع اخرى مفيدة
* البعض من هذه المواقع مدفوع وليس مجاني
@adiarar1 تابعنى عبر تويتر
الحل الأمثل لاضافة صندوق تعليقات فيس بوك الى مدونات بلوجر
7:15 م
Troy
No comments
ما زال عملاق الشبكات يستقطب المزيد من مستخدمي الانترنت ، ففي اخر احصائية وصل عدد المشتركين الى 650 مليون اسم مسجل ، وبما ان الفيس بوك facebook مجاني فهو يوفر لنا كأصحاب مدونات ومواقع فرصة مجانية ومفيدة لاستقطاب الزوار وتعريفهم بما تحتويه مدوناتنا ، وقد كتبت فيما سبق بعض المواضيع المفيدة عن الادوات التي تلزمنا من الفيس بوك مثل :
ايقونة مشاركة فيس بوك لمدونات بلوجر
اضف زر اعجبني لمدونات بلوجر
ثلاثة اشكال جديدة لاضافة التواصل
واستكمالا لما سبق اقدم لكم هذا اليوم طريقة اضافة صندوق تعليقات فيس بوك لمدونات بلوجر ، الاضافة ممتعة ومفيدة لكل مستخدمي الفيس بوك . وللمعاينة راجع هذا الرابط
اذا اعجبتك الاضافة تابع طريقة التركيبفي بقية التدوينة ......
الخطوة الاولى
1- اذهب الى facebook developers واملأ البيانتات المرادة كهذه الصورة :ولا تنسى ان تضيف" slash " " / " في نهاية رابط مدونتك . كهذا الرابط
ثم اضغط على create application2- املأ طلب التحقق الامني ، ومن ثم انسخ رقم app id كما موضح بالصورة :
3- اذهب الى هذا الرابط ، واملأ البيانات كما كوضح بالصورة التالية :
بعد ان تنتهي اضغط على get code
وانسخ الكود
الخطوة الثانية
من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم-ابحث عن :
<b:includable id='comments' var='post'>
واضف الكود بعدها مباشرة
احفظ القالب ومبروك عليك الاضافة
حصريا - طريقة تخصيص صندوق التعليق في مدونات بلوجر blogger
7:09 م
Troy
No comments
سنتعلم في هذا الدرس كيف نضيف كود تخصيص صندوق التعليقات واظهاره بشكل اجمل واكثر اناقة من الشكل المعتاد والمعروف في مدونات بلوجر (blogspot) ، هذه الاضافة ستجعل زوار مدونتك اكثر شهية لاضافة التعليقات ، طبعا لا يخفى على احد بأن صندوق التعليقات في منصة (wordpress) يتفوق على نظيره في بلوجر ، ولكن هذه الاضافة ستجعل مدونات بلوجر اكثر احترافية واناقة ، شاهد بعض الصور لنماذج من صندوق التعليقات المخصص :
هل اعجبتك اشكال صندوق التعليقات ، تابع بقية التدوينة لمعرفة طريقة التخصيص
هل اعجبتك اشكال صندوق التعليقات ، تابع بقية التدوينة لمعرفة طريقة التخصيص
طريقة تركيب اضافة تخصيص صندوق التعليقات
- من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم ..
- ثم ابحث عن :
<div class='comment-form'>
: واستبدلها بـ
<div id='mbt-form'>
3. ابحث عن :
]]></b:skin>
واضف قبلها(فوقها) مباشرة هذا الكود :
#mbt-form iframe{
background:#ffffff url(http://farm5.static.flickr.com/4020/4647821870_28f1634a7d_t.jpg) no-repeat bottom right;
border:7px solid #ABABAB;
padding:5px;
font:normal 13pt "tahoma;
color:#ABABAB;
width:450px;
}
#mbt-form iframe:hover{
background:#ffffff url(http://farm4.static.flickr.com/3340/4647190659_cd0b1c00f2_t.jpg) no-repeat bottom right;
border:7px solid #3b5897;
}
#mbt-form a{
color:#3b5897;
احفظ القالب ومبروك عليك الاضافة
___________________________________________________________________
- تخصيص الاضافة -
الان سنتطرق الى طريقة تخصيص هذا الكود ليتناسب مع الوان مدونتك وشكلها نتوكل على الله ونبدأ :
هذه الاجزاء التي يتكون منها الكود
#mbt-form iframe#mbt-form iframe:hover#mbt-form a
1. شكل صندوق التعليق في الوضع العادي .
#mbt-form iframe
هذا الجزء من الكود يحدد طريقة ظهور صندوق التعليق في الوضع العادي او قبل مرور الفارة عليه :
background : لتغيير لون الخلفية باضافة كود للون المراد او اضافة رابط صورة ليظهر في الخلفية .
ملاحظة : اذا اردت استخدام لون في الخلفية فقط ، احذف هذا من الكود : url(http://farm5.static.flickr.com/4020/4647821870_28f1634a7d_t.jpg) no-repeat bottom right;
border: لتحديد حجم الاطار الخارجي ولونه في صندوق التعليق بتغيير القيمة 7 وتغير كود اللون #ABABAB بكود اللون الذي تريده
padding : لتحديد بعد الحدود عن نموذج المشاركة (يرجى عدم تغييرها)
font : حجم خط كلمة " التعليق باسم" ونوعه في نموذج المشاركة ، تستطيع تغيير القيمة 13 لتكبير او تصغير الخط ، وتغيير كلمة tahoma بخط اخر تريده .
color : لون خط كلمة " التعليق باسم" في نموذج المشاركة
width : عرض الصندوق ، تستطيع تغير العرض ليتناسب مع مدونتك .
2. تخصيص الصندوق عند مرور الفارة عليه :
#mbt-form iframe:hover
كما هو شرح الخطوات السابقة ولكن الفرق هو عند مرور الفأرة على صندوق التعليق .
3. لون الروابط في صندوق التعليقات .
#mbt-form a
تحديد لون الروابط " تسجيل خروج" و " الاشتراك عن طريق البريد الالكتروني "
4. تذكر انت غير مقيد بشكل الكود .
تستطيع ان تخصص هذا الكود وتصمم الصور التي تريد ان تعرض ، فقط قم بتغيير الروابط داخل الكود الاول بروابط الصور الخاصة بك .
لأي استفسار اترك تعليق
الشكر كل الشكر الى الصديق ahmadzai
من افضل المواقع - ستة مواقع لانشاء نموذج اتصل بنا في مدونتك contact form
7:06 م
Troy
No comments
تكمن اهمية صفحة المراسلة في تقريب القراء والزوار من مدير المدونة اكثر والفائدة في ذلك مشتركة ، فقد يحتاج الزائر الى جواب عن استفسار او يقترح موضوع ما او يلفت النظر الى مشكلة في القالب او او او ..... الخ ، وفي المقابل يحصل مدير المدونة على حب وتقدير واخلاص اكثر من قبل القراء حين يجيبهم على استفساراتهم ويلبي رغباتهم المعقولة ^.^ ، وهذا من شأنه ان يساعدك عزيزي صاحب هذه المدونة على انتشار مدونتك ، فهذا يطرح موضوعا ما ويزكي مدونتك على غيرها في ذلك المجال ، وذلك ينشرها في مفضلاته ....الخ ، لا اريد ان اطيل عليكم اكثر ، هذه قائمة مواقع رائعة تساعدك على انشاء نموذج مراسلة اتمنى ان تفيدكم :
2- FormSpring
3- Kontactr
4- PagePow
اتمنى ان تحسنوا الاستفادة منها ، وبالتوفيق دوما ادعو لي ولكم
قالب temper الاحترافي معرب لمدونات بلوجر
7:03 م
Troy
No comments
منذ ان قمت بمشاركتكم بقالب سما بلوجر المعرب والذي حاز على اعجاب اكثر من 1300 مدون عربي "عدد مرات تحميله" وحتى يومنا هذا لم اطرح اي قالب للمدونات العامة - واليوم سأقدم لكم بأذن الله قالب اخر احترافي يضاف الى مجموعة القوالب المميزة في مدونة سما بلوجر - اتمنى ان ينال اعجابكم كما كان حال القوالب السابقة :
- القالب بعمودين وثلاثة اعمدة في الفوتر
- يدعم كافة الاضافات
- صديق لمحركات البحث
- العنوان صورة قريبة للسواد وكتابة بخط tahoma ابيض
- سريع في التحميل ( 114 kb )
- عرض 950
- متوافق مع جميع المتصفحات
اضافات القالب :
- اضافة عرض المواضيع المختارة بطريقة عرض الشرائح اعلى التدوينات (اختياري)
- اضافة ارقام الصفحات بشكل احترافي - اضافة الخيارات المتعددة في العمود الجانبي
مميزات القالب :
- يدعم اعلانات ادسنس- القالب بعمودين وثلاثة اعمدة في الفوتر
- يدعم كافة الاضافات
- صديق لمحركات البحث
- العنوان صورة قريبة للسواد وكتابة بخط tahoma ابيض
- سريع في التحميل ( 114 kb )
- عرض 950
- متوافق مع جميع المتصفحات
اضافات القالب :
- اضافة عرض المواضيع المختارة بطريقة عرض الشرائح اعلى التدوينات (اختياري)
- التعليقات بشكل جميل
- اضافة هاك اقرأ المزيد
- اضافة اطار للصور
- اضافة فتح الروابط الخارجية في اطار جديد
- يحتوي القالب على صندوق احترافي للبحث
- يحتوي ايضا على اضافة في العمود الجانبي لمتابعة حسابك في تويتر وفيس بوك وخلاصة مدونتك .- اضافة ارقام الصفحات بشكل احترافي - اضافة الخيارات المتعددة في العمود الجانبي
اضف زر +1 من جوجل لمدونات بلوجر
7:01 م
Troy
No comments
اطلقت جوجل قبل حوالي شهرين زر +1 في صفحة محرك البحث الرئيسية - تقوم مهمة هذا الزر على اعطاء تقييم المستخدم المسجل في جوجل لكل ما يراه من صفحات ومواقع مفيدة اي بالضغط على هذا الزر ليعطيه تقييما واحدا - وعند ذلك يصبح هذا الموقع او هذه الصفحة اكثر تفضيلا وقربا لمحرك البحث جوجل ولكن ستكون اكثر قربا فقط لمن هم اصدقائك في حسابك على جوجل - يعني باختصار الزر اكثر ما يكون قريبا من زر اعجبني على فيسبوك - لنتابع طريقة اضافته لمدوناتنا :
الروابط التي قمت بضغط زر التفضيل بها
فيديو توضيحي من جوجل
طريقة الاضافة
1- من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم-2- ابحث عن </head>
4- الان قم بالبحث عن
او
<div class='post-footer-line post-footer-line-1'>
5- انسخ الكود التالي واضفه قبل او بعد اي من السابقة ليظهر اول التدوينة او اخرها<b:if cond='data:blog.pageType == "item"'><div style='float:right'><g:plusone size="standard" expr:href="data:post.url"/></div></b:if>
تخصيص الاضافة
1- احذف ما تم تعليمه بالبرتقالي لتظهر الاضافة في الصفحة الرئيسية وصفحة الموضوع2- استبدل right يمين – left يسار – center وسط
3- استبدل standard بـ small – tall – meduim لتغيير شكل الزر – رابط للتوضيح
4- احفظ القالب ومبرووك عليك الاضافة – سما اكسات