مدونة عربي تيك

اضافة خاصية Send Voice Message الى مدونتك

noreply@blogger.com (Unknown) — Wed, 27 Jun 2012 11:33:00 +0000

السلام عليكم

موضوع اليوم يتمحور حول اضافة جد مهمة للمدونات و المواقع و هي الاضافة التي اصبحنا نراها بكثرة هذه الايام
خاصية send voice message المقدمة من طرف موقع speakepipe و التي تمكن الزائر من ارسال رسالة صوتية لصاحب المدونة

هذه الاضافة تتميز بالعديد من المزايا من بينها انها :
سهلة التركيب بالنسبة لصاحب المدونة و ايضا سهلة الاستعمال بالنسبة للزائر الذي يود ارسال الرسالة
امكانية التحكم الكامل في الاضافة من حيث اللون و النص الموجود ذاخل الموقع و ايضا مكان الاضافة اما على اليمين او اليسار او فوق اوة تحت ....
هذه الاضافة لها عيب وحيد و هي انها لا تقبل اللغة العربية و لكن سيتم اضافتها عما قريب نظرا لكون النسخة الموجودة حاليا هي نسخة تجريبية
الان مع طريقة التركيب
توجه الى الموقع المقدم للخدمة و هو موقع speakpipe
هذا هو الرابط https://www.speakpipe.com/signup
ثم تابع طريقة التعديل و التركيب في الفيديو
فرجة ممتعة

هكذا وصلنا الى نهاية حلقة اليوم شكرا على حسن المتابعة
الى موضوع اخر باذن الله

شركة earnparttimejobs للربح من دعوة الأصدقاء و تحرير النصوص

noreply@blogger.com (Unknown) — Mon, 18 Jun 2012 19:41:00 +0000

السلام عليكم
موضوع اليوم مهم و مهم جدا للربح من دعوة الأصدقاء و كذلك من تحرير النصوص .
هذه الشركة تحمل اسم earnparttimejobs وهي شركة تضم عدة فروع . مقرها الرئيسي في الهند .

طريقة العمل

شركة earnparttimejobs تدفع لك 0.1 دولار عن كل فرد تدعوه للتسجيل في الموقع من خلال رابط afilliate الذي تمدك أياه الشركة.
الحد الأدنى للدفع هو 40 دولار و لكن لن تبدأ ب 0 دولار لكون الشركة تعطيك 10 دولار عند التسجيل .
اذن عند جمعك ل30 دولار ستكتمل لك 40 دولار و يمكن لك سحبها.
ستصل الى الحد الأدنى عند دعوتك ل300 شخص.
كل شخص قمت بتسجيله ووصل الى عتبة 40 دولار سيصلك 10 دولار من القيمة.
طرق السحب متعددة و في متناول الجميع حيث توفر طريقتين اساسيتين :
البنك العالمي paypal
و أيضا عن طريق الشيك ك google adsense
عندما تتجاوز حاجز 40 دولار تكسب ثقة الشركة و تعتبرك موظفا لديها حيث تمدك بملفات و نصوص على هيئة excel وword و power point و pdf..... النصوص مكتوبة بالانجليزية سيطلبون منك القيام اما بالتحرير او ما شابه ذلك مقابل دفع مبلغ معقول جدا يصل في بعض الأحيان الى 40 دولار للعمل الواحد.
شركة استفدت منها شخصيا و اردت مشاركتكم هذه المعلومة.

الان مع طريقة التسجيل

أولا توجه الى الرابط التالي أنقر هنا

ثم تابع الشرح كما في الفيديو
فرجة ممتعة

أرجو من الله أن تكونوا قد استفدتم
لا تبخلةا علينا بتعليقكم.

أحسن طريقة لوضع أكواد html في المواضيع مغ خلفية على شكل صفحة كتاب

noreply@blogger.com (Unknown) — Fri, 15 Jun 2012 11:57:00 +0000

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

الان مع طريقة التركيب
من قائمة التحكم الرئيسية أنقر قالب أو modéle لمن يستعمل اللغة الفرنسية.
أنقر على تحرير modifier le code html html
تخصيص traiter
علم على توسيع القالب

ثم ctrl+f للبحث
ابحث عن الكود التالي

]]></b:skin>

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

.rtcv {

margin : 15px 35px 15px 15px;

padding : 20px 10px 10px 35px;

background : #EEEEEE url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhaUsej4Q0LIEiWwv4K5paAxckuQyo1XqgLhJaY7lc3PXyWvHqCP7Ppu8C2260e1rg8e1JLFkB0el56T5Xteg95XKNpZPlsObClImA8XNxvMp9RwxDY_sxlWi9C6QZpIjcR1SBDFiA5bwc/s1600/Html+code.gif) repeat-y top left;

border-top : 1px solid #AAAAAA;

border-right : 1px solid #AAAAAA;

border-bottom : 1px solid #AAAAAA;

border-left : 1px solid #AAAAAA;

}

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

و الان عندما تريد وضع أي كود لا تضعه في خانة تأليف بل ضعه في خانة تحرير html

الكود يجب وضعه على الشكل التالي

<div class="rtcv">

ضع الكود هنا

</div>

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

كود مباشر لتركيب النافدة المنبثقة للفيس بوك على مدونات بلوجر

noreply@blogger.com (Unknown) — Thu, 14 Jun 2012 16:12:00 +0000

السلام عليكم
اضافة اليوم عبارة عن نافذة الفيس بوك المنبثقة pop-up
هذه الاضافة توجد تقريبا في جل المدونات و المواقع غير أن طريقة تركيبها تجعل منها شيئا غير مرغوب فيه حيث يصعب على البعض الاستفادة من هذه الاضافة لما تحتويه طريقة تركيبها من تعقيدات.

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

من القائمة الرئيسية المحدثة من طرف بلوجر blogger أنقر على تخطيط Mise en page
اختر اضافة أداة Ajouter un gadget
اختر أداة html java script
ثم ألصق الكود

الان مع الكود

<script type="text/javascript">

/*<![CDATA[*/

jQuery(document).ready(function() {jQuery(".abtlikebox").hover(function() {jQuery(this).stop().animate({right: "0"}, "medium");}, function() {jQuery(this).stop().animate({right: "-250"}, "medium");}, 500);});

/*]]>*/

</script>

<style type="text/css">

.abtlikebox{background: url("https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgxdSmwmxX9ubWcjHPXFCBRKm4Jq6tjmKf4OLzEbS456_X7gbtiSlRRf7T5WPqj2lCvCi6PQKq3qxQYiPMMih1zRB9Za5-sQJeDMUnIEdZn6ao8I65ErGntp-J5Z7eajyYVI4tAWgZLBaA/s320/fb1-right.png") no-repeat scroll left center transparent !important; float: right;height: 270px;padding: 0 5px 0 46px;width: 245px;z-index: 99999;position:fixed;right:-250px;top:20%;}

.abtlikebox div{ padding: 0; margin-right:-8px; border:4px solid #3b5998; background:#fafafa;}

.abtlikebox span{bottom: 4px;font: 8px "lucida grande",tahoma,verdana,arial,sans-serif;position: absolute;right: 6px;text-align: right;z-index: 99999;}

.abtlikebox span a{color: gray;text-decoration:none;}

.abtlikebox span a:hover{text-decoration:underline;}

}

</style>

<div class="abtlikebox" style="">

<div>

</div>

الان مع التعديلات على الكود
غير arabytech وهي بالأحمر بالجزء الأخير من رابط صفحتك
مثلا رابط صفحتي على الفيس بوك " مجتمع عربي تيك " هو www.facebook.com/arabytech الجزء بالأحمر هو ما يجب كتابته.
انتهت اضافة اليوم الى الملتقى باذن الله.

