ضع إيميلك ليصلك جديد مدونة فور نيت

أخر التعليقات

الثلاثاء، 19 فبراير 2013

أشهر صورة على وجه الأرض


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

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

الاثنين، 18 فبراير 2013

أفضل طريقة لإضافة أزرار الفيس بوك وتويتر وجوجل بلس لموقعك

بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين
من أهم الأدوات التى تؤدى إلى نشر مواضيع المدونات  هي إضافة أزرار المشاركة عبر جميع المواقع الاجتماعية مثل الفيس بوك، تويتر،جوجل بلس،..............إلخ،لأن نشر المواضيع بهذه المواقع يؤدى إلى المزيد من الزوار والمتابعين.
 ومن وسائل النشر أيضا أزرار الإعجاب بالموضوعات مثل: 
 Like بالفيس بوك
(tweet) على تويتر
(+g) جوجل بلس
like-tweet-google plus-share


هذه الطريقة عند إستخدامها للمواقع فإنها تنشر الموقع ككل ولكن الطريقة التى سأعرضها الآن تظهر زر الإعجاب لكل موضوع على حدة وليس الموقع كاملا فعند  إعجاب القارئ بموضوع معين يتيح المشاركة مع الأصدقاء  مما يؤدى إلى زيادة عدد المتابعين.
وهناك الكثير من الأشكال سأعرض بعضها ويمكنك إختيار ما يناسب موقعك.
أزرار الإعجاب الأفقية:
like-tweet-google plus-share
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style ">
<a class="addthis_button_facebook_like" fb:like:layout="button_count"></a>
<a class="addthis_button_tweet"></a>
<a class="addthis_button_pinterest_pinit"></a>
<a class="addthis_counter addthis_pill_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script>
<!-- AddThis Button END -->
أزرار المشاركة الأفقية:
like-tweet-google plus-share
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_default_style addthis_32x32_style">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
<a class="addthis_counter addthis_bubble_style"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script>
<!-- AddThis Button END -->
أزرار الإعجاب الرأسية العائمة:
like-tweet-google plus-share 
تظهر بجانب الموضوع عائمة من جهة اليسار
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="left:50px;top:50px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script>
<!-- AddThis Button END -->
وهذا الكود إذا كنت تريد الإضافة جهة اليمين
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_counter_style" style="right:0px;top:320px;">
<a class="addthis_button_facebook_like" fb:like:layout="box_count"></a>
<a class="addthis_button_tweet" tw:count="vertical"></a>
<a class="addthis_button_google_plusone" g:plusone:size="tall"></a>
<a class="addthis_counter"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script>
<!-- AddThis Button END -->
 أزرار المشاركة رأسية عائمة:
like-tweet-google plus-share
<!-- AddThis Button BEGIN -->
<div class="addthis_toolbox addthis_floating_style addthis_32x32_style" style="left:50px;top:50px;">
<a class="addthis_button_preferred_1"></a>
<a class="addthis_button_preferred_2"></a>
<a class="addthis_button_preferred_3"></a>
<a class="addthis_button_preferred_4"></a>
<a class="addthis_button_compact"></a>
</div>
<script type="text/javascript">var addthis_config = {"data_track_addressbar":true};</script>
<script type="text/javascript" src="http://s7.addthis.com/js/250/addthis_widget.js#pubid=ra-4f756ef243bad71a"></script>
<!-- AddThis Button END -->
أزرار الإعجاب أسفل كل موضوع على حدة:
like-tweet-google plus-share
<span id="st_finder"></span><script type="text/javascript" src="http://w.sharethis.com/widget/stblogger2.js"></script><script type="text/javascript">var switchTo5x=true;stBlogger2.init("http://w.sharethis.com/button/buttons.js", {"fblike":["vcount","Facebook Like",""],"fbsend":["vcount","Facebook Send",""],"twitter":["vcount","Tweet",""],"googleplus":["vcount","Google +",""],"delicious":["vcount","Delicious",""],"sharethis":["vcount","ShareThis",""]} , "476ff4f2-24ab-4bcb-aebb-22fe2df9ef0c");var f = document.getElementById("st_finder");var c = f.parentNode.parentNode.childNodes;for (i=0;i<c.length;i++) { try { c[i].style.display = "none"; } catch (err) {}}</script>
 
بالنسبة لتركيب الإضافة لمدونات بلوجر :
  1. الذهاب إلى لوحة التحكم
  2. تخطيط أو تصميم
  3. عناصر الصفحة
  4. أضف أداة
  5. اختار Html/Javascript
 ثم إنسخ الكود كاملاً وألصقه بالأداة
 
هذه الأكواد من موقعى (Add this) ، (share this) ويمكنك التسجيل بهم وإختيار ما يناسب موقعك .

قائمة رأسية أنيقة بها نجوم متحركة

بسم الله الرحمن الرحيم
والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين
css-menu
دائما يحتاج أصحاب المواقع والمدونات إلى عرض أقسام الموقع أو المواضيع الهامة  بطريقة منسقة تيسر على الزائر تصفح الموقع والإطلاع على أكبر قدر من الموضوعات  ليكتسب ثقة فى الموقع.
ويوفر مصمم نماذج بلوجر طرق تقليدية وبسيطة لتصميم القائمة ولكن أود أن أقدم القوائم بشكل جديد ومختلف 
هذه القائمة تتميز بشكل أنيق ومنسق بتقنية Css سهلة التركيب والتعديل عليها.
بها أيقونات نجمة ذهبية بجانب الروابط تتحرك عند مرور الماوس على الرابط.
من مميزات هذه القوائم أيضا أنها تفتح الروابط فى صفحة أخرى
 
 
 
 
 
طريقة تركيب الإضافة على مدونات بلوجر:
1. إذهب إلى لوحة تحكم بلوجر
2. تخطيط ثم إضافة أداة Html & javascript
3. ثم إنسخ الكود التالى وألصقه 
<style type="text/css">
/*---- http://04pro.blogspot.com/---*/
  #css-menu-esempio-6{
  width:290px;

margin-top:-20px;
margin-bottom:-10px;
margin-right:-10px;
margin-left:-10px;
  font-family:Arial;
  background-color:#eaeaea;
  border-bottom:6px solid #212121;
border-top:6px solid #212121;
-moz-border-radius: 10px;
border-radius: 10px;
  }
  #css-menu-esempio-6 p{
  height:30px;
  line-height:50px;
  padding-left:10px;
  font-weight:bold;
  color:#4E321C;
  font-size:13px;

 
  }
  #css-menu-esempio-6 span{
  color:#AF2E33;
  }
  #css-menu-esempio-6 a{
  display:block;
  height:25px;
  text-align:right;
  line-height:25px;
  text-decoration:none;
  font-size:11px;
  font-weight:bold;
  color:#4E321C;
  padding-right:50px;
  border-top:1px solid #B6A289;
border-left:1px solid #B6A289;
-moz-border-radius: 10px;
-moz-border-radius-topright: 1px;
-moz-border-radius-bottomright: 1px;
border-radius: 10px;
border-top-right-radius: 1px;
border-bottom-right-radius: 1px;
  background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh5IWqDmYBffPBecEmZ-AirwlDUlwzji1EAANgzKiozFw3FOsmqtBdqF4qhlmjdJbcctdkb7Uw-g6a-hjHNJjeE65XCyJ1uNXKcnIntLSC_rKAbIV9PbVZVgyQRFhKZwKbh-cVFzLnQHGbH/s75/star1.gif) no-repeat top right;
  }
  #css-menu-esempio-6 a:hover{
  background-color:#c3c2c2;
  background-position:center right;
  padding-right:40px;
  }
  #css-menu-esempio-6 a.selezionato{
  background-color:#D4CCB3;
  background-position:bottom right;
  padding-right:40px;
  }
 .background {
 background-color: #FC9;
}
</style>