اضافة اعلان الى مدونتك مع خاصية القفل المباشر pub

noreply@blogger.com (Unknown) — Mon, 11 Jun 2012 13:32:00 +0000

السلام عليكم و رحمة الله تعالى و بركاته

في موضوع اليوم سنكمل مسلسل الاضافات الخاصة بمدونة بلوجر و سنعرض لكم اداة اعلان مع خاصية القفل هذفها اما
الترحيب بالزوار او لفث انتباههم لشيء ما .

من اهم مميزات الاضافة انها ذات تحكم كامل حيث يمكن التعديل على طول و عرض و محتوى و لون الاعلان.

تتيح لك أيضا وضع حسابك على فيس بوك و على تويتر داخل الاعلان .

شكل الاضافة يوجد فوق الموضوع

الان نأتي الى المهم وهي كيفية تفعيل الاضافة داخل المدونة

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

اختر أداة html java script ثم الصق الكود التالي

<style type="text/css">

#aviso{

width:500px; /* عرض النافدة */

padding:5px; position:absolute; z-index:5000;}

.caja-aviso{

border:4px double #0080FF; /* لون الحدود */

-webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; -webkit-box-shadow: 8px 8px 6px #808080; -moz-box-shadow: 8px 8px 6px #808080; box-shadow: 8px 8px 6px #808080;

background-color: #CEECF5; /* لون الخلفية */

padding: 10px; font-family: Verdana, Geneva, sans-serif;

color: #0B173B; /* لون النص */

}