<div class="background" id="css-menu-esempio-6" style="text-align: center; margin-left: 300px;"><font color="#FF6600" size="4"><span>برامج أون لاين</span></font>
 <font size="4"><a target="_blank" href="http://04pro.blogspot.com/2012/06/Quran.html"><span><font size="2">المصحف المسموع</font> </span></a></font><a target="_blank" href="http://04pro.blogspot.com/2013/02/color-code-html.html"><font size="2">أكواد الألوان</font></a><a target="_blank" href="http://04pro.blogspot.com/2013/02/online-photoshop.html"><font style="color: rgb(128, 0, 0);" size="2">فوتوشوب أون لاين</font></a><a target="_blank" href="http://04pro.blogspot.com/2011/10/glitter-text-generator.html"><font size="2">الكتابة بالجليتر</font></a><font size="2"><a target="_blank" href="http://04pro.blogspot.com/2013/02/Office-FrontPage-online.html"><font style="color: rgb(128, 0, 0);">فرونت بيج أون لاين</font></a></font><a target="_blank" href="http://04pro.blogspot.com/2013/02/upload-center.html"><font size="2">رفع الملفات</font></a><font size="2"><a target="_blank" href="http://04pro.blogspot.com/"><font style="color: rgb(128, 0, 0);">ألعاب تعليمية للأطفال</font></a></font><a target="_blank" href="http://04pro.blogspot.com/2013/02/facebook-sympols.html"><font size="2">زخرف كلماتك على الفيس بوك</font></a><a target="_blank" href="http://04pro.blogspot.com/2013/02/arabic-english-keyboard-online.html"><font size="2"> <font color="#800000">لوحة المفاتيح عربى /انجليزى</font><br /></font></a></div>

<br />
<a href="http://04pro.blogspot.com/2013/02/animated-star-vertical-menu.html"> <span style="font-size: xx-small;">أحصل عليها الأن </span></a>


<br/>

.

 

مولد أكواد الألوان الفلاشى بلغة HTML

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



والصلاة والسلام على أشرف المرسلين سيدنا محمد وعلى آله وصحبه أجمعين


كثيراً ما نحتاج إلى أكواد الألوان فى تصميم المواقع

بكل سهولة يمكنكم تحديد اللون المطلوب ونسخ الكود الموجود بالمستطيل

ملحوظة : لابد من وجود هذه العلامة  #  فى الكود

فوتوشوب أون لاين online photoshop

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

والصلاة والسلام على أشرف المرسلين
سيدنا محمد وعلى آله وصحبه أجمعين


photoshop


الأحد، 17 فبراير 2013

موقع Xpango يتيح لك الحصول على هديتك بالمجان تصلك الى منزلك


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



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

-ستحصل على نقطة واحدة.

-هل جميع الهدايا لها نفس النقاط؟

-لالا كل هدية لنا نقاط محددة وهذا حسب نوع الهدية وثمنها مثلا الايفون 5 يجب ان تجمع له 50 نقطة اي انك ستدعوا اصدقائك ليسجلوا في الموقع عن طريق الرابط الخاص بك! الى ان تصل الى 50 نقطة طبعا هناك هدايا تجمع نقاط قليلة وهناك هدايا تصل نقاطها الى 10 مقاط فقط!

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

اولا قم بالتسجيل في الموقع عن طريق الضغط على الرابط




رابط التسجيل



من هنا



سيظهر لك الموقع ومايهمنا فيه اولا هو ملأ الخانات التالي
-الخانة الاولى باسمك العائلي

-ثم الشخصي

-ثم بريدك الالكتروني

-ثم اختيار الهدية التي تريدها
-ثم تظغط على get started!





عند الضغط على get started! ستظهر الصفحة التالي وهي مهمة لكي تتمم التسجيل





المعلومات التي تظهر في account details هي التي ملأتها في الصورة الاولى ماعدا كلمة السر فيجب علبك ادخال كلمة السر في خانة Password وفي خانة Confirm Email تقوم بتكرار ايميلك
اما في المجموعة الثانية مجموعة خانات Delivery address
في اول خانة ادخل فيها عنوان منزلك اي العنوان البريدي غالبا يكون فيه البلدة والمدينة واسم الشارع ورقم المنزل او الشقة الىخ هذا ستجده في الحالة المدنية الخاصة بك وان كنت اصغر من ان يكون لديك حالة مدنية فستجده في الخاصة بأحد والديك او اخويك
اما الخانة الثانية فاتركها فارغة
في الخانة الثالثة ادخل المدينة التي تسكن فيها
والخانة الرابعة الدولة
ثم الرمز البريدي لبلدتك او مدينتك يمكنك البحث عنه في محرك البحث Google
ثم في الخانة التالية اختر دولتك country
في خانة Referral ID ستحد رقما هو 92870571 عليك ترك الرقم ووضع علامة صح في الخانة الموجودة على يمين الخانة
وفي النهاية تضغط على REGISTER NOW عند الضغط عليها قم بالتوجه مباشرة الى رسائل بريدك الالكتروني ستجد رسالة تطالبك بالتفعيل
ستجد رابط طويل اضغط عليه هو الخاص بالتفعيل والان لتقوم بالدخول الى حسابك اضغط على الرابط اسفله HERE
ادخل بريدك الالكتروني وكلمة السر وسيتم نقلك الى حسابك الشخصي

رائع انهينا مرحلة مهمة!
والان الى المرحلة التالية والتي لاتكلف منا الى الاجتهاد لجملع النقاط.







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


ندكركم برابط التسجيل


من هنا

السبت، 16 فبراير 2013

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

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

في الحقيقة وحسب تجربتي المتواضعة ، إستخلصت شيئ مهم وهو ان المواقع كذلك هي تختلف من حيث الاثمنة المعروضة فمثلا تجد موقع يقدم لك جهاز ب 100 دولار في حين انه يمكنك ان تجد نفس الجهاز في موقع اخر ب 60 دولار او اقل !! .
غير ذلك هناك كذلك مواقع نصابة وهذا موضوع اخر يمكن ان نتطرق اليه في إحدى المقالات القادمة . في المقابل دعني في هذه التدوينة اقدم لك عدة مواقع موثوقة ومايميزها انها تقدم لك افضل العروض بل ويمكنك شراء منها بعض الاغراض المفيدة جدا ب 2 دولار او 5 دولار ، وهذا امر رائع إذا كنت تتوفر على رصيد ضعيف في بطاقتك الإلكترونية او على حسابك في البايبال .



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


DealXtreme
لايخلتف بتاثا عن الموقع الاول فهو كذلك يوفر لك العديد من المنتوجات الرائعة وبأثمنة بسيطة ، كما يوفر لك كذلك منتوجات باثمنة معقولة وستجد حتما فرق بين الاثمنة المحلية و الاثمنة الموجودة على هذا الموقع ، وعلى خلاف موقع tinydeal فإن dealxtream تتواجد به مساحة $2 والتي توفر لك شراء بعض الاغراض التي لاتتعدى 2 دولار فقط ! .
من مميزات الموقع انه يمكنك من تصنيف الاغراض التي تريد البحث عنها عبر اثمنتها فمثلا من 2 الى 10 دولارات او من 20 دولار الى 50 دولار على حسب إمكانياتك المادية . طبعا الموقع يوفر لك الدفع ببطاقتك المصرفية الإلكترونية او كذلك عبر حساب بايبال . اما فيما يخص الدعم فهو رائع ويتجاوب بسرعة مع إستفسارات وطلبات العملاء .

chinavasion
الموقع صيني كذلك، ويفر لك إرسال مجاني لمشترياتك مع العلم انه يمكنك الإرسال السريع لمشترياتك عبر الإرسال السريع من خلال دفع 40 دولار حيث تصلك مشترياتك في خلال 7 ايام فقط ! على غرار كذلك موقع tinydeal و DealXtreme .
موقع موثوق كذلك مجرب ، يعرض عليك العديد من الاغراض الالكترونية والغير إلكترونية ، كما يقبل جميع وسائل الدفع.