.letrero-aviso {

font-size:18pt;

font-weight:bold;

color:#B4045F;

text-shadow: 0px 0px 10px #BA55D3;}

</style>

<div id="aviso" style="left:300px; top:100px; padding:0;">

<div align="right" style="margin-bottom:-30px;"><b><a href="javascript:closeit()" ><font face="Arial" size="1">إغلاق</font> <img valign="middle" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiC1o4N4M0Qgwyw6P_D1kwN5J-VKiy1eWglIJA-VIJ2j0JImrJB1BIWHA9fWHQkC7ignX41zKaRhUm7SSYddr66TIUDT2gZ3fMPpeMOvdUWuQSoViT-Os9trSJjKp9ckyPSrAnbgIq1nUI4/" style="vertical-align:middle;"/></a></b></div>

<br/>

<fieldset class="caja-aviso">

<legend class="letrero-aviso" align="center">إعلان</legend>

... هنا قم بوضع الكلام أو الرسالة التي تريد إصالها لزوار مدونتك ...

</fieldset>

<script>

function closeit(){

document.getElementById("aviso").style.visibility = "hidden";

}

</script>

</div><div class="clear"/></div>

التعديلات على الكود :

غير ما بالاحمر بالمقاسات و الالوان المناسبة لقالب مدونتك

ستجد في الكود اسم حسابك بالاخضر غيره باسمك على الشبكة الاجتماعية تويتر

غير اسم صفحتك باسم صفحتك على فيس بوك.

وصلنا الى نهاية الموضوع .

الى الملتقى باّن الله.

إغلاق

إعلان هذا هو الشكل النهائي للأضافة يمكن التعديل عليها كليا لتصبح ملائمة لقالبك

شركة Smowtion للاعلان تتميز ب 10 خصائص عن االشركات الاخرى

noreply@blogger.com (Unknown) — Wed, 30 May 2012 10:33:00 +0000

السلام عليكم
في اطار مواكبتنا للشركات الربحية و التي تدفع لك مقابل نشر اعلاناتها
جاء الدور اليوم على شركة smowtion التي اعتبرها مجموعة من المطورون احسن من ادسنس و اكثر ربحا منها
مميزات الشركة

داعمة للمدونات المجانية "blogger........"
توفر لك اكثر من 14 شكل للاعلان
تتوفر على الاعلانات المنبثقة pop
تواصل مباشر مع مديري الموقع عن طريق الشات لحل الاستفسارات
شركة سخية في الدفع
توفر لك الربح عن طريق affiliate اي عن طريق دعوة الاشخاص الى الانخراط في الموقع عن طريقك
توفر لمستخديمها عدة طرق للدفع "الشيك البنوك الالكترونية......."
شكل الموقع سهل التعامل معه
امكانية التحكم في محتوى الاعلان "و ذلك لتفادي الاعلانات المخلة بالحياء" هي اصلا غير موجودة و لكن للاحتياط فقط

الميزة الرائعة لدى smowtion هي انها لا تقفل حسابك اذا تمت مهاجمتك من قبل شخص ما "ارتفاع النقر" حيث تقوم بعدم احتساب هاته النقرات.
مدة تفعيل الحساب ساعتان و 55 دقيقة

ا
لان مع طريقة التسجيل
توجه الى الرابط التالي انقر هنا
املا البيانات بعناية
ملاحظة بالنسبة لكلمة السر يجب ان تتكون من 6 احرف عندما تود كتابتها ستنبثق جملة في اخرها كلمة من ستة احرف اكتب مثلها و لكن مع تغيير حروفها و ارقامها بحروف و ارقام كلمة سرك مع احترام majiscule and miniscule

عند اكمال المعلومات انقر على create my account
الان سيتم ارسال رسالة الى بريدك الالكتروني لتفعيل الحساب فعله من الرسالة ثم عد الى الموقع و انقر على login
ادخل بريدك الالكتروني و رقم السر الخاص بك
بعد الدخول ستجد عداد عكسي يبدا تقريبا من ساعتان و 55 دقيقة في هذه الفترة المشرفون على الموقع يقومون بتدارس الموقع .
طريقة وضع الاعلان على موقعك
بعد تفعيل حسابك اي بعد مرور الثلاث ساعات
أدخل الى حسابك ثم انقر على my websites وهي موجودة في الشريط العلوي للموقع

بعد النقر ستجد لائحة تضم جميع مواقعك "في حالة اضفت مواقع كثيرة" امامها ستجد create a set of ads
ستظهر لك صفحة تضم مجموعة من الاشكال الاعلانية كل شكل مرفوق بالكود الخاص به انسخ كود الاعلان المختار ضعة في موقعك او مدونتك و استفد من دخل شهري اكثر مت مذهل.
وصلنا الى نهاية موضوعنا شكرا لكم.

شركة حسوب العربية للربح من الاعلان

noreply@blogger.com (Unknown) — Tue, 29 May 2012 08:30:00 +0000

السلام عليكم و رحمة الله تعالى و بركاته
موضوع المقال هو امتداد للمواضيع السابقة المتعلقة بشركات الربح من الاعلان
فبعد ان اليقينا نظرة شاملة على أدسنس لمعاينته أنقر هنا
و كذلك حول عرب ويب بزنس لمعاينته انقر هنا
و ادبرت المنافس لادسنس بشدة لمعاينته انقر هنا
وايضا شركة التسويق الالكتروني ايكو لمعاينته انقر هنا
اليوم سنتطرق لشركة حسوب
هذه الشركة لها مقر في بريطانيا دخلت عالم الاعلان بقوة لتفرض نفسها كمنافس قوي
هذه الشركة عربية تخول لك الاشتراك معها اما كناشر أو كمعلن
هناك العديد من المواقع التي تضع اعلانات هذه الشركة
اعلاناتها لا تحتوي على اي شيء ضد الشريعة و سعر النقرة فيها يبدا من 0.02 و ليس 0.01 كباقي الشركات
شركة تدفع لك مقابل النقر و أيضا مقابل 1000 ظهور
حديثا ادمجت الشركة اعلانات الفيديو ضمن اعلاناتها و هذا ما يؤكد مواكبتها للتقدم.
طريقة التسجيل
توجه الى الرابط التالي أنقر هنا
في أعلى الصفحة أنقر على تسجيل
ستظهر لك صفحة المعلومات الشخصية املاها بعناية
اذا كنت تريد الاشتراك كمعلن علم عليها و أذا كنت تريد الاشتراك كناشر علم عليها
ملاحظة يجب التريث في كتابة الاسم لانك لن تتمكن من تغييره لاحقا
اكتب البريد الالكتروني ثم رابط موقعك

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

الان تم تسجيلك سيتم تدارس الموقع من طرف الادارة و سيتم الرد

الرد حسب الموقع خلال 24 ساعة و لكن انا اتاني الرد خلال 8 ساعات فقط
الشركة موثوقة تستحق التجريب
في الموضوع التالي ساشرح شركة smowtion الرائدة في مجالها

شركة ادبرت اشرس منافس لأدسنس adbrite vs adsense

noreply@blogger.com (Unknown) — Sat, 26 May 2012 14:58:00 +0000

بسم الله الرحمان الرحيم
في اطار اهتمامنا بشركات الربح من الاعلان في المواقع و بعد ان تطرقنا للشركة الرائدة في هذا الميدان و هي الرقم واحد دون منازع google adsense لمعاينة الموضوع كاملا انقر هنا
و ايضا الشركة العربية عرب ويب بزنسarabweb.bez و هي الاخرى تنافس بشراسة لمعاينته الشرح المفصل انقر هنا
اليوم سنتطرق لشركة أدبرت و هي رائدة في الاعلانات الرقمية
شركة موثوقة تستهذف بشكل كبير دول الغرب و لكنها ايضا تحتوي على شركات عربية
مصداقية كبيرة في الدفع عن طريق الشيك
طريقة التسجيل
توجه الى الرابط التالي
http://www.adbrite.com/mb/commerce/register_form.php
ستظهر لك صفحة المعلومات الشخصية املأها بعناية
اول شيء ستجد مربعين علم على i am a publisher اذا كنت تريد نشر اعلاناتها على موقعك و علم على i am a advertiser اذا اردت الاعلان لدى أدبرت
ثم أكمل المعلومات بعناية
و في الاخير انقر على
continue

سيتم توجيهك لصفحة يخبرونك بان تسجيلك قد تم بسلام و ستجد Get the ad code HTML for your website
انقر عليها

بعد ذلك ستختار نوع الاعلان المراد وضعه في مدونتك اما نصي اما على شكل نص و صورة اما صفحة كاملة .....
اختر ما تريد ثم علم على الخيارين الموجودين اسفل الصفحة و انقر على next set ad specs

بعد ذلك سنحدد شكل الاعلان
عدل على الاعلان كما تريد ثم انقر على next describe your site
الان المرحلة المهمة و هي اضافة موقعك
ستظهر لك صفحة مقسمة لثلاث اجزاء site info Keywords Category
نحن ايضا سنشرح كل جزء على حدى
بالنسبة لsite info
في الخانات أدخل معلومات موقعك
اسمه . رابطه . وصف مختصر . ضع اسما للاعلان و ذلك للتمييز بين الاعلانات.

بالنسبة لkeywords
ادخل تسميات لها علاقة بالموضوع المتناول في موقعك هذه الكلمات هي التي سيتم اخدها بعين الاعتبار عند وضع الاعلان
بالنسبة ل category
اختر فئة موقعك
ثم أنقر على next set pricing
بعد ذلك سيستفسر الموقع من ان كنت تضع اعلانات لشركات اخرى ان كان الجواب بنعم سيمدونك بخانة لتضع فيها كود اعلان الشركة الاخرى و ان كان الجواب لا أنقر مباشرة على next get ad code
انسخ الكود و الصقه في المكان المناسب من موقعك أو مدونتك
انتظر قرابة يوم لتضع ادبرت اعلاناتها على موقعك
وصلنا الى نهاية الموضوع شكرا لكم.

عرب ويب بزنس شركة عربية شبيهة بأدسنس للربح من المواقع

noreply@blogger.com (Unknown) — Wed, 23 May 2012 11:29:00 +0000

بسم الله الرحمان الرحيم
موضوع اليوم حول شركة عرب ويب بزنس و هي شركة عربية تعمل عمل أدسنس.
هذه الشركة حديثة النشاة و سهلة الاستعمال كما ان الرد على طلب الاستضافة ياتيك خلال 24 ساعة كابعد تقدير.
شركة موثوقة و الأكثر من ذلك انها عربية
مميزات الشركة
3 وسائل للدفع
يمكنك الانخراط في الشركة بدون موقع و مدخولك سيبقى مقتصرا على الاحالات
الشركة تعطيك رابط خاص بك
كل شخص سجل من ذلك الرابط لك كناشر لك 1 دولار
كل شخص سجل من ذلك الرابط كمعلن لك 4 دولار
الان مع شرح التسجيل في الشركة
توجه الى الرابط التالي أنقر هنا
بعد الدخول الى الرابط ستظهر لك صفحة المعلومات الخاصة بالبريد و الاسم الشخصي
املا البيانات ثم انقر على اتمام التسجيل

ملحوظة :"الكتابة يجب ان تكون بالعربي الا البريد الالكتروني بالانجليزي"

بعد النقر على اتمام التسجيل
نأتي لمرحلة اضافة الموقع المراد الاعلان عليه
الان تم توجيهك لصفحة حسابك .
منها توجه الى ادوات الناشرين "معلم عليها في الصورة برقم 1 " ثم أنقر على مواقعي" معلم عليها في الصورة بالرقم 2 "

سيتم توجيهك الى صفحة لملأ معلومات موقعك اكتبها صحيحة ثم أنقر على اضافة الموقع

الان تمت اضافة موقعك سيتم تدارس الموقع من طرف الادارة و سيردون عليك في اجل اقصاه يوم واحد
لوضع الاعلان في موقعك انقر على توليد كود اعلاني الموجود في أدوات الناشرين ثم عدل على الكود كما تريد و انسخ الكود و الصقه في مدونتك .
اتمنى من الله أن أكون قد وفقت في ايصال المعلومة .شكرا لكم.

الشامل حول التسجيل على ايكو للربح المادي مقابل نشر اعلانات الشركات العربية

noreply@blogger.com (Unknown) — Tue, 22 May 2012 09:09:00 +0000

بسم الله الرحمان الرحيم
بعد ان تطرقنا في موضوع سابق الى تعريف شامل لشركة ايكوو لمعاينته أنقر هنا لمعاينته انقر هنا.
اليوم سأشرح كيفية التسجيل في الشركة
لكي لا أطيل عليكم ندخل مباشر في التفاصيل
أولا و قبل كل شئء قل بسم الله
توجه الى الموقع التالي
ikoo Performance Network

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

ان تمت الاجابة بنعم "و هذا ما نتمناه" سجل دخولك بالنقر هنا
اكتب في خانة user name البريد الذي سجلت به.
و في خانة password كلمة سرك ثم login

بعد ذلك ستدخل الى حسابك الرسمي على ikoo .
على الجهة اليمنى من الحساب ستجد كلمة "العروض" انقر عليها

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

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

تعريف شامل لشركة ايكو المهتمة بتسويق منتجات عربية مقابل الدفع المادي ikoo

noreply@blogger.com (Unknown) — Tue, 22 May 2012 08:24:00 +0000

السلام عليكم ورحمة الله تعالى و بركاته
موضوع اليوم حول كيفية التسجيل في شركة ايكو
و هي مؤسسة هدفها الأساس تسويق منتجات لشركات عربية داخل موقعك عبر بنرات للشركات .
هذه الشركة لديها سمعة عالمية على مستوى تسويق المنتجات الغربية و هي الان تفتح فرع عربي للمزيد من العالمية.
مؤسسة ايكو "فرع عربي" تضم حتى كتابة هذه الاسطر حوالى 21 شركة عربية أغلبها تستهدف الدول الخليجية
و لكن هذا لا يعني غياب الشركات التي تستهذف شمال افريقيا بل توجد و لكن بنسبة أقل .
كل شركة من الشركات المنضمة لأيكو تعطيك نسبتك حسب الاتفاق المبرم.
فمثلا شركة مثل لعبة المعارك و عند وضع اعلانها في موقعك تعطيك نسبتك و هي تصل الى حوالي 0.6 دولار مقابل فقط أن يتسجل الشخص من الاعلان الذي وضعته في موقعك.
هناك ايضا نوع اخر من الشركات و هي عبارة عن فنادق
تدفع لك الى ما يفوق 6 دولار مقابل أن يحجز شخص داخل ذلك الفندق.
هذا ليس حصر لأنواع الشركات الموجودة
لكون أن الشركة تضم شركات متعددة و في مختلف المجالات.
الجميل هو ان أي شركة تود وضع اعلاناتها تعطيك عدد كبير من اشكال البنرات لكي تختار من بينها ما يتلائم مع موقعك.
و تمدك أيضا برابط لتبعته عبر email
و أيضا برابط لنشره على facebook ,twitter و العديد من شبكات التواصل.
في الموضوع القادم ان شاء الله سأشرح كيفية التسجيل على شركة ايكو.

الطريقة المعتمدة من طرف google لحذف الروابط المعطوبة webmater tools

noreply@blogger.com (Unknown) — Sun, 20 May 2012 09:33:00 +0000

السلام عليكم ورحمة الله تعالى و بركاته.

موضوع المقال حول كيفية حذف الروابط المعطوبة مباشرة من أكبر محرك بحث google .

هذه الخدمة تقدمها google بواسطة مشرفي المواقع webmaster tools .

فالروابط المعطوبة تفقد صاحب المدونة ثقة زواره و هذا ما يسبب نقصان عدد الزيارات بشكل ملحوظ.

لحذف الروابط المعطوبة من google توجه الى رابط webmaster tools و هو كالاتي انقر هنا

انقر على nouvelle demande de suppression

أدخل الرابط المراد ازالته ثم أنقر على continuer

بعد ذلك و لتأكيد الحذف أنقر على oui, supprimer cette page

انتظر ساعات و سيتم حذف الرابط الذي أشرت اليه.

أتمنى من الله أن أكون قد وفقت في شرحي هذا .

الى موضوع اخر باذن الله.

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

noreply@blogger.com (Unknown) — Sat, 19 May 2012 18:42:00 +0000

السلام عليكم و رحمة الله تعالى و بركاته.
موضوع اليوم يحمل معه اضافة جميلة تعطي رونقا و جمالية لمدونتك .
هذه الاضافة هي عبارة عن صورة مصغرة بجانب عنوان التدوينة.

طريقة تركيب الاضافة
من قائمة التحكم الرئيسية المحدثة من طرف بلوجر أنقر على قالب
ثم تحرير html
ثم متابعة
علم على توسيع القالب
ثم ctrl+f
الان ابحث عن الكود التالي

<a expr:href='data:post.url'><data:post.title/></a>

بعد ايجادك للكود اسنبدله بالكود التالي

<a expr:href='data:post.url'><img src="ضع هنا رابط الصورة"/><data:post.title/></a>

لا تنسى عزيزي الزائر أن تغير "ضع هنا رابط الصورة" برابط الصورة التي تود تركيبها.

وأخيرا احفظ القالب .

الصورة التي يجب عليك تركيبها يجب أن تكون صغيرة الحجم .

للحصول على العديد من الصور على شكل أيقونة زر محرك البحث التالي www.iconfinder.com

هذا المحرك يعطيك العديد من الصور صغيرة الحجم ملائمة للاضافة.

وصلنا الى نهاية الدرس شكرا لكم.

اضافة أداة المشاركات الشائعة على شكل صور pictures

noreply@blogger.com (Unknown) — Sat, 19 May 2012 07:22:00 +0000

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

]]></b:skin>

بعد ايجادك للكود ألصق تحته مباشرة الكود التالي

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

كيفية تغيير ايميل بلوجر بايميل آخر change gmail

noreply@blogger.com (Unknown) — Fri, 18 May 2012 17:48:00 +0000

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

في هذه الرسالة ستجد رابط التفعيل أنقر عليه و سيطلبون منك ادخال تعريفاتك على gmail ادخلها و هكذا أنت قبلت الدعوة. الان و كما قمنا في الاول سجل خروجك من gmail و من blogger قم بالدخول الى بلوجر عبر حسابك القديم ثم قم بالذهاب الى السماحات مرة أخرى و ستجد أن المؤلف قد تمت اضافته.
الان المؤلف ليست حقوق التعديل على المدونة لذلك يجب أن تمده اياها .
بجانب البريد الالكتروني للمؤلف الجديد ستجد خيارين و هما "مؤلف - مشرف" اختر مشرف ثم غادر حسابك.
قم بالدخول عبر حسابك الجديد لبوجر ثم اذهب الى السماحات و أزل الحساب القديم .
هكذا لم يعد للحساب القديم وجود و تم تغيير ايميل حسابك بنجاح.
انتهى موضوعنا شكرا لكم.

قائمة بتقنية css 3 ذات طابع احترافي professional

noreply@blogger.com (Anonymous) — Fri, 18 May 2012 12:20:00 +0000

السلام عليكم و رحمة الله تعالى و بركاته
موضوع اليوم يحمل في طياته اضافة جد جد رائعة و هي عبارة عن قائمة بتقنية css 3 .
من مميزات هذه القائمة
أنها جميلة
ذّات منظر احترافي
تعطي لزوارك نظرة شاملة على محتويات موقعك
سهلة التركيب حيث لا تحتاج دخولك الى محرر html
امكانية التحكم في الاداة تحكم كامل و العديد العديد من المميزات

الان مع طريقة التركيب

سأشرح الطريقة على واجهتي بلوجر القديمة و الحديثة

واجهة بلوجر القديمة

من قائمة التحكم الرئيسية أنقر على تصميم ثم عناصر الصفحة ثم اضافة اداة و اختر اداة html/java script و الصق الكود

واجهة بلوجر الحديثة

من قائمة التحكم الرئيسية المحدثة من طرف بلوجر انقر على تخطيط ثم اضافة اداة اختر أداة html/java script ثم الصق الكود

الكود هو كالاتي

<style>

/*------ CSS3 Drop Down Menu By MBT (www.mybloggertricks.com)---------*/

#mbt-menu, #mbt-menu ul {

margin: 0;

padding: 0;

list-style: none;

}

#mbt-menu {

width: 960px;

margin: 60px auto;

border: 1px solid #222;

background-color: #111;

background-image: -moz-linear-gradient(#444, #111);

background-image: -webkit-gradient(linear, right top, right bottom, from(#444), to(#111));

background-image: -webkit-linear-gradient(#444, #111);

background-image: -o-linear-gradient(#444, #111);

background-image: -ms-linear-gradient(#444, #111);

background-image: linear-gradient(#444, #111);

-moz-border-radius: 6px;

-webkit-border-radius: 6px;

border-radius: 6px;

-moz-box-shadow: 0 1px 1px #777;

-webkit-box-shadow: 0 1px 1px #777;

box-shadow: 0 1px 1px #777;

}

#mbt-menu:before,

#mbt-menu:after {

content: "";

display: table;

}

#mbt-menu:after {

clear: both;

}

#mbt-menu {

zoom:1;

}

#mbt-menu li {

float: right;

border-left: 1px solid #222;

-moz-box-shadow: 1px 0 0 #444;

-webkit-box-shadow: 1px 0 0 #444;

box-shadow: 1px 0 0 #444;

position: relative;

}

#mbt-menu a {

float: right;

padding: 12px 30px;

color: #999;

text-transform: uppercase;

font: bold 13px Arial, Helvetica;

text-decoration: none;

text-shadow: 0 1px 0 #000;

}

#mbt-menu li:hover > a {

color: #fafafa;

}