اذكر ان هناك صديق من مدينة طنجة إتخد من هذه المواقع مصدر عيشه ، فهوه يشتري اغراض ب 5 دولارات ويبيعها ب 10 دولار نعم !! بل وكذلك سلع ب 50 دولار و 60 دولار ويبيعها ب 100 ، 150 دولار ، لانها غير متواجدة في المغرب واجهزة "غريبة "كذلك مما يجعلها تستحق ذلك الثمن . بل الاروع ان سلعتك ستصلك مجانا الى المنزل دون دفع تكاليف الإرسال يعني (freeshipping) .



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

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

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


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

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

السلام عليكم ورحمة الله تعالى وبركاته.
تعتبر النوافذ المنبثقة من أهم الوسائل التي يلجأ اليها المدون (صاحب المواقع) للفت انتباه الزائر بشيء معين، سواء كان اعلان (لا أقصد إعلانات ادسنس لأنهذه الطريقة تعتبر مخالفة لقوانين وشروط جوجل) أو صندوق الفيسبوك او التويتر او صندوق الاشتراك عن طريق البريد الالكتروني وهلم جرا .
How To Add POP UP Facebook Like Box For Blog & Website?
لذلك في هذه التدوينة سنتعلم سويا طريقة انشاء هذه النافذة المنبثقة بتقنية jQuery وسنخصصها في هذا الشرح لصندوق اعجابات الفيسبوك (Facebook) لأن أغلب المستخدمين يتوفرون على صفحات فيسبوك لمدوناتهم، ويريدون الكثير من المشتركين عن طريق حث الزائر على الضغط على زر الاعجاب (J'aime/Like) .
مميزات الإضافة :
  1. كود بسيط . بتقنية ( jQuery )
  2. اضافة انيقة وجذابة.
  3. الأهم من المميزات السابقة هو أن النافذة تظهر مرة واحدة للزائر، أي أنها لن تسبب له الازعاج والقلق .
سلبيات الإضافة :
  1. للاضافة شئ سلبي واحد وهو : أنك عندما تريد التعديل على الإضافة بما يناسب مدونتك ستظهر لك مرة واحدة فقط ، مما ستضطر الى مسح ملفات الكوكيز (Kookies) لأنها تعتمد على حفظ إيبي Ip الزائر لكي لا تظهر له مرة ثانية. لكن لاتنس انك ستعدل عليها مدة واحدة فقط .
طريقة تركيب الإضافة :
  • اذهب الى لوحة التحكم
  • توجه الى تخطيط
  • اختر اضافة أداة 
  • اختر اداة HTML/JAVASCRIPT
  • الصق الكود اسفله 
  • ثم حفظ 
الكود :
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js'></script>
<script src="http://exeideasinternational.googlecode.com/files/jquery.colorbox-min.js"></script>
<script type="text/javascript">
jQuery(document).ready(function(){
if (document.cookie.indexOf('visited=true') == -1)
{
var fifteenDays = 1000*60*60*24*30;
var expires = new Date((new Date()).valueOf() + fifteenDays);
document.cookie = "visited=true;expires=" + expires.toUTCString();
$.colorbox({width:"400px", inline:true, href:"#exestylepopups"});
}
});
</script>
<style type="text/css">
/*
ColorBox v1.3.16
(Copyright (c) 2011 Jack Moore - jack@colorpowered.com)
*/
#colorbox,#cboxOverlay,#cboxWrapper{position:absolute;top:0;left:0;z-index:9999;overflow:hidden}#cboxOverlay{position:fixed;width:100%;height:100%}#cboxMiddleLeft,#cboxBottomLeft{clear:left}#cboxContent{position:relative}#cboxLoadedContent{overflow:auto}#cboxTitle{margin:0}#cboxLoadingOverlay,#cboxLoadingGraphic{position:absolute;top:0;left:0;width:100%}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{cursor:pointer}.cboxPhoto{float:left;margin:auto;border:0;display:block}.cboxIframe{width:100%;height:100%;display:block;border:0}#cboxOverlay{background:#000;opacity:0.5 !important}#colorbox{box-shadow:0 0 15px rgba(0,0,0,0.4);-moz-box-shadow:0 0 15px rgba(0,0,0,0.4);-webkit-box-shadow:0 0 15px rgba(0,0,0,0.4)}#cboxTopLeft{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW8gVYDKLPr6kvpDu4ATrC70l9EA5P91tFtc7igxGeWQtc1CLQMFwMEMBogwcFa1Qxt4A-VE2QXYdvpEk38UuPJzV5Hxy0dw2qPLAaMylW0rC25DvHyWuqftdqIrvBo2XiupqSTxgW3QU/s1600/controls.png) no-repeat 0 0}#cboxTopCenter{height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjxNSzC3SpO6jy8zkjU1xny1Ye-zKZu4YJYzNU9KTerJcRoJZwEHb1NW5xv53VgA6H7xthzoIqi1VppQA8tevC5ARG4acP1UER-rpFCimSIr0ZclQCNJTlX6WdbvuleKPM1Gy7qdgWX8M/s400/border.png) repeat-x top left}#cboxTopRight{width:14px;height:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW8gVYDKLPr6kvpDu4ATrC70l9EA5P91tFtc7igxGeWQtc1CLQMFwMEMBogwcFa1Qxt4A-VE2QXYdvpEk38UuPJzV5Hxy0dw2qPLAaMylW0rC25DvHyWuqftdqIrvBo2XiupqSTxgW3QU/s1600/controls.png) no-repeat -36px 0}#cboxBottomLeft{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW8gVYDKLPr6kvpDu4ATrC70l9EA5P91tFtc7igxGeWQtc1CLQMFwMEMBogwcFa1Qxt4A-VE2QXYdvpEk38UuPJzV5Hxy0dw2qPLAaMylW0rC25DvHyWuqftdqIrvBo2XiupqSTxgW3QU/s1600/controls.png) no-repeat 0 -32px}#cboxBottomCenter{height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhjxNSzC3SpO6jy8zkjU1xny1Ye-zKZu4YJYzNU9KTerJcRoJZwEHb1NW5xv53VgA6H7xthzoIqi1VppQA8tevC5ARG4acP1UER-rpFCimSIr0ZclQCNJTlX6WdbvuleKPM1Gy7qdgWX8M/s400/border.png) repeat-x bottom left}#cboxBottomRight{width:14px;height:43px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW8gVYDKLPr6kvpDu4ATrC70l9EA5P91tFtc7igxGeWQtc1CLQMFwMEMBogwcFa1Qxt4A-VE2QXYdvpEk38UuPJzV5Hxy0dw2qPLAaMylW0rC25DvHyWuqftdqIrvBo2XiupqSTxgW3QU/s1600/controls.png) no-repeat -36px -32px}#cboxMiddleLeft{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW8gVYDKLPr6kvpDu4ATrC70l9EA5P91tFtc7igxGeWQtc1CLQMFwMEMBogwcFa1Qxt4A-VE2QXYdvpEk38UuPJzV5Hxy0dw2qPLAaMylW0rC25DvHyWuqftdqIrvBo2XiupqSTxgW3QU/s1600/controls.png) repeat-y -175px 0}#cboxMiddleRight{width:14px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW8gVYDKLPr6kvpDu4ATrC70l9EA5P91tFtc7igxGeWQtc1CLQMFwMEMBogwcFa1Qxt4A-VE2QXYdvpEk38UuPJzV5Hxy0dw2qPLAaMylW0rC25DvHyWuqftdqIrvBo2XiupqSTxgW3QU/s1600/controls.png) repeat-y -211px 0}#cboxContent{background:#fff;overflow:visible}#cboxLoadedContent{margin-bottom:5px}#cboxLoadingOverlay{background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiDJadHZueE18IpY3M8qxkAN3MrapzzFXucZMP-Tt2dYbx7sKxzLEbr8aRaXct-h4Lzpba0mdzd6PPyNz30m1Wzq_gOb0WA5LYrdUXCsLhh3wqB0GKHou8pAFswa5r_PCUmp2ZdFkyiGKA/s400/loadingbackground.png) no-repeat center center}#cboxLoadingGraphic{https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEixDrxS0W3KuMuSPY_TRm5jDbIg-UI9S13r8XE7b_7ecuDJMfNOArET9rH3VbNAmYI1YsnoS0yjL7EliwvyuUJhkYLmKONtNU0LEmvl9_W7M_v5Htksh3AXAH4HlCzwbiYs-r9FjUz3zbI/s400/loading.gif) no-repeat center center}#cboxTitle{position:absolute;bottom:-25px;left:0;text-align:center;width:100%;font-weight:bold;color:#7C7C7C}#cboxCurrent{position:absolute;bottom:-25px;left:58px;font-weight:bold;color:#7C7C7C}#cboxPrevious,#cboxNext,#cboxClose,#cboxSlideshow{position:absolute;bottom:-29px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhW8gVYDKLPr6kvpDu4ATrC70l9EA5P91tFtc7igxGeWQtc1CLQMFwMEMBogwcFa1Qxt4A-VE2QXYdvpEk38UuPJzV5Hxy0dw2qPLAaMylW0rC25DvHyWuqftdqIrvBo2XiupqSTxgW3QU/s1600/controls.png) no-repeat 0px 0px;width:23px;height:23px;text-indent:-9999px}#cboxPrevious{left:0px;background-position:-51px -25px}#cboxPrevious.hover{background-position:-51px 0px}#cboxNext{left:27px;background-position:-75px -25px}#cboxNext.hover{background-position:-75px 0px}#cboxClose{right:0;background-position:-100px -25px}#cboxClose.hover{background-position:-100px 0px}.cboxSlideshow_on #cboxSlideshow{background-position:-125px 0px;right:27px}.cboxSlideshow_on #cboxSlideshow.hover{background-position:-150px 0px}.cboxSlideshow_off #cboxSlideshow{background-position:-150px -25px;right:27px}.cboxSlideshow_off #cboxSlideshow.hover{background-position:-125px 0px}#mdfb{font:12px/1.2 Arial,Helvetica,san-serif;color:#666}#mdfb a,#mdfb a:hover,#mdfb a:visited{text-decoration:none}.mdbox-title{background:#000;color:#fff;font-size:20px !important;font-weight:bold;margin:10px 0;border:20px solid #ddd;-moz-border-radius:6px;-webkit-border-radius:6px;border-radius:6px;box-shadow:5px 5px 5px #CCC;padding:10px;line-height:25px;font-family:arial !important}
</style>
<div style='display:none'>
<div id='exestylepopups' style='padding:10px; background:#fff;'>
<center><h3 class="mdbox-title">Receive all updates via Facebook. Just Click the Like Button Below...</h3></center><center>
<iframe src="//www.facebook.com/plugins/likebox.php?href=http%3A%2F%2Fwww.facebook.com%2F04net.info&amp;width=300&amp;colorscheme=light&amp;show_faces=true&amp;border_color=%23ffffff&amp;stream=false&amp;header=false&amp;height=258" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:300px; height:258px;" allowtransparency="true"></iframe>
</center><p style=" float:right; margin-right:35px; font-size:9px;" >أحصل عليها <a style=" font-size:9px; color:#3B78CD; text-decoration:none;" href="http://04pro.blogspot.com/2013/02/like-facebook-jQuery.html">مدونة المحترفين</a></p>
</div></div>
لا تنس تغيير :
  • 04net.info  بـ : اسم صفحتك على الفيسبوك مثال : www.facebook.com/04net.info ..

الجمعة، 15 فبراير 2013

كيف تبدأ في مجال الفوريكس بالطريقة الجيدة؟ كتاب "درجة درجة"

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

اقدم لكم اليوم كتاب "درجة درجة"



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


وكيفية الحصول على رأس المال

لتحميل الكتاب من هنا :

4shared


أو الميديافير




كلمة شكر تكفي