*html #mbt-menu li a:hover { /* IE6 only */

color: #fafafa;

}

#mbt-menu ul {

margin:20px 0 0 0;

_margin: 0; /*IE6 only*/

opacity: 0;

visibility: hidden;

position: absolute;

top: 38px;

right: 0;

z-index: 9999;

background: #444;

background: -moz-linear-gradient(#444, #111);

background: -webkit-gradient(linear,right bottom,right top,color-stop(0, #111),color-stop(1, #444));

background: -webkit-linear-gradient(#444, #111);

background: -o-linear-gradient(#444, #111);

background: -ms-linear-gradient(#444, #111);

background: linear-gradient(#444, #111);

-moz-box-shadow: 0 -1px rgba(255,255,255,.3);

-webkit-box-shadow: 0 -1px 0 rgba(255,255,255,.3);

box-shadow: 0 -1px 0 rgba(255,255,255,.3);

-moz-border-radius: 3px;

-webkit-border-radius: 3px;

border-radius: 3px;

-webkit-transition: all .2s ease-in-out;

-moz-transition: all .2s ease-in-out;

-ms-transition: all .2s ease-in-out;

-o-transition: all .2s ease-in-out;

transition: all .2s ease-in-out;

}

#mbt-menu li:hover > ul {

opacity: 1;

visibility: visible;

margin: 0;

}

#mbt-menu ul ul {

top: 0;

right: 150px;

margin:0 20px 0 0;

_margin: 0; /*IE6 only*/

-moz-box-shadow: -1px 0 0 rgba(255,255,255,.3);

-webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3);

box-shadow: -1px 0 0 rgba(255,255,255,.3);

}

#mbt-menu ul li {

float: none;

display: block;

border: 0;

_line-height: 0; /*IE6 only*/

-moz-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

-webkit-box-shadow: 0 1px 0 #111, 0 2px 0 #666;

box-shadow: 0 1px 0 #111, 0 2px 0 #666;

}

#mbt-menu ul li:last-child {

-moz-box-shadow: none;

-webkit-box-shadow: none;

box-shadow: none;

}

#mbt-menu ul a {

padding: 10px;

width: 130px;

_height: 10px; /*IE6 only*/

display: block;

white-space: nowrap;

float: none;

text-transform: none;

}

#mbt-menu ul a:hover {

background-color: #0186ba;

background-image: -moz-linear-gradient(#04acec, #0186ba);

background-image: -webkit-gradient(linear, right top, right bottom, from(#04acec), to(#0186ba));

background-image: -webkit-linear-gradient(#04acec, #0186ba);

background-image: -o-linear-gradient(#04acec, #0186ba);

background-image: -ms-linear-gradient(#04acec, #0186ba);

background-image: linear-gradient(#04acec, #0186ba);

}

#mbt-menu ul li:first-child > a {

-moz-border-radius: 3px 3px 0 0;

-webkit-border-radius: 3px 3px 0 0;

border-radius: 3px 3px 0 0;

}

#mbt-menu ul li:first-child > a:after {

content: '';

position: absolute;

right: 40px;

top: -6px;

border-right: 6px solid transparent;

border-left: 6px solid transparent;

border-bottom: 6px solid #444;

}

#mbt-menu ul ul li:first-child a:after {

right: -6px;

top: 50%;

margin-top: -6px;

border-right: 0;

border-bottom: 6px solid transparent;

border-top: 6px solid transparent;

border-left: 6px solid #3b3b3b;

}

#mbt-menu ul li:first-child a:hover:after {

border-bottom-color: #04acec;

}

#mbt-menu ul ul li:first-child a:hover:after {

border-left-color: #0299d3;

border-bottom-color: transparent;

}

#mbt-menu ul li:last-child > a {

-moz-border-radius: 0 0 3px 3px;

-webkit-border-radius: 0 0 3px 3px;

border-radius: 0 0 3px 3px;

}

</style>

<ul id="mbt-menu">

<li><a href="#">الرئيسية</a></li>

<li>

<a href="#">أقسام المدونة</a>

<ul>

<li><a href="#">تعديل</a></li>

</ul>

</li>

<li><a href="#">تعديل</a></li>

<li><a href="#">عن المدونة</a></li>

<li><a href="#">راسلنا</a></li>

</ul>

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

صندوق شات msn غاية في الروعة لمدونات بلوجر و المواقع

noreply@blogger.com (Anonymous) — Fri, 18 May 2012 08:04:00 +0000

السلام عليكم و رحمة الله تعالى و بركاته

موضوع اليوم حول كيفية اضافة صندوف الشات أو الدردشة المقدم من طرف الشركة المشهورة عالميا msn.

هذا الصندوق له العديد من المميزات منها :

امكانية التعديل على شكله من حيث الطول و العرض و اللون .

يتيح للزائر امكاتيتين يمكنانه من الدردشة معك.

أعلى الصندوق تظهر حالة صاحب الموقع أو المدونة هل هو أونلاين أم لا.

و العديد من المميزات سأترككم تكتشفونها بأنفسكم .

هذه هي صورة الاضافة

طريقة تركيب هذه الاضافة سهلى للغاية

توجه الى الموقع التالي أنقر هنا

سجل دخولك بحسابك على hotmail

بعد ذلك ستظهر لك الصفحة التالية

علم على Allow anyone on the web to see my presence and send me messages ثم أنقر على save

بعد ذلك و في الجهة اليمنى من الصفحة أنقر على create html

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

بعد نسخه توجه الى مدونتك ثم ركبه .

طريقة التركيب :

سأشرح الطريقة على واجهتي بلوجر القديمة و الحديثة

واجهة بلوجر القديمة

من قائمة التحكم الرئيسية أنقر على تصميم ثم عناصر الصفحة ثم اضافة اداة و اختر اداة html/java script و الصق الكود

واجهة بلوجر الحديثة

من قائمة التحكم الرئيسية المحدثة من طرف بلوجر انقر على تخطيط ثم اضافة اداة اختر أداة html/java script ثم الصق الكود
هكذا أصبحث الاضافة في مدونتك مبرووك.

ظهور عنوان التدوينة فقط في الصفحة الرئيسية home

noreply@blogger.com (Anonymous) — Thu, 17 May 2012 16:57:00 +0000

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

طريقة التركيب :
من قائمة التحكم الرئيسية المحدثة من طرف بلوجرأنقر على على قالب ثم تحرير html ثم متابعة علم على توسيع القالب ثم ابحث عن الكود التالي

</head>

بعد ايجاده ألصق قبله مباشرة الكود التالي

<style type='text/css'>

<b:if cond='data:blog.url == data:blog.homepageUrl'>

.post {

margin:.5em 0 1.5em;

border-bottom:0px dotted $bordercolor;

padding-bottom:1.0em;

height:50px;

}

.post h3 {

margin:.25em 0 0;

padding:0 0 4px;

font-size:20px;

font-family:Tahoma,Georgia,Century gothic,Arial,sans-serif;

font-weight:normal;

line-height:1.4em;

color:#cc6600;

}

.post h3 a, .post h3 a:visited, .post h3 strong {

display:block;

text-decoration:none;

color:#cc6600;

font-weight:normal;

}

.post h3 strong, .post h3 a:hover {color:#333333;}

.post-body {display:none;}

.post-footer {display:none;}

.comment-link {display:none;}

.post img {display:none;}

.post blockquote {display:none;}

.post blockquote p {display:none;}

h2.date-header {display:none;}

.post-labels {display:none;}

.post-rating {display:none;}

</b:if>

</style>

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

تعويض صندوق تعليقات blogger بصندوق احترافي له أكثر من ثمان مميزات disqus

noreply@blogger.com (Anonymous) — Thu, 17 May 2012 14:29:00 +0000

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

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

و العديد من المزايا الخيالية

هذه هي صورة الاضافة

الان مع طريقة الحصول على هذه الاضافة الأكثر من رائعة

توجه الى الموقع التالي http://disqus.com/
من الصفحة الرئيسية أنقر على sign up

سيتم توجيهك الى صفحة ملء البيانات الشخصية املئها بعناية ثم أنقر على continue

بعد ذلك يتم توجيهك لصفحة اعداد الصندوق أنقر من خلالها على general

بعد النقر على general ستظهر لك بعد الاعدادات من بينها ستجد اللغة اختر العربية ثم عدل حسب ما تريد

لتغيير ثيم الصندوق أنقر على Appearance

بعد الانتهاء من التعديل أنقر على install
بعد النقر على install ستظهر لك الصفحة التالية
اختر blogger

ملحوظة "اذا كان لديك ووردسبريس فاختره من القائمة"
ستظهر لك هذه الصفحة أنقر على add site'yourname"to blogger

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

أداة تعد زوارك حسب الدول التي أتوا منها visitors

noreply@blogger.com (Anonymous) — Wed, 16 May 2012 15:49:00 +0000

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

لللحصول على الاضافة توجه الى الموقع التالي http://flagcounter.com/
من واجهته الرئيسية ستجد صورة الاضافة .
للتعديل عليها هناك أدوات التعديل فوق الصورة .

بعد الانتهاء من التعديل أنقر على Get Your Flag Counter

بعد ذلك سيطلبون منك ادخال email الخاص بك
أدخلة و أنقر على continue

الان سيتم توجيهك لصفحة بها كودين الكود الأول للمدونات أو المواقع بينما الكود الثاني للمنتديات
أنسخ الكود حسب ما عندك

الان كيفية تركيب الكود في مدونتك

سأشرح الطريقة على واجهتي بلوجر القديمة و الحديثة

واجهة بلوجر القديمة

من قائمة التحكم الرئيسية أنقر على تصميم ثم عناصر الصفحة ثم اضافة اداة و اختر اداة html/java script و الصق الكود

واجهة بلوجر الحديثة

من قائمة التحكم الرئيسية المحدثة من طرف بلوجر انقر على تخطيط ثم اضافة اداة اختر أداة html/java script ثم الصق الكود
هكذا أصبحت الاضافة في مدونتك .
السلام عليكم.

أداة للتبادل الاعلاني متحركة ذات تحكم كامل

noreply@blogger.com (Anonymous) — Wed, 16 May 2012 10:58:00 +0000

بسم الله الرحمان الرحيم
موضوع اليوم يهتم بالتبادل الاعلاني بين مدونتك و مدونات أخرى هذا التبادل يعم عليك بالمنفعة القصوى في حال قمت بالتبادل مع مدونة تفوقك ترتيبا "ترتيبها في بيج رانك أكثر منك و ترتيبها في أليكسا أقل منك".
لهذا الغرص خصصنا لكم أضافة اضافة لعمل هذا التبادل دون أن يأخد مساحة كبيرة في مدونتك

كما جرت العادة و قبل طرح الأكواد سنشرح طريقة التركيب

سأشرح الطريقة على واجهتي بلوجر القديمة و الحديثة

واجهة بلوجر القديمة

من قائمة التحكم الرئيسية أنقر على تصميم ثم عناصر الصفحة ثم اضافة اداة و اختر اداة html/java script و الصق الكود

واجهة بلوجر الحديثة

من قائمة التحكم الرئيسية المحدثة من طرف بلوجر انقر على تخطيط ثم اضافة اداة اختر أداة html/java script ثم الصق الكود

الان مع الكود

<marquee onmouseover=this.stop()"

style="font-family:Tahoma; font-size:11; font-weight:bold; color:#6D67FD"

onmouseout=this.start() scrollamount=2 direction=up width=211

height=105><center> تبادل إعلاني

الان تخصيص الكود
في الكود عوض رابط مدونتك برابط المدونة المراد الاعلان معها.
في الكود هناك امكانية اضافة 6 مدونات مع صورها للتقليل منها ما عليك سوى حذف الغير المرغوب فيها و ذالك بحذف العبارة

<center><a href="رابط مدونتك" target=_blank><img src="صورة6" border="0" /></a>

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

أداة الاشتراك على feedburner ذات شكل أنيق جدا

noreply@blogger.com (Anonymous) — Mon, 14 May 2012 19:24:00 +0000

بسم الله الرحمان الرحيم

موضوع اليوم يحمل في طياته اضافة جد جد رائعة و هي اداة الانضمام الى خلاصات rss ذات شكل أنيق و أنيق جدا

هذا هو شكلها.

بعدما أخدتم نظرة على الأداة الان سنشرح كيفية تركيبها الطريقة سهلة و سهلة جدا و هي كالاتي

سأشرح الطريقة على واجهتي بلوجر القديمة و الحديثة

واجهة بلوجر القديمة

من قائمة التحكم الرئيسية أنقر على تصميم ثم عناصر الصفحة ثم اضافة اداة و اختر اداة html/java script و الصق الكود

واجهة بلوجر الحديثة

من قائمة التحكم الرئيسية المحدثة من طرف بلوجر انقر على تخطيط ثم اضافة اداة اختر أداة html/java script ثم الصق الكود

الكود الذي يجب ادخالة هو كالاتي

<a href="http://feeds.feedburner.com/arabytech2" rel="alternate" title="Subscribe now to avail the unthinkable" type="application/rss xml"><img border="0" alt="" style=" padding-bottom:20px; margin: 0pt 10px 10px 0pt; float: left; width:100px; height:100px;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhMfAMIc4HV9yMyfELegAjw8zvpGyqZImhQ_IWYrAe0qWAL3zxVSD8b4YdkRLmi4QmEq7e7UPOmyut_tHNAvnnCQso5IPOgHQpzesJSOqR83uW7fR5iE-sm970uyzGHxm59jpxYfWgNF4R0/s400/MBT-RSS-FEED.gif"/></a><p><a href="http://feeds2.feedburner.com/TntByStc" rel="alternate" title="Subscribe to my feed" type="application/rss xml">Join the team! </a><span style="color: #5C6AA4; font-weight: bold;">By Submitting your email address:</span></p>

<style>

input.mbt1 {

color:#fff;

font: bold 10px Arial, sans-serif;

background:#F39100;

border:0;

padding:3px;

}

input.mbt1hov {

color:#fff;

font: bold 10px Arial, sans-serif;

border:2px solid #F39100;

padding:3px;

}

</style>

غيروا الرابط بالاحمر برابطكم على feedburner

وصلنا الى نهاية الدرس شكرا لكم.

الشامل حول التسجيل في alexa

noreply@blogger.com (Anonymous) — Mon, 14 May 2012 16:10:00 +0000

بسم الله الرحمان الرحيم

موضوع المقال حول كيفية الاشتراك في عناكب أليكسا.

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

طريقة التسجيل

توجه الى الرابط التالي http://www.alexa.com/edit

سيطلبون منك التسجيل في الموقع و صراحة أسهل طريقة للتسجيل هي عن طريق الفيسبوك بعد تسجيل الدخول عد الى الرابط المشار اليه أعلى و أدخل رابط موقعك او مدونتك

بعد ادخالك لرابط المدونة سيمدون ب3 خيارات للدخول الثاني و الثالث مدفوعين أما الأول فهو مجاني بالطبع سنختار المجاني.

سيتم توجيهك بعد ذلك الى صفحة اثبات ملكيتك لموقعك.

هناك طريقتين الطريقة الاولى لأصحاب المواقع أما المدونات فلهم الطريقة الثانية.

بالنسبة لأصحاب المدونات يجدون كود مكون من عدة أسطر يجب عليهم نسخ السطر السابع + السطر الثامن و التوجه الى مدونتهم .

من قائمة التحكم الرئيسية لبلوجر أنقر على تصميم ثم تحرير html ثم توسيع القالب ثم ctrl+f و ابحث عن الكود التالي

< Head >

بعد ايجاده الصق السطرين اللذين نسختهما من الموقع تحته ثم احفظ القالب.

و عد للموقع و انقر على verify my id

ثم انقر على continue سيتم توجيهك لصفحه بها معلوماتك قم بملأالفراغات بالمعلومات الشخصية ثم أنقر على skip .

هنيئا لقد تم ادراج موقعك بنجاح في المحرك أليكسا.

انتظر حوالي يومين لتزحف عناكب أليكسا الى مدونتك و ستعطيك الاحصائيات الخاصة بك بالتدقيق.

هكذا انتهى موضوعنا شكرا لكم.

أكواد html الخاصة بالصور

noreply@blogger.com (Anonymous) — Mon, 14 May 2012 13:52:00 +0000

بسم الله الرحمان الرحيم
بعد ان تطرقنا في موضوع سابق لأكود html الخاصة بالنصوص لمعاينته أنقر هنا
في هذا المقال سأطرح لكم أكواد html الخاصة بالصور
كما جرت العادة و قبل طرح الأكواد سنشرح طريقة التركيب

سأشرح الطريقة على واجهتي بلوجر القديمة و الحديثة

واجهة بلوجر القديمة

من قائمة التحكم الرئيسية أنقر على تصميم ثم عناصر الصفحة ثم اضافة اداة و اختر اداة html/java script و الصق الكود

واجهة بلوجر الحديثة

من قائمة التحكم الرئيسية المحدثة من طرف بلوجر انقر على تخطيط ثم اضافة اداة اختر أداة html/java script ثم الصق الكود

الان مع الأكواد

لاضافة صورة عند النقر عليها يتم تحويلك الى رابط معين

<CENTER><a href="الرابط"> <img src="رابط الصورة" width="30" height="80" border="2" align=" middle" /></a></CENTER>

لاضافة صورة متحركة

<img src="رابط الصورة المتحركة" onload="NcodeImageResizer.createOn(this);" border="0" originalWidth="250" originalHeight="270">

لاضافة أداة تحتوي على صور تتغير تلقائيا

<center><style type="text/css">

#pscroller1{

font-size: 14px;

font-family: Tahoma;

width: 250px;

height: 250px;

border: 0px solid black;

padding: 5px;

background-color: white;

}

</style>

<script type="text/javascript">

/*Example message arrays for the two demo scrollers*/

var pausecontent=new Array()

pausecontent[0]='<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgYVFJj2z3a92zjCXPJfyHEO_8S60yFxiC8JHetwZEhmexgptVMSNQncQGhT0_wFVNsot9kqKkXvrEZL9pGPFGus1htPdPX473NbKZm6mQf15uM2jJux2gB8CneF8S3fTJ1QEsad6itP20G/s125/%2525D8%2525A8%2525D8%2525A7%2525D9%252586%2525D8%2525B1-%2525D8%2525AC%2525D8%2525AF%2525D9%25258A%2525D8%2525AF.gif">'

pausecontent[1]='<img border="0" src="رابط الصورة 2">'

pausecontent[2]='<img border="0" src="رابط الصورة 3">'

pausecontent[3]='<img border="0" src="رابط الصورة 1">'

</script>

<script type="text/javascript">

/***********************************************

***********************************************/

function pausescroller(content, divId, divClass, delay){

this.content=content //message array content

this.tickerid=divId //ID of ticker div to display information

this.delay=delay //Delay between msg change, in miliseconds.

this.mouseoverBol=0 //Boolean to indicate whether mouse is currently over scroller (and pause it if it is)

this.hiddendivpointer=1 //index of message array for hidden div

document.write('<div id="'+divId+'" class="'+divClass+'" style="position: relative; overflow: hidden"><div class="innerDiv" style="position: absolute; width: 100%" id="'+divId+'1">'+content[0]+'</div><div class="innerDiv" style="position: absolute; width: 100%; visibility: hidden" id="'+divId+'2">'+content[1]+'</div></div>')

var scrollerinstance=this

if (window.addEventListener) //run onload in DOM2 browsers

window.addEventListener("load", function(){scrollerinstance.initialize()}, false)

else if (window.attachEvent) //run onload in IE5.5+

window.attachEvent("onload", function(){scrollerinstance.initialize()})

else if (document.getElementById) //if legacy DOM browsers, just start scroller after 0.5 sec

setTimeout(function(){scrollerinstance.initialize()}, 500)

}

// -------------------------------------------------------------------

// initialize()- Initialize scroller method.

// -Get div objects, set initial positions, start up down animation

// -------------------------------------------------------------------

pausescroller.prototype.initialize=function(){

this.tickerdiv=document.getElementById(this.tickerid)

this.visiblediv=document.getElementById(this.tickerid+"1")

this.hiddendiv=document.getElementById(this.tickerid+"2")

this.visibledivtop=parseInt(pausescroller.getCSSpadding(this.tickerdiv))

//set width of inner DIVs to outer DIV's width minus padding (padding assumed to be top padding x 2)

this.visiblediv.style.width=this.hiddendiv.style.width=this.tickerdiv.offsetWidth-(this.visibledivtop*2)+"px"

this.getinline(this.visiblediv, this.hiddendiv)

this.hiddendiv.style.visibility="visible"

var scrollerinstance=this

document.getElementById(this.tickerid).onmouseover=function(){scrollerinstance.mouseoverBol=1}

document.getElementById(this.tickerid).onmouseout=function(){scrollerinstance.mouseoverBol=0}

if (window.attachEvent) //Clean up loose references in IE

window.attachEvent("onunload", function(){scrollerinstance.tickerdiv.onmouseover=scrollerinstance.tickerdiv.onmouseout=null})

setTimeout(function(){scrollerinstance.animateup()}, this.delay)

}

// -------------------------------------------------------------------

// animateup()- Move the two inner divs of the scroller up and in sync

// -------------------------------------------------------------------

pausescroller.prototype.animateup=function(){

var scrollerinstance=this

if (parseInt(this.hiddendiv.style.top)>(this.visibledivtop+5)){

this.visiblediv.style.top=parseInt(this.visiblediv.style.top)-5+"px"

this.hiddendiv.style.top=parseInt(this.hiddendiv.style.top)-5+"px"

setTimeout(function(){scrollerinstance.animateup()}, 50)

}

else{

this.getinline(this.hiddendiv, this.visiblediv)

this.swapdivs()

setTimeout(function(){scrollerinstance.setmessage()}, this.delay)

}

// -------------------------------------------------------------------

// swapdivs()- Swap between which is the visible and which is the hidden div

// -------------------------------------------------------------------

pausescroller.prototype.swapdivs=function(){

var tempcontainer=this.visiblediv

this.visiblediv=this.hiddendiv

this.hiddendiv=tempcontainer

}

pausescroller.prototype.getinline=function(div1, div2){

div1.style.top=this.visibledivtop+"px"

div2.style.top=Math.max(div1.parentNode.offsetHeight, div1.offsetHeight)+"px"

}

// -------------------------------------------------------------------

// setmessage()- Populate the hidden div with the next message before it's visible

// -------------------------------------------------------------------

pausescroller.prototype.setmessage=function(){

var scrollerinstance=this

if (this.mouseoverBol==1) //if mouse is currently over scoller, do nothing (pause it)

setTimeout(function(){scrollerinstance.setmessage()}, 100)

else{

var i=this.hiddendivpointer

var ceiling=this.content.length

this.hiddendivpointer=(i+1>ceiling-1)? 0 : i+1

this.hiddendiv.innerHTML=this.content[this.hiddendivpointer]

this.animateup()

}

pausescroller.getCSSpadding=function(tickerobj){ //get CSS padding value, if any

if (tickerobj.currentStyle)

return tickerobj.currentStyle["paddingTop"]

else if (window.getComputedStyle) //if DOM2

return window.getComputedStyle(tickerobj, "").getPropertyValue("padding-top")

else

return 0

}

</script>

<script type="text/javascript">

//new pausescroller(name_of_message_array, CSS_ID, CSS_classname, pause_in_miliseconds)

new pausescroller(pausecontent, "pscroller1", "someclass", 3000)

document.write("<br />")

</script>

</center>

و الان كيفية وضع صورة مكان نص في القالب
من قائمة التحكم الرئيسية انقر على تصميم ثم تحرير html ثم توسيع القالب أنقر على ctrl+f و ابحث عن الكلمة المراد تغييرها بصورةاحذفها و ضع مكانها الكود التالي

<img src="رابط الصورة" >

مع تغيير كلمة رابط صورة برابط الصورة المراد ادراجها
هكذا انتهى موضوعنا شكرا لكم.

أكواد html الخاصة بالنصوص

noreply@blogger.com (Anonymous) — Mon, 14 May 2012 13:30:00 +0000

بسم الله الرحمان الرحيم

موضوع المقال حول أكواد html الخاصة بالنصوص

طريقة تركيب هذه الأكواد سهلة للغاية

سأشرح الطريقة على واجهتي بلوجر القديمة و الحديثة

واجهة بلوجر القديمة

من قائمة التحكم الرئيسية أنقر على تصميم ثم عناصر الصفحة ثم اضافة اداة و اختر اداة html/java script و الصق الكود

واجهة بلوجر الحديثة

من قائمة التحكم الرئيسية المحدثة من طرف بلوجر انقر على تخطيط ثم اضافة اداة اختر أداة html/java script ثم الصق الكود

الان مع الأكواد

لكتابة جملة مع تحكم كامل في الخط من حيث الطول و العرض و النوع

<CENTER><FONT COLOR="#كود اللون المرغوب" FACE="اسم الخط المرغوب" SIZE="4">اكتب هنا ما تريد</FONT></CENTER>

مثال

مدونة عربي تيك

لمعرفة اكواد الالوان أنقر هنا

لعمل نص يصعد الى أعلى هذا هو الكود

<marquee behavior="scroll" direction="up" height="140" scrollamount="1" scrolldelay="60" onMouseOver="this.stop()" onMouseOut="this.start()"> <center><br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 1 <br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 2 <br>مدونة عربي تيك 3 <br>اكتب هنا النص الذي سيتحرك للأعلى الفقرة 4 <br>......</center> </marquee>

مثال

مدونة عربي تيك
تميز
مدونةعربي تيك
ابداع
......

لعمل نص يتقلب

<table align="center" width="98%"><tr><td> <HTML> <HEAD> <script language="JavaScript"> var sizes = new Array("0px", "1px", "2px", "3px", "4px"); sizes.pos = 0; function elast() { var el = document.all.elastic; if (null == el.direction) el.direction = 1; else if ((sizes.pos > sizes.length - 4) || (0 == sizes.pos)) el.direction *= -1; el.style.letterSpacing = sizes[sizes.pos += el.direction]; } setInterval('elast()', 100) </script> </HEAD> <BODY> <h1 align="center" id="elastic"><font size="3">مدونة عربي تيك</font></hi> </BODY> </HTML></td></tr></table>

لكتابة نصوص تتضمن روابط

<div style="position:relative;center:0px;top:0px"> <span id="highlighter" style="position:absolute;left:0;top:0;font-size:18px;font-family:Verdana;background-color:yellow;clip:rect(0px 0px auto 0px)"></span> </div> <script type="text/javascript"> var tickercontents=new Array() tickercontents[0]='مدونة عربي تيك<a href="http://conda3ianllkhir.blogspot.com/">text</a>' tickercontents[1]='اكتب هنا نص عادي رقم 1 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>' tickercontents[2]='اكتب هنا نص عادي رقم 2 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>' tickercontents[3]='اكتب هنا نص عادي رقم 0 دون روابط <a href="الرابط الذي سيوضع فوق النص التالي">text</a>' var tickdelay=3000 //delay btw messages var highlightspeed=10 //10 pixels at a time. ////Do not edit pass this line//////////////// var currentmessage=0 var clipwidth=0 function changetickercontent(){ crosstick.style.clip="rect(0px 0px auto 0px)" crosstick.innerHTML=tickercontents[currentmessage] highlightmsg() } function highlightmsg(){ var msgwidth=crosstick.offsetWidth if (clipwidth<msgwidth){ clipwidth+=highlightspeed crosstick.style.clip="rect(0px "+clipwidth+"px auto 0px)" beginclip=setTimeout("highlightmsg()",20) } else{ clipwidth=0 clearTimeout(beginclip) if (currentmessage==tickercontents.length-1) currentmessage=0 else currentmessage++ setTimeout("changetickercontent()",tickdelay) } } function start_ticking(){ crosstick=document.getElementById? document.getElementById("highlighter") : document.all.highlighter crosstickParent=crosstick.parentNode? crosstick.parentNode : crosstick.parentElement if (parseInt(crosstick.offsetHeight)>0) crosstickParent.style.height=crosstick.offsetHeight+'px' else setTimeout("crosstickParent.style.height=crosstick.offsetHeight+'px'",100) //delay for Mozilla's sake changetickercontent() } if (document.all || document.getElementById) window.onload=start_ticking </script>

لكتابة نص يضيء بالوان جدابة

<b>

<font size="5">

<script>

// ********** عدل هنا

var text="مدونة عربي تيك "

var speed=80 // سرعه تغير الالوان

// ********** لا تعدل شي هنا

if (document.all||document.getElementById){

document.write('<span id="highlight">' + text + '</span>')

var storetext=document.getElementById? document.getElementById("highlight") : document.all.highlight

}

else

document.write(text)

var hex=new Array("00","14","28","3C","50","64","78","8C","A0","B4","C8","DC","F0")

var r=1

var g=1

var b=1

var seq=1

function changetext(){

rainbow="#"+hex[r]+hex[g]+hex[b]

storetext.style.color=rainbow

}

function change(){

if (seq==6){

b--

if (b==0)

seq=1

}

if (seq==5){

r++

if (r==12)

seq=6

}

if (seq==4){

g--

if (g==0)

seq=5

}

if (seq==3){

b++

if (b==12)

seq=4

}

if (seq==2){

r--

if (r==0)

seq=3

}

if (seq==1){

g++

if (g==12)

seq=2

}

changetext()

}

function starteffect(){

if (document.all||document.getElementById)

flash=setInterval("change()",speed)

}

starteffect()

</script>

</font></b>

</font></p>

هكذا انتهى درس اليوم الى اضافات أخرى