تدوينات الأمة

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

2012-04-11T14:03:00.006+00:00

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

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

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

وبهذا سوف أشارككم هده الخاصية الجميلة التي تجمع بين الفايس بوك وغوغل بلس

لمن يرغب في وضعها في مدونته فقط:

1. قم بتسجيل الدخول إلي لوحة تحكم مدونتك

2. وأنشئ أداه جديدة من نوع جافا سكربت

3. ضع فيها الكود التالي :

لتخصيص الأداة بما يتناسب مع مدونتك قم بالبحث داخل الكود عن userface واستبدلها باسم صفحتك على الفيس بوك.
ثم قم بالبحث عن https://plus.google.com/n-code واستبدله برابط صفحة مدونتك علي غوغل بلس.
إن أردت تصميم صوره للأداة يمكنك تصميمها ووضعها مكان ألصوره الموجودة داخل الكود. قم بحفظ الأداة ولا تضع لها اسما ثم قم بحفظ الإعدادات .. واستمتع بالفرق . وللعلم تلك ألطريقه تساعد بشكل كبير في تحميل أسرع للصفحة فأداة جوجل بلس بشكلها التقليدي تأخذ وقتا في الظهور مما يجعل مكانها الفارغ لحين ظهورها ذو شكل غير مستحب وأداة اليوم تغنيك عن كل هذا . بالتوفيق للجميع . ولا تنسوا متابعة صفحة مدونة تقارب علي فيس بوك وجوجل بلس .
ملحوظة: هذا الجزء خاص فقط لمن لم يقم بوضع أداة الفيس بوك من قبل . وهو ضروري كي تعمل الأداة بشكل سليم
قم بتسجيل الدخول إلى لوحة تحكم بلوجر ثم تحرير HTML ثم ابحث عن </head> وضع قبلها الكود التالي :

ولمن لم يضع أداه جوجل بلس من قبل عليه البحث عن نفس الكود ووضع قبله الكود الموجود بالأسفل

مع تغيير الرابط https://plus.google.com/n-code برابط صفحة مدونتك على جوجل بلس.
أما من قام بوضع الأداتين من قبل فعليه الاكتفاء فقط بكود أداة الجافا السكربت الموجود في أول الشرح والذي يتم وضعه من عناصر تصميم الصفحة .. انتهى ..

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

2012-04-10T14:02:00.000+00:00

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

في هذا الدرس اليوم مع الإصدار الثاني من اٍضافة

مواضيع ذات صله مع مواقع النشر والقائمة البريدية

وبشكل جديد ومختلف تماما عن السابق ولكن يؤدي نفس الوظائف دون تغيير .

ولمشاهدة مثال على الإضافة في إصدارها الثاني فيمكنك مشاهدة الصورة التالية لترى الإضافة كما تظهر أسفل الموضوعات.

إن أعجبتك الإضافة وتود تطبيقها على مدونتك .

اتبع المراحل التالية:

1. قم بتسجيل الدخول إلى لوحة تحكم بلوجر

2. ثم اذهب إلى تصميم

3. ثم إلى تحرير HTML وضع علامة على خانة توسيع القالب

4. ثم ابحث عن ]]></b:skin>

5. وضع قبلها مباشرة الكود التالي

#related{background:#444;  border:1px solid #191919; border-bottom:1px solid #666; border-left:1px  solid #666;text-shadow:0 1px 0 #000;margin:0 0 5px;padding:10px} ul#related-posts{font:bold 11px  Arial;list-style:none;text-transform:none;margin:10px 0;padding:0} #related .related-posts{font-weight:400;width:50%;float:left} #related .related-posts p{margin:0} ul#related-posts  li{float:right;height:auto;list-style-type:none;margin:0 5px;padding:2px  1px} *html ul.rp#related-posts li{margin:0 13px} ul#related-posts li a{-moz-box-shadow:0 1px 2px  rgba(0,0,0,0.15);border:2px solid  #333;display:block;height:72px;position:relative;width:72px;color:#eaeaea;text-decoration:none;text-shadow:0  1px 0 #000} ul#related-posts li  .overlay{height:66px;line-height:16px;position:absolute;width:66px;z-index:10;padding:6px  6px 0 0} ul#related-posts li a:hover  .overlay{background:#000;display:block!important;opacity:0.6} ul#related-posts li img{bottom:0;padding:0!important} ul#related-posts li a:hover{-moz-box-shadow:0 1px 3px rgba(0,0,0,0.25)} #related .subscribe{width:43%;float:right;color:#bdbdbd;} #related .subscribe p.intro{font-weight:400} #related .subscribe  p.feed{margin-bottom:10px;font-weight:700;padding-right:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGel2iEIZYpG9KmA17-QcnWVUHUOuc_vKcr7jVg5LIYgqWOpSavYrK_SLHnk3nvNfrPXL4ZatFqzja0UthSBEqWUNf2FoI9zRzdnyL9AeFjAGDepkHpZvqjvnDfyw6lHPo0U6jsL7Ovv0/)  0 50% no-repeat;vertical-align:middle} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{display:inline-block} #inner{padding-top:40px;} #fixed  {position:fixed;top:0;right:0;width:100%;height:40px;z-index:999;} #fixedinner{text-align:center;background:transparent;height:40px;position:relative;z-index:999;}

6. ثم البحث عن الكود التالي <data:post.body/> قد تجده مكرر أكثر من مرة والغالب آن رقم 2 منه يكون المسؤل عن ظهور الإضافات في أخر الموضوع إذا تم وضعها بعده وقد يختلف الأمر في بعض القوالب الأخرى لذا عليك اخذ نسخه احتياطيه من القالب قبل التطبيق والتجربة... على كل حال بعد البحث عن الكود السابق ضع بعده مباشرة الكود التالي :

<b:if cond='data:post.isFirstPost'>  <div id='fb-root'/> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "http://connect.facebook.net/ar_AR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>  <script type='text/javascript'> (function() { var po = document.createElement('script'); po.type = 'text/javascript';  po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0];  s.parentNode.insertBefore(po, s); })(); </script>  <script>!function(d,s,id){var  js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </b:if>   <div class='horizontal-social-buttons' style='padding:10px 0  10px;'>  <div style='float:right;'> <a class='twitter-share-button' data-count='horizontal'  data-lang='en' data-related='' data-via=''  expr:data-text='data:post.title' expr:data-url='data:post.url'  href='https://twitter.com/share'>Tweet</a> </div>  <div style='float:right;'> <g:plusone annotation='bubble' expr:href='data:post.url'  size='medium'/> </div>  <div style='float:right;'> <fb:like colorscheme='light' expr:href='data:post.url' font=''  layout='button_count' send='true' show_faces='false'/> </div> </div> <div style='clear: both;'/>  <b:if cond='data:blog.pageType == "item"'> <div class='clearfix' id='related'> <div class='related-posts'> <p>تدوينات مختاره من نفس القسم</p> <script type='text/javascript'> var  defaultnoimage="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjYfZDTZq6EP6EH-1M_IahOFiPYEG1XsT0ULA2Zu0CSYgPWvLnkEUNrbEqWbTsBYSJ3rKDHZT5_PNYIdhVuDLCTmps0CqOazHY6vRb6zOrui9AZoVMMjw9Toft4zYpFtuEMwqKlMNdwgtQ/s1600/no+image.jpg"; var  maxresults=6; </script> <script src='http://johnytemplate.googlecode.com/files/related.js'  type='text/javascript'/> <b:loop values='data:post.labels' var='label'> <b:if cond='data:label.isLast != "true"'> </b:if> <script expr:src='"/feeds/posts/default/-/" + data:label.name +  "?alt=json-in-script&callback=related_results_labels_thumbs&max-results=6"'  type='text/javascript'/> </b:loop>  <script type='text/javascript'> removeRelatedDuplicates_thumbs(); printRelatedLabels_thumbs("<data:post.url/>"); </script>                 </div>  <div class='subscribe'> <p class='intro'>ان اعجبتك تلك التدوينه وتود المزيد <a  href='http://feeds.feedburner.com/JohnyTemplate' target='_blank'  title='feedburner'> <b>اضغط هنا</b></a>, او يمكنك الاشتراك في القائمه  البريديه لمدونتي للحصول على كل مايطرح فيها فور النشر..</p> <p class='feed'><a  href='http://your-site.com/feeds/posts/default'>Subscribe via RSS  Feed</a></p> <form action='http://feedburner.google.com/fb/a/mailverify'  method='post'  onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=user-blog',  'popupwindow', 'scrollbars=yes,width=550,height=520');return true'  target='popupwindow'> <input name='uri' type='hidden' value='user-blog'/> <input name='loc' type='hidden' value='en_US'/> <input id='botsub' name='email' onblur='if (this.value == "")  {this.value = "Enter your email";}' onfocus='if (this.value == "Enter  your email") {this.value = "";}' type='text' value='Enter your  email....'/> <input id='botsubbutton' type='submit' value='اشترك'/><br/> <small>تأكد ان بيانات بريدك بأمان معنا.</small><br/> <a href='http://feeds.feedburner.com/blogspot/htbgh'><img  alt='' height='26'  src='http://feeds.feedburner.com/~fc/blogspot/htbgh?bg=f19c22&fg=444444&anim=1'  style='border:0' width='88'/></a> </form> </div> </div> </b:if>

7. قم بالبحث داخل الكود السابق عن user-blog واستبدلها بحسابك على موقع فيدبرنر ستجدها مكرره أكثر من مره

8. وكذلك قم باستبدال كلمة your-site برابط مدونتك ثم قم بحفظ القالب . بالتوفيق للجميع .

هذا كل شيء بالنسبة للتطبيق الأول

________________________________________________________

ولمشاهدة المثال الثاني على الإضافة في إصدارها الثاني فيمكنك مشاهدة الصورة التالية لترى الإضافة كما تظهر أسفل الموضوعات.

إن أعجبتك الإضافة وتود تطبيقها على مدونتك .

اتبع المراحل التالية:

1. سجيل دخول إلي لوحة تحكم مدونتك

2. ثم الذهاب مباشرة إلي تحرير HTML ووضع علامة على خانة توسيع القالب

3. ثم البحث عن الكود التالي <data:post.body/> قد تجده مكرر أكثر من مره والغالب أن رقم 2 منه يكون هو المقصود, بعد البحث عن الكود السابق ضع بعده مباشرة الكود التالي :

<b:if cond='data:post.isFirstPost'>  <div id='fb-root'/> <script>(function(d, s, id) { var js, fjs = d.getElementsByTagName(s)[0]; if (d.getElementById(id)) {return;} js = d.createElement(s); js.id = id; js.src = "http://connect.facebook.net/ar_AR/all.js#xfbml=1"; fjs.parentNode.insertBefore(js, fjs); }(document, 'script', 'facebook-jssdk')); </script>  <script type='text/javascript'> (function() { var po = document.createElement('script'); po.type = 'text/javascript';  po.async = true; po.src = 'https://apis.google.com/js/plusone.js'; var s = document.getElementsByTagName('script')[0];  s.parentNode.insertBefore(po, s); })(); </script>  <script>!function(d,s,id){var  js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> </b:if>   <div class='horizontal-social-buttons' style='padding:10px 0  10px;'>  <div style='float:right;'> <a class='twitter-share-button' data-count='horizontal'  data-lang='en' data-related='' data-via=''  expr:data-text='data:post.title' expr:data-url='data:post.url'  href='https://twitter.com/share'>Tweet</a> </div>  <div style='float:right;'> <g:plusone annotation='bubble' expr:href='data:post.url'  size='medium'/> </div>  <div style='float:right;'> <fb:like colorscheme='light' expr:href='data:post.url' font=''  layout='button_count' send='true' show_faces='false'/> </div> </div> <div style='clear: both;'/>  <b:if cond='data:blog.pageType == "item"'> <div class='clearfix' id='related'> <div class='related-posts'> <p>تدوينات مختاره من نفس القسم:</p> <ol> <b:loop values='data:post.labels' var='label'> <b:if cond='data:blog.pageType == "item"'> <script expr:src='"/feeds/posts/default/-/" + data:label.name +  "?alt=json-in-script&callback=related_results_labels&max-results=2"'  type='text/javascript'/>                               </b:if></b:loop> <script type='text/javascript'> removeRelatedDuplicates();  printRelatedLabels();  </script> </ol>                    </div>  <div class='subscribe'> <p class='intro'>ان اعجبتك تلك التدوينه وتود المزيد <a  href='http://feeds.feedburner.com/user-blog' target='_blank'  title='feedburner'> <b>اضغط هنا</b></a>, او يمكنك الاشتراك في القائمه  البريديه لمدونتي للحصول على كل مايطرح فيها فور النشر.</p> <p class='feed'><a  href='http://your-site.com/feeds/posts/default'>Subscribe via RSS  Feed</a></p> <form action='http://feedburner.google.com/fb/a/mailverify'  method='post'  onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=user-blog',  'popupwindow', 'scrollbars=yes,width=550,height=520');return true'  target='popupwindow'> <input name='uri' type='hidden' value='user-blog'/> <input name='loc' type='hidden' value='en_US'/> <input id='botsub' name='email' onblur='if (this.value == "")  {this.value = "Enter your email";}' onfocus='if (this.value == "Enter  your email") {this.value = "";}' type='text' value='اكتب بريدك  الالكتروني هنا....'/> <input id='botsubbutton' type='submit' value='إشترك'/><br/> <small>تأكد ان بيانات بريدك بأمان معنا.</small> </form> </div> </div> </b:if>

بعد وضع الكود ابحث فيه عن كلمة user-blog ستجدها مكرره ثلاث مرات استبدل الثلاثة باسم حسابك على موقع فيد برنر .

ثم ابحث مجددا عن http://your-site.com/feeds/posts/default واستبدله برابط لخاصات مدونتك .

4. بعد ذلك قم بالبحث داخل قالب مدونتك عن ]]></b:skin> وضع قبلها مباشرة الكود الموجود في الأسفل :

#related{background:#e4e4e4;border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;-webkit-box-shadow:inset  #222 0 2px 8px;-moz-box-shadow:inset #222 0 2px  7px;width:auto;text-shadow:1px 0 0 #fff;margin:0 0 5px;padding:10px} #related .related-posts{font-weight:200;width:53%;float:left} #related .related-posts p{margin:0} #related .related-posts h3,#related .related-posts h2,#related  .related-posts h1{font-size:12pt;margin:0} #related .related-posts ol{font-weight:200;margin:2px -20px 0 0} #related  .subscribe{background:url(http://3.bp.blogspot.com/-Su4dLp9tZWI/TvnUmvgAqfI/AAAAAAAAA2U/7f4tn4C_8uM/s1600/icontexto-inside-rss.png)  no-repeat bottom left;width:43%;float:right;color:#000} #related .subscribe p.intro{font-weight:200} #related .subscribe  p.feed{margin-bottom:10px;font-weight:200;padding-right:21px;background:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjGel2iEIZYpG9KmA17-QcnWVUHUOuc_vKcr7jVg5LIYgqWOpSavYrK_SLHnk3nvNfrPXL4ZatFqzja0UthSBEqWUNf2FoI9zRzdnyL9AeFjAGDepkHpZvqjvnDfyw6lHPo0U6jsL7Ovv0/)  0 50% no-repeat;vertical-align:middle} .clearfix:after{content:".";display:block;height:0;clear:both;visibility:hidden} .clearfix{display:inline-block}

5. وأخيرا قم بالبحث عن </head> وضع قبله مباشره ما بالأسفل

6. قم ألان بحفظ قالب مدونتك. للاستفسارات وطلبات تركيب الإضافة يرجا ترك تعليق من خلال بلوجر أو فيس بوك.

أين يجب أن أضع إعلانات Google Adsense على صفحاتي؟

2012-03-28T15:15:00.002+00:00

يتفاوت أفضل موقع لإعلانات Google من صفحة لصفحة، استنادًا إلى المحتوى. وإليك القليل من الأسئلة التي يجب أن تسألها لنفسك عندما تفكر في اختيار موضع لإعلاناتك:

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

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

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

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

المصدر

طريقة وضع إعلانين جوجل أدسنس تحت التدوينة وتحت العنوان

2012-03-26T15:13:00.000+00:00

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

<b:include data='post' name='postQuickEdit'/>

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

<b:if cond='data:blog.pageType == "index"'>
<b:if cond='data:post.isFirstPost'>
<span class='FL'>
ضع هنا كود الإعلان الأول بعد تحويله
</span>
<span class='FR'>
ضع هنا كود الإعلان الثاني بعد تحويله
</span>
<div class='spacer'/>
</b:if></b:if>

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

إذا أردت أردت إدراج إعلانين تحت عنوان التدوينة قم بالبحث عن هذا الكود

<data:post.body/>

ثم قم بوضع الكود التالي فوقه ،مع إدراج كود أدسنس كما شهدنا في المرحلة السابقة

<b:if cond='data:blog.pageType != "index"'>
<b:if cond='data:post.isFirstPost'>
<span class='FL'>
ضع هنا كود الإعلان الأول بعد تحويله
</span>
<span class='FR'>
ضع هنا كود الإعلان الثاني بعد تحويله
</span>
<div class='spacer'/>
</b:if></b:if>

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

ملاحظة : الفرق بين الكود الأول والكود الثاني الذي يجب لصقه ،هو السطر الأول الذي يحدد الشرط الذي سوف يظهر به الإعلان ،ويدل هذا السطر إظهار الإعلان فقط في الصفحة الرئيسية وهو الموجود في الكود الأول ،أما الكود الثاني فيعني أن يظهر الإعلان في جميع الصفحات بإستثناء الصفحة الرئيسية ،وعند ملاحظتك للشرطين سوف تلاحظ أن الإختلاف بينهما يتمثل في الرمز "=" والرمز "!"
ويمكنك مراجعة درس شروط إظهار وإخفاء العناصر من هنا

المصدر

سياسة الخصوصية للمواقع العربية والإنجليزية (Privacy Policy)

2012-03-26T00:53:00.000+00:00

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

ماهي سياسة الخصوصية ،لا تنزعج فالأمر أبسط مما تتخيل .

سياسة الخصوصية :

هي عبارة عن مقالة لابد أن تكتبها في مدونتك أو موقعك أو منتداك ولا تكتب تلك المقالة في رسالة أو موضوع عادي بل يجب عليك أن تكتبها في صفحة فرعية مثل (الرئيسية ،هدف المدونة،اتصل بنا ،...إلخ)

ياااه الموضوع وسع مننا ..كيف نقوم بكل هذا

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

سياسة الخصوصية ببساطة شديدة :

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

أولاً سياسة الخصوصية للمدونات والمواقع العربية :

كل ماعليك هو التوجه إلى هذا الرابط ثم قم بعمل صفحة مثله تماماً عن طريق النسخ واللصق .

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

سياسة الخصوصية للمدونات والمواقع الأجنبية (Privacy Policy)

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

ملحوظة : عليك تبديل رابط الملون باللون الأحمر برابط مدونتك الإنجليزية.

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

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

2012-03-25T22:57:00.000+00:00

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

اسواق الاعلانات Ad Marketplaces: هناك مجموعة متنوعة من الاسواق الاعلانية الخاصة بتسويق وبيع الاعلانات على شبكة الانترنت، والتي تسمح لأصحاب المدونات ادراج مدوناتهم بها وجعل عملية شراء مساحات الاعلان عليها اوتوماتيكيا في مقابل حصول تلك الاسواق على نسبة من الارباح. ومن امثلة تلك الاسواق AdBrite(http://www.adbrite.com)، والذي يقدم خيارات اعلانية كثيرة وخاصة للإعلانات النصية.

وهناك موقع AdEngage (http://www.adengage.com)، والذي يوفر الكثير من اعلانات CPC (التكلفة لكل نقرة).

وهناك موقع BlogAds(http://www.blogads.com)، والذي يوفر اعلانات متخصصة للمدونين عامة.

بالإضافة الى موقع BuySellAds (http://www.buysellads.com)، والذي يخدم في الغالب مواقع التكنولوجيا والمهارات الابداعية كتصميم والمواقع والجرافيك.

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

الاعلان على مقاطع الفيديو Advertising on Screencasts: العديد من المواقع الكبيرة في عرض ومشاركة مواقع الفيديو امثال YouTube(http://www.youtube.com)، Blip (http://www.blip.tv)، عادة ما تقدم خدمات اعلانية للمعلنين خاصة بمقاطع الفيديو المعروضة والمشاهدة على صفحاتها، بل ويمكنك الانضمام الى شبكات الاعلان المتخصصة في اعلانات الفيديو امثال BrightRoll(http://www.brightroll.com)، AdBrite (http://www.adbrite.com) بسهولة.

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

الاعلان بداخل الخلاصات Advertising on RSS Feeds: منذ ان قامت شركة جوجل العالمية بشراء خدمة Feedburner (http://feedburner.google.com) وضمها الى اسطول خدماتها منذ بضع سنين، تمكن الناشرين من وضع اعلانات جوجل ادسينس (Google Adsense) بداخل الـ RSS feeds الخاصة بهم.

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

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

اعرف سعر مدونتك أو أي موقع أو منتدى على النت !

2012-03-25T00:52:00.000+00:00

موضوع اليوم ليس منهجي ،أو تعليمي ،بل يندرج تحت المنوعات أو الترفيه !

الآن مدونة (المدونات وأدسنس) تسعر لك مدونتك ،وتعطيك سعراً عالمياً وعادلاً لمدونتك !

ماهي فكرة هذا الموضوع :

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

ملحوظة هامة : هناك مواقع لتلك الخدمة ،ولكن اشتغالات ،فتعطي أسعار وهمية بدون أي أساس! ،فهناك من أعطى لمدونتي (المدونات وأدسنس)5000$

ما الأساس الذي يتبعه الموقع الأول في التسعير ؟

1- ترتيب موقعك في محركات البحث .

2- جودة المحتوى ،حصري/منسوخ .

3- عدد الزوار اليومي لمدونتك أو موقعك .

4- أشياء أخرى مثل إعلانات أدسنس ،...إلخ .

كل ماعليك أن تدخل هذا الموقع domainvalue ثم تابع الشرح بالصور :

الموقع الثاني : yourwebsitevalue

هذا الموقع يُسَعِر لك موقعك على أَدَق التفاصيل ،وهناك عدة مراحل للتقيم ،يعنى بينزلك سعره الأرض ،دا بتاع الجماعة إللي بيفاصلوا ! .

ما الأساس الذي يتبعه الموقع في تسعير المواقع ؟

(عشرة مراحل)

1- محتوى الموقع .

2- عدد زوار الموقع (شعبية الموقع) .

3- عدد الينكات المؤدية إلى موقعك .

4- بيج رانك الموقع .

5- ترتيب الموقع في محركات البحث .

6- أهمية الموقع .

7- تاريخ الموقع .

8- تصميم الموقع .

9- ترتيب أليكسا .

10- أرشفة موقعك بالنسبة لجوجل .

أقولكم مدونتي عملت كام عند الموقع إللي بيفاصل ،ولا بلاش أحسن...... ،ماانتوا كده كده هتعرفوا ،المدونة عملت 10$ ،أوعى حد يشترى !

ارجوا أن تكونوا قد استمتعتم بالموضوع ،وفي انتظار تعليقاتكم ،وكل واحد يقول مدونتك عملت كام في الموقعين! ،والسلام عليكم ورحمة الله وبركاته .

اٍضافة صندوق تعليقات فيس بوك في مدونات بلوجر

2012-03-24T09:02:00.000+00:00

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

اذا اعجبتك الاضافة تابع طريقة التركيبفي بقية التدوينة ......

الخطوة الاولى

1- اذهب الى facebook developers واملأ البيانتات المرادة كهذه الصورة :

ولا تنسى ان تضيف" slash " " / " في نهاية رابط مدونتك . كهذا الرابط

http://al-oma.blogspot.com/

ثم اضغط على create application

2- املأ طلب التحقق الامني ، ومن ثم انسخ رقم app id كما موضح بالصورة :

3- اذهب الى هذا الرابط ، واملأ البيانات كما كوضح بالصورة التالية :

بعد ان تنتهي اضغط على get code
وانسخ الكود

الخطوة الثانية

من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم-

ابحث عن :

<b:includable id='comments' var='post'>

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

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

2012-03-23T08:58:00.000+00:00

السلام عليكم ،
الكثير من الاخوة والاخوات المتابعين يسألون دوما عن طريقة سهلة وسريعة لأضافة اعلان ادسنس الى وسط التدوينة او في اي مكان يريدونه داخل التدوينة - وهذه التدوينة بأذن الله ستكون افضل واسهل حل لاضافة الاعلان ، والخطوات سهلة وبسيطة ولكنها ستكون يدوية دائما وليست تلقائية - وعلى بركة الله نبدأ بشرح الطريقة :

الخطوة الاولى :

1- اذهب الى حسابك في جوجل ادسنس .
2- ثم اعداد ادسنس - خدمة ادسنس للمحتوى .
3- اختر الوحدة المناسبة لك
4- عند الوصول الى صفحة الرمز انسخه واحفظه في المفكرة لتحصل عليه متى تشاء .

الخطوة الثانية :

1- انسخ كود الاعلان كما هو .
2- قم بلصقه في محرر التدوينات (تحريرHTML) في المكان الذي تريده وهذا مثال :

طريقة اضافة اعلان ادسنس وسط التدوينة

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

3- انشر رسالتك وتمتع بأرباحك .

وبالتوفيق دوما ادعو لي ولكم

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

2012-03-22T00:55:00.000+00:00

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

طبعا هذه هي صويرة الأداة كما يعرفها الجميع.

الجديد يظهر في هذه الصورة.

مفتاح:

1 - خيار عرض كل التصنيفات أو بعضها فقط ، عند تحديد الثاني يظهر خيار التعديل في أسفله.

2 - عند ضغط "تعديل" تظهر النافذة الصغيرة كما في الصورة و منها يمكنك اختيار التصنيفات التي تريد إظهارها.

3 - هذه لاختيار شكل عرض الأداة، إما لائحة بشكلها العادي أو سحابة أوسمة. يفضل وضع أداتين ، واحدة بشكل لائحة و الأخرى سحابة أوسمة.

4 - تفعيل أو تعطيل عرض الأرقام التي تظهر بجانب التصنيفات و التي تدل على عدد التدوينات المصنفة تحتها.

اكشف عن موقعك أو مدونتك أو منتداك -- هل مخالف لأدسنس أم لا ؟

2012-03-21T00:51:00.000+00:00

الآن نقدم لكم موقع يكشف لك عن موقعك أو مدونتك هل هي محظورة من أدسنس أم لا ؟!!

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

طريقة الكشف عن مخالفات أدسنس بالنسبة للمواقع والمدونات؟

فقط ادخل رابط موقعك أو مدونتك ثم اضغط Submit وستظهر لك النتيجة فوراً

رابط الموقع : من هنا

**فعلاً يستحق التجريب **
أتمنى أن تستفيدوا من الموضوع ..
والسلام عليكم ورحمة الله وبركاته ..

اٍضافة أدات صندوق التعليقات DisQus على بلوغر

2012-03-20T11:38:00.000+00:00

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

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

مميزاته

الشكل الجميل : يتميز هذا الصندوق بشكله الرائع و أزرار الإرسال التي تسحب تلقائيا بعد وضع مؤشر الكتابة في صندوق التعليق .
إمكانية الرد على تعليقات الاخرين و الإعجاب بها .
إدارة التعليقات : عبر التحكم فيها بمحوها أو حظر كاتبيها بل حتى تغيير نصها .
إمكانية التعليق بحسابات عديدة : Google , facebook , twitter , OpenId , Yahoo , و حتى الزائر فقط يستطيع التعليق بشرط وضع بريده الإلكتروني .
إمكانية ترتيب التعليقات : من الأقدم إلى الأحذث و العكس ، أو ترتيبها حسب عدد الإعجابات بها سواء من طرف المدير أو من طرف الزائر .
إمكانية إضافة مشرفين : و ذلك لمتابعة التعليقات و تنسيقها بدل منك .
نشر التعليقات :إما على حسابك في الفيسبوك أو في تويتر أو هما معا في نفس الوقت .
إمكانية تحرير CSS : مما يسمح لك بتغيير شكل و ألوان الصندوق كما ترغب .
ميزات أخرى عديدة ....

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

إذهب إلى الموقع الذي يقدم هذه الإضافة DisQus.com

إملأ الإستمارة بمعلوماتك ثم أنقر على continue.

ستظهر لك صفحة تصميم > عناصر الصفحة لمدونتك ، ضع الإضافة الجديدة أسفل رسائل المدونة الإلكترونية كي تعمل .

الان تكون قد ركبت الإضافة .

لكن تعليقاتك القديمة كلها لا تظهر ، عليك إستعادتها .

جلب التعليقات

إذهب إلى هذه الصفحة : http://disqus.com/dashboard

من هنا تستطيع إدارة التعليقات أيضا

هكذا تكون قد أعدت تعليقاتك كلها .

تغيير إعدادات الصندوق

تستطيع تعديل و تغيير إعدادات صندوق التعليقات الخاص بك من خلال Setting ثم appearance .

theme : تتوفر على شكلين لصندوق التعليقات هذا ، تستطيع إختيار الذي يعجبك ( التيم الأول أفظل )
Mobile Theme : إن كنت تريد إستعمال إعدادات التعليق الخاصة بالموبايل أيضا فأشر الزر .
Pagination : عدد التعليقات المسموح بها في كل موضوع ، إختر No pagination كي تبقى التعليقات غير محدودة .
Default Sort : و هو ترتيب التعليقات ، إختر الذي يعجبك إما الأقدم أولا أم الأحذث أولا . ( تبقى خاصية تغيير الترتيب متاحة للزائر رغم ذلك )
Comment Form Position : مكان صندوق التعليقات بالنسبة للتعليقات نفسها ، إن أردته أن يظهر قبل التعليقات إختر Top of thread و إن أردت أن يظهر في الأسفل فاختر Bottom of thread .
Avatar Pictures : صورة المعلق ، إن أردت إظهارها إختر Show avatar و إن أردت إخفائها إختر Do not show .

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

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

2012-03-20T11:18:00.000+00:00

انطلقت أمس الدورة الثالثة (2012) من مسابقة أرابيسك لأفضل المدونات العربية. ما يميز هذه النسخة أنها جاءت شراكة مع شركة حسوب وبالنسبة للجوائز فهذه السنة هي مالية، حيث تقدر الجائزة الأولى بـ 1000 دولار أمريكي والثانية بـ 500 دولار أمريكي، أما التصنيفات المتنافس ضمنها فهما اثنان : المدونات الشخصية أو العامة والمدونات المتخصصة.

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

إن كنت مدونا فبإمكانك ترشيح مدونتك للتنافس في أرابيسك، تأكد فقط من أنها تستوفي الشروط المساهمة في تحقيق أهداف المسابقة، باب الترشح مفتوح إلى غاية 31 مارس.

عن المسابقة

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

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

القوانين

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

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

المراحل:

من 12 إلى 31 مارس يتم ترشيح المدونات للمسابقة من المدونين أنفسهم.
من 01 إلى 10 أبريل يتم تقييم المدونات والتصويت عليها من الجمهور.
يوم 11 أبريل يتم الإعلان عن المدونات العشرين المؤهلة في كل تصنيف، حسب عدد الأصوات.
من 11 إلى 30 أبريل تقوم لجنة التحكيم بتقييم ومراجعة المدونات العشرين المتأهلة عن كل تصنيف.
يوم 01 ماي يتم تحديد الفائز عن كل تصنيف، حسب عدد الأصوات المتحصل عليها من أفراد اللجنة، وفق المعايير المحددة.
يخصص يومان بعد ذلك لمداولات لجنة التحكيم حول المدونتين الفائزتين، لتختار منهما مدونة واحدة تحصل على لقب “أفضل مدونة عربية للعام 2012″.

التعليق

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

التصويت

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

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

جوائز المسابقة

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

سنقدم في هذه النسخة من المسابقة جائزتين ماليتين للمدونتين الفائزتين، وذلك في تصنيفين اثنين:

المدونات الشخصية أو العامة
المدونات المتخصصة

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

وبهذا تكون جوائز هذه النسخة من المسابقة كما يلي:

$1000 دولار أمريكي للمدونة الفائزة بلقب أفضل مدونة عربية لعام 2012.
$500 دولار أمريكي للمدونة الفائزة في التصنيف الآخر.

قالب " pro press " الاحترافي والمطور

2012-03-17T09:19:00.000+00:00

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

مميزات القالب :

- يدعم اعلانات ادسنس
- القالب بعمودين وثلاثة اعمدة في الفوتر
- يدعم كافة الاضافات
- صديق لمحركات البحث
- العنوان ازرق وكتابة بخط tahoma ابيض
- سريع جدا في التحميل ( 55 kb )
- عرض 990
- متوافق مع جميع المتصفحات
- التعليقات بشكل جميل
- اضافة عمودين في اسفل التدوينة للمشاركة و المواضيع ذات الصلة

- وبعض الاضافات الاخرى مثل : هاك اقرأ المزيد .

للمشاهدة

للتحميل

قائمة لأغنى 30 رجل أعمال شباب عن طريق الأنترنت

2012-03-15T09:12:00.000+00:00

قبل عدة ايام نشر Aarron Hatfield عبر موقع incomediary قائمة بأغنى 30 شاب تحت سن الثلاثين من الانترنت ،هؤلاء الشباب لم يكونوا على علم بما ينتظرهم من نجاح عبر الانترنت ، وقد احببت ان انشرها لكم احبتي بلغتنا العربية لعلها تفيدكم وتحفزكم لانشاء مشاريعكم الخاصة عبر الانترنت وتعم الفائدة للجميع ، ايضا من دواعي نشري لهذه التدوينة هو المبلغ الخيالي الذي وصل اليه مؤسس موقع فيس بوك ، ادعوكم لمتابعة القراءة والتمتع بمعرفة هؤلاء الشباب ومواقعهم والارقام التي وصلوا اليها :

نبدأ بمؤسس عملاق الشبكات الاجتماعية :

1- مارك زوكربيرج mark zuckerberg - السن 26

الثروة : 6.9$ مليار.

ولد مارك في نيويورك لأسرة يهودية ، مبرمج كمبيوتر منذ صغره ، درس في جامعة هارفارد وهناك بدأت فكرة انشاء موقع فيس بوك ، مارك هو الرئيس التنفيذي لشركة فيس بوك المساهمة المحدودة ـ الان يملك لوحده ربع الشركة ، اكيد كل واحد منا يتمنا هذا النجاح وتحقيق مبلغ 6.900.000.000 $ .

www.facebook.com

www.blog.facebook.com

2- ديستين موسكوفيتش dustin moskovitz - السن 26
الثروة : 1.4 $ مليار

احد مؤسسي موقع الفيس بوك ولكنه اقل شهرة من مارك ، انشأ موقع " اسانا " لمعالجة مشاكل التعاون في العمل .لا زال موقعه هذا في البداية ام ثروته هذه فهي بواسطة فيس بوك .

www.asana.com

3- اندرو ماسون andrew mason - السن 29
الثروة : 600$ مليون

مؤسس ومدير موقع groupon للاعمال التجارية عبر الانترنت منذ عام 2008 ، يقدم الموقع خدمة العروض والاعلانات عن منتجات وخدمات من قبل الناس بمقابل مادي من خلال قسيمة تشتريها من الموقع نفسه لتحصل على خصومات ، خلال سنتين من انشاء الموقع استطاع اندريو ان يجمع 600 مليون دولار .

www.groupon.com

4- ماثيو مولينويج mathew mullenweg - السن 26
الثروة : 250 $ مليون

بالطبع الكثير منا يعرف هذا الشاب وخصوصا مستخدمي منصة الوورد بريس ، بدأ ماثيو في عام 2005 من خلال وورد بريس منصة التدوين المشهورة ، كما انشأ بعد ذلك الكثير من المشاريع في الشبكة العنكبوتية مثل موقع polldaddy و intensedebate وهناك المزيد .

www.ma.tt

www.wordpress.com

5- بليك روز blake ross - السن 25

الثروة : 150 $ مليون

مبرمج كمبيوتر امريكي ، اشهر بليك من خلال عمله كأحد المبرمجين الشباب في شركة موزيلا فايرفوكس صاحبة المتصفح العملاق ، جمع من عمله هذا ثروة تقدر بـ 150 مليون دولار ، كما شارك بليك في انشاء شركة Parake التي اشتراها مؤخرا الفيس بوك .

www.mozilla.com

6- جورباجش كاهال GURBAKSH CHAHAL - السن 28

الثروة : +100$ مليون

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

www.chahal.com

www.gwallet.com

7- نافين سلفادوري NAVEEN SELVADURAI - السن 28

الثروة : 80 $ مليون

الشريك الثاني في تأسيس موقع FOURSQUARE ، فكرته شبيهة بموقع تويتر ، ويمكن لأعضاء الموقع ان يكتبوا ملاحظاتهم عن الاماكن التي يزورونها عن طريق تطبيقات لجميع الاجهزة الخلوية وخصوصا اجهزة NOKIA - IPHONE - BLACKBERRY

www.foursquare.com

8- انجيلو سوتيرا ANGILO SOTIRA - السن 29

الثروة : 75 $ مليون

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

www.deviantart.com

9- نات تيرنر NAT TURNER - السن 26

الثروة : +70 $ مليون

اسس نات موقع invitemedia عام 2007 ، يقوم الموقع بدور الوساطة بين المعلنين والشبكات مثل جوجل وياهو ومايكروسوفت ، اذ يقوم الموقع بتوفير مساحات اعلانية للمعلنين على هذه الشبكات .

www.invitemedia.com

10- بيتر كاشموري peter cashmore - السن 24

الثروة : +70 $ مليون

الكثير منا يعرف مدونة mashable التقنية الشهيرة التي اسسها بيتر عام 2005 ، اصبحت مدونته هذه الاولى عالميا في مجال التقنية ويقرأها شهريا اكثر من 10 مليون قارئ ، اما بيتر فقد اصبح في قائمة اكثر 25 شخصا مشهورا عبر الانترنت ، اذ يتابعه عبر تويتر فقط 2.16 مليون شخص .

www.mashable.com

11- الكسندر ليفين alexander levin - السن 25

الثروة : 56 $ مليون

الكسندر اسس احد اكبر مواقع استضافة ومشاركة الصور عبر الانترنت imageshack عام 2003 ، يقوم الموقع على فكرة استضافة الصور والفيديو " حديثا" بالمجان المحدود والاشتراكات الشهرية الاكبر المدفوعة ، اصبح الموقع حاليا من افضل 70 موقع عالمي حسب اليكسا .

www.imageshack.us

12- ديفيد سكوتينستين david schottenstien - السن 26

الثروة : 52 $ مليون

اسس ديفيد موقع astor&black لبيع الملابس الفاحرة في الولايات المتحدة ، وتقوم فكرة الموقع على معاينة الملابس عبر الموقع والشراء منه مباشرة بمقابل الحصول على خصومات تصل الى 80% بالمقارنة مع المتاجر في الولايات المتحدة .

www.Astor & Black.com

13- شون بيلنك sean belnick - السن 22

الثروة : +50 $ مليون

اختار شون ان يتاجر بكراسي المكاتب منذ ان كان ابن 14 عاما ، اذ اصبح مندوب مبيعات للماركات العالمية المشهورة ، الان اصبح يبيع الكراسي لشركات عالمية كبيرة ومشهورة مثل جوجل وفيس بوك ، وجمع ثروته هذه وهو لم يتعدى 22 من العمر .

www.bizchair.com

14- ياتيم شونيسي Tim O’ Shaughnessy - السن 29

الثروة : 45 $ ميلون

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

www.livingsocial.com

15- ايدي فريدريك eddie frederick - السن 29

الثروة : 45 $ مليون

ايضا ايدي شريك ياتيم في موقع livingsocial

www.livingsocial.com

16-ماثيو ميكيفيتش Matthew Mickiewicz - السن 26

الثروة :40 $ مليون

ماثيو يقدم في موقعه sitepoint دروسا في تصميم المواقع وادارتها ، استطاع ماثيو خلال 11 عام من العمل المستمر من ان يجمع 40 مليون دولار من الاعلانات وتصميم المواقع المدفوع بالاضافة الى المحاضرات هنا وهناك .

www.sitepoint.com

17- ريان بلوك Ryan Block - السن 28

الثروة : 30 $ مليون

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

www.gdgt.com

18- كاثرين كوك Catherine Cook - السن 20

الثروة : 30 $ مليون

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

www.myyearbook.com

19- ديفيد كوك david cook - السن 22

الثروة : 30 $ مليون

ديفيد الاخ الاكبر لـ كاثرين والذي شاركها في تأسيس الموقع ، وليصبحوا الاخوين من اصحاب الملايين بعد ان بدأو بقرض يقدر بـ 250 الف دولار .

www.myyearbook.com

20- ريان اليس Ryan Allis - السن 25

الثروة : 28 $ مليون

اسس ريان موقع icontact ليقدم خدمة المراسلة الى قاعدة كبيرة من بيانات البريد الالكتروني والتسويق عبر ذلك عن خدمات وعروض الزبائن .

www.icontact.com

21- اوذان كولن Aodhan Cullen - السن 27

الثروة : 18 $ مليون

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

www.statcounter.com

22- سوزان جريج كوجر Susan Gregg-Koger - السن 22

الثروة : 15$ مليون

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

www.modcloth.com

23- ايريك كوجر Eric Koger - السن 26

الثروة : 15$ مليون

زوج سوزان وهو من صمم لها الموقع ، وهو شريكها في الثروة .

www.modcloth.com

24- ريشي كيكر Rishi Kacker - السن 24

الثروة : 12$ مليون

اسس ريشي موقع voltage مع صديقه مات ليقدم خدمة امن المعلومات عبر الانترنت ، تطور عمل الاثنان وتعاقدوا مع اكبر الشركات البرمجية ، وتطورت شركتهم بوما بعد يوما لتصبح الآن شركة تضم 130 عميلاً من كبرى الشركات العالمية، ويعمل لديها الآن 75 موظفاً .

www.voltage.com

25- مات باوكرMatt Pauker - السن 24

الثروة : 12 $ مليون

مات شريك ريشي في انشاء موقع voltage ، ويمتكلك مثل حصته بالضبط .

www.voltage.com

26- شون الن sean whalin- السن 26

الثروة : 10$ مليون

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

www.alter-g.com

27- يشوع ديزيابياك Joshua Dziabiak - السن 23

الثروة : 9 $ مليون

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

http://www.showclix.com/

28- ارون ليفي aaron levie - السن 23

الثروة : 7 $ مليون

اسس ارون مع احد اصدقائه موقع استضافة ومشاركة الملفات الشهير box.net منذ ان كان عمره 18 عاما اي في عام 2005 م ، استمر الموقع بالتطور وتكون له عدد كبير من المستخدمين ، واستثمرت به بعض الشركات الكبيرة ، يعتمد الموقع في ارباحه على العضويات المميزة المدفوعة .

www.box.net

29- ديلان سميث DYLAN SMITH - العمر 22

الثروة :7$ مليون

الشريك الثاني في موقع box.net ويشغل حاليا منصب المدير المالي للشركة ، ويرى الخبراء بأن خذا الزوج " ارون و ديلان " سوف يقودان BOX.NET الى القمة في السنوات القادمة .

www.box.net

30- ديفيد كارب DAVID KARP - العمر 24

الثروة : 5.5 $ مليون

اسس ديفيد منصة TUMBLR للتدوين المصغر عام 2007 ، يشترك في الموقع حاليا حوالي 4.2 مليون ، ورأس المال الشركة يقدر بـ 5.5 مليون .

www.tumblr.com

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

ولكن قبل ان ننتهي اتمنى منكم اجابتي على بعض الاسئلة .

هل بالامكان نجاح مواقع شبيهة لهذه المواقع او بعض منها باللغة العربية ؟

هل انت مستعد لشراء المنتجات عبر الانترنت ؟

لماذا لم ينجح اي موقع شبيه للفيس بوك في الوطن العربي ؟

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

كل عام وانتم بخير

أخر التطورات والتحسينات على منصة بلوغر مند بداية هذا العام 2012

2012-03-14T08:57:00.000+00:00

كثيرة هي التحسينات والاضافات على منصة بلوجر لهذا العام - ولكن سأعرض لكم في هذه التدوينة ما يهمنا نحن كعرب من تلك التحسينات والاضافات منذ 1-1 -2011 وحتى كتابة هذه التدوينة ، على بركة الله نبدأ :

1- اضافة الكثير من الخطوط لمن يدون باللغة الانجيليزية

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

2- اطلاق تطبيق بلوجر لهواتف اندرويد android

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

التطبيق متوفر في متجر اندرويد مجانا
Android Market

3- اضافة " اتبعني عبر البريد" تلقائيا

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

4- اضافة 5 قوالب دينامية لبلوجر

تم اضافة 5 قوالب جميلة وبخصائص AJAX, HTML5 and CSS3
وهذا عرض توضيحي من بلوجر

لمعاينة هذه القوالب http://al-oma.blogspot.com/view

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

هذا ما لدى بلوجر حتى هذه اللحظة - والقادم افضل واجمل من بلوجر
تمنياتي لكم تدوين افضل ونجاح اكبر

اٍضافة زر +1 من جوجل لمدوناتك بلوجر

2012-03-13T08:46:00.000+00:00

اطلقت جوجل قبل حوالي شهرين زر +1 في صفحة محرك البحث الرئيسية - تقوم مهمة هذا الزر على اعطاء تقييم المستخدم المسجل في جوجل لكل ما يراه من صفحات ومواقع مفيدة اي بالضغط على هذا الزر ليعطيه تقييما واحدا - وعند ذلك يصبح هذا الموقع او هذه الصفحة اكثر تفضيلا وقربا لمحرك البحث جوجل ولكن ستكون اكثر قربا فقط لمن هم اصدقائك في حسابك على جوجل - يعني باختصار الزر اكثر ما يكون قريبا من زر اعجبني على فيسبوك - لنتابع طريقة اضافته لمدوناتنا :

الروابط التي قمت بضغط زر التفضيل بها

فيديو توضيحي من جوجل

طريقة الاضافة

1- من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب – وبعد اكتمال التنزيل اضغط على توسيع فوالب عناصرواجهة المستخدم-

2- ابحث عن </head>

3- انسخ الكود التالي والصقه بعدها او تحتها مباشرة

<script type="text/javascript" src="http://apis.google.com/js/plusone.js">
{lang: 'ar'}
</script>

4- الان قم بالبحث عن

قد تجد اكثر من واحدة فالاخيرة هي المقصودة) <data:post.body/>

او

<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- احفظ القالب ومبرووك عليك الاضافة

قالب temper الاحترافي معرب لمدونات بلوجر

2012-03-12T08:42:00.000+00:00

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

مميزات القالب :

- يدعم اعلانات ادسنس
- القالب بعمودين وثلاثة اعمدة في الفوتر
- يدعم كافة الاضافات
- صديق لمحركات البحث
- العنوان صورة قريبة للسواد وكتابة بخط tahoma ابيض
- سريع في التحميل ( 114 kb )
- عرض 950
- متوافق مع جميع المتصفحات

اضافات القالب :

- اضافة عرض المواضيع المختارة بطريقة عرض الشرائح اعلى التدوينات (اختياري)

- التعليقات بشكل جميل

- اضافة هاك اقرأ المزيد

- اضافة اطار للصور

- اضافة فتح الروابط الخارجية في اطار جديد

- يحتوي القالب على صندوق احترافي للبحث

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

للمشاهدة

للتحميل

طريقة نشر مواضيع بلوجر تلقائيا على تويتر و فيس بوك

2012-03-11T00:55:00.000+00:00

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

هناك طرق متعددة للنشر التلقائي منها ما يتكلم عن النشر على تويتر باستخدام موقع Feed Burner ، ومنها ما يتكلم عن النشر على الفيس بوك باستخدام تطبيق RSS Gravity. أما اليوم سوف أحدثكم عن موقعين يوفران خدمة نشر مواضيع المدونة على تويتر وفيس بوك وغيرها من الشبكات الاجتماعية اﻷخرى :

موقع TwitterFeed : موقع رائع ومفيد جدا في نشر مواضيع المدونة أو الموقع تلقائيا على تويتر وفيسبوك ، وصل عدد مستخدمي الموقع إلى أكثر من 3,300,000 مستخدم ، قم بإنشاء حساب لك على الموقع ثم قم بإضافة رابط خلاصات المدونة الخاصة بك ثم إضافة اﻷماكن المراد النشر عليها مثل تويتر وفيس بوك ثم بعد ذلك يمكنك مشاهدة الاحصائيات بروابط التغذية والمواضيع التي قمت بنشرها عبر الموقع.
موقع Ping.Fm : موقع يقدم خدمة سهلة ومجانية لنشر تحديثاتك على كافة الشبكات الإجتماعية بضغطة زر واحدة ، شعار الموقع "يمكنك أن تنشر من أي مكان إلى أي مكان" ، التسجيل في الموقع سهل للغاية ، نقوم بعدها بإضافة رابط خلاصات المدونة الخاصة بك ، ثم إضافة اﻷماكن المراد النشر عليها مثل تويتر وفيس بوك وفليكر ولينكد ان وغيرها الكثير الكثير.

طريقة صنع قالب لمدونة بلوغر مجانا "الشرح بالصور"

2012-03-10T00:48:00.000+00:00

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

إخواني الكثير منا لديه مدونة ومعظم المبتدئين يعتمدون على المدونات لولوج عالم الربح من الأنترنت

طبعا لسهولة التعامل معها من جهة و لسرعة أرشفتها من جهة أخرى

ولكن البعض منا لا يجد التصميم الذي يناسبه

اليوم وبينما كنت أتجول في النت

وجدت موقعها يتيح لك تصميم قالب ( ولو هو بسيط ) مجانا

في الحقيقة وبالتدقيق الموقع يعطيك إمكانية اختيار الألوان فقط وعدد الأعمدة

وهذا طبعا أحسن من لا شيء

سوف أشرح لكم الآن الموقع خطوة خطوة وبالصور

باسم الله ندخل إلى الموقع من هنا

http://www.wannabegirl.org/firdamatic/

الموقع يقدم لكم الاختيار بين تصميم قالب ب2 أعمدة أو 3 أعمدة كما هو مبين في الصورتين

قالب بعمودين

قالب ب 3 أعمدة

بعد الاختيار طبعا نبدأ بملأ البيانات

وكل شيء موجود بالصور لا داعي للكلام

فقط اٍملئ كل خانة بما يناسبها

الآن بعد اٍنتهينا

إضغط على Generate

سوف تنتقل مباشرة إلى صفحة فيها التصميم الذي عملته

الآن سوف أريك الطريقة التي تجلب بها الكود Xml الذي سوف تضعه في المودنة

في الصفحة التي يعرض فيها تصميمك إضغط على الزر الموضح بالصورة التالية

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

أخيرا أتمنى أن يكون الموضوع المتعوب عليه أن يعجبكم

والذي أردت أن أفيد به ولو قليلا إخواني العرب

ملحوظة : يمكنك نقل الموضوع وذكر المصدر

"وشكرا"

اٍضافة زر اعجبني "like" للفايس بوك الى بلوغر (أزرار متعددة)

2012-03-09T00:24:00.000+00:00

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

لاضافة زر الاعجاب تابع الخطوات .

الخطوة الاولى

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

الخطوة الثانية

ابحث عن :

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

واضف الكود بعدها

واذا لم تجدها ابحث عن :(قد تجد اثنتين فالثانية المقصودة)

<data:post.body/>

واضف الكود التالي بعدها ليظهر في اخر التدوينة ، او قبلها ليظهر اول التدوينة

اما كود الاضافة فانسخه من هنا " تذكر" اذا كان الزر مضاف فعلا الى مدونتك فعليك تخصيصه فقط "

<b:if cond='data:blog.pageType == "item"'>
<iframe allowTransparency='true' expr:src='"http://www.facebook.com/plugins/like.php?href=" + data:post.url + "&layout=button_count&show_faces=false&width=100&action=like&font=tahoma&colorscheme=light"' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/>
</b:if>

تخصيص الزر بما يناسبك

1- احذف ما تم تعليمه بالبرتقالي اذا كنت تريد ان يظهر الزر في جسم التدوينة وفي الصفحة الرئيسية لمدونتك

2- اختر الزر الذي تريده واستبدل اسمه بـ button_count :

standard

button_count

box_count

false : عرض وجه المعجب فقط في الزر الاول ولعرضه استبدلها بـ true
tahoma : نوع الخط وتستطيع تغييره بخطوط اخرى مثل arial
light : يعني خفيف ، ويمكن تغييرها الى معتم dark
450px : العرض الذي ستأخذه الاضافة ويمكن تغييره حسب قالب مدونتك
like : وتعني اعجبني ويمكنك تغييرها بـ recommend

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

وبالتوفيق دوما ادعو لي ولكم

اٍظافة خاصية " عن المؤلف " في كل تدوينة - about author

2012-03-08T00:09:00.000+00:00

السلام عليكم ،

اعتقد بأنك قد شاهدت مدونات منصة wordpress ، وكيف تكون كل تدوينة متبوعة بصندوق يظهر بعض المعلومات التي يكتبها المؤلف عن نفسه مع صورة له ، والكثير منا تمنى ان يحصل على هذه الاضافة في مدونات blogspot ، في هذه التدوينة سأبين بأذن الله طريقة اضافة هذا الصندوق الجميل في مدونات بلوجر

- طريقة تركيب الاضافة -

الخطوة الاولى

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

الخطوة الثانية

1 - ابحث عن :

]]></b:skin>

2- واستبدلها بـ هذا الكود :كود رقم 1

/***** Author Box ********************/

.author-box {
background: #F7F7F7;
margin: 20px 0 40px 0;
padding: 10px;
border: 1px solid #E6E6E6;
overflow: auto;
}

.author-box p {
margin: 0;
padding: 0;
}

.author-box img {
background: #FFFFFF;
float: right;
margin: 0 0 10px 10px;padding: 4px;
border: 1px solid #E6E6E6;
}

]]></b:skin>

3- ثم ابحث عن :

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

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

<b:if cond='data:blog.pageType == "item"'>
<div class='author-box'>
<p><img alt='' class='avatar avatar-70 photo' height='70' src='http://2.bp.blogspot.com/_0JSsw4H6sns/TDBi2u-pkzI/AAAAAAAADbU/HpGA8el0h_U/S220/adi+arar.png' width='70'/><b>اكب هنا العنوان</b><br/>
اكتب عنك ما تريد داخل الصندوق<br/></p>
</div>
</b:if>

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

بعد او قبل : <div class='post-footer'>

لتظهر في اول التدوينة اضف الكود قبل : <data:post.body/>

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

__________________________________________________________________

الخطوة الثالثة

طريقة تخصيص الاضافة

في الكود رقم 1 :

القسم الاول الكتابة والحدود في الصندوق :

.author-box {

background: #F7F7F7; لون الخلفية الرئيسية للصندوق

margin: 20px 0 40px 0; الابعاد عن الهوامش

padding: 10px; بعد الكتابة عن الحد

border: 1px solid #E6E6E6; لون الحد وسمكه

overflow: auto;

}

القسم الثاني - الصورة داخل الصندوق :
.author-box img {
background: #FFFFFF; : لون الخلفية قبل اظهار الصورة

right - left مكان الصورة float: right;

margin: 0 0 10px 10px; الابعاد عن الهوامش

padding: 4px; عرض اطار الصورة

border: 1px solid #E6E6E6; سمك خط اطار الصورة ولونه
}

في الكود رقم 2 :

height='70 ارتفاع الصورة
width='70 عرض الصورة

وهذا هو رابط صورة المدون غيره برابط صورتك ، على ان تكون الصيغة png

http://2.bp.blogspot.com/_0JSsw4H6sns/TDBi2u-pkzI/AAAAAAAADbU/HpGA8el0h_U/S220/adi+arar.png

اتمنى ان يكون الشرح وافي ومتكامل ، وبالتوفيق دوما ادعو لي ولكم .

قالب الفيديو العربي 2012 لمحبي تدوينات الأفلام

2012-03-07T00:02:00.000+00:00

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

مميزات القالب :

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

4 - فوق منطقة الهيدر ناف بار احترافي بتقني ال css المتميزه. لعرض روابط المدونه الهامه .
5 -تحت منقة الهيدر مباشر قائمة للتسميات والاقسام الموجوده في المدونه بشكل انيق بتقني ال css وتحتوي على اقسام منسدله ايضا .
6 - شريط لاخر اخبار المدونه يعرض اخر الموضوعات التي تم نشرها .
7 - سلايد شو احترافي يعرض 5 موضوعات . تستطيع تخصيصه لعرض الموضوعات الحصريه في مدونتك .
8 - يوجد اثنين من الاقسام علي يمين ويسار السلايد شو يتم عرض الموضوعات فيهم حسب القسم الذي تختاره.
9 - القسم الايسر اسفله مباشرة القائمه الجانبية والتي تستطيع وضع اضافاتك التي ترغب فيها .
10 - اضافة اخر تعليقات الاعضاء بشكل انيق .
11 - منطقة عرض مواضيع المدونه في غاية الروعه حيث يتم عرض ثلاث موضوعات افقيا يليهم باقي الموضوعات .
12 - اضاف ترقيم الصفحات بشكل منسق وانيق ... اضافة تسلسل التدوينات ستجده اعلى عنوان الموضوع في الداخل .

معاينة تحميل

طريق تخصيص القالب :
1 - لعرض الموضوعات في السلايد شو قم بالبحث داخل القالب بعد تركيبه عن كلمة video واستبدلها باسم اي قسم ترغب في عرض موضوعاته مع مراعاة ان تحتوى الموضوعات على صور لها .
2 - لعرض الموضوعات داخل الاقسام قم بفتح اداه من نوع جافا سكربت وضع بها الكود الموجود في الاسفل

<script type='text/javascript'>var numposts = 5;var showpostthumbnails = true;var displaymore = false;var displayseparator = false;var showcommentnum = false;var showpostdate = false;var showpostsummary = false;var numchars = 100;</script>

<script type="text/javascript" src="/feeds/posts/default/-/video?orderby=updated&alt=json-in-script&callback=labelthumbs"></script>

مع استبدال كلمة video داخل الكود باسم اي قسم ترغب في عرض موضوعات منه .
ملحوظة : كرر تلك الطريقة ثلاث مرات مع الثلاث اقسام السابق ذكرهم .
3 - لعرض اخر الفيديوهات كما في المثال تحت الهيدر قم بالبحث عن الرابط التالي http://tqarob1.blogspot.com/ واستبدله برابط مدونتك .
4 - للتعديل على الروابط في الناف بار الموجود اعلى الهيدر قم بنسخ عنوان كل رابط من المثال الحي الذي وضعته في اول الموضوع وابحث عن الرابط في قالب مدونتك واستبدله باي رابط ترغب فيه مع تغيير الاسم الدال علي الرابط وتجده بجانبه مباشرة.
5 - للتعديل علي قائم التسميات تحت الهيدر قم بالبحث عن كلمة معلومات ستجد نفسك في قلب المنطقة المراد التعديل عليها , قم بتغيير الكلمات المعربه كما هو موضح وكما ترغب . ولتغيير الرابط استبدل الرمز # الموجود بهذا الشكل href='#'> ..
6 - لاضافة اعلان في المنطق اليسرى من الهيدر قم بفتح اداة الجافا سكربت الموجوده هناك او انشئ جديده وضع بها الكود التالي :

<div class='widget-content'>
<a href="http://tqarob.com/"><img src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjguFOJzsMAKg-cQJ9imBI-9yHDJ6GFPLr0CLL-UzcBcP0Q3BJNVPo2CxBooiSD2ceKVUL2moKhxiW6hodnyjj4HC16UxrKs1h4VRluZx6EgfR1SFH1OJq-NclUFeRCCJNsO8X7LPc9oaw/s1600/banner.png" alt="اعلن معنا" /></a>
</div>

او تستطيع وضع اعلان جوجل ادسنس بالقياسات التاليه 468x60 بعد تحويل الكود من خلال الاداه الموجوده في هذا الرابط محول الاكواد
7 - لاضافة اخر تعليقات الاعضاء بصور المعلقين قم بفتح اداة جافا سكربت وضع فيها الكود التالي :

<style type="text/css">
    ul.w2b_recent_comments{list-style:none;margin:0;padding:0;}
    .w2b_recent_comments li{background:none !important;margin:0 0 6px !important;padding:0 0 6px 0 !important;display:block;clear:both;overflow:hidden;list-style:none;}
    .w2b_recent_comments li .avatarImage{padding:3px;background:#fefefe;-webkit-box-shadow:0 1px 1px #ccc;-moz-box-shadow:0 1px 1px #ccc;box-shadow:0 1px 1px #ccc;float:left;margin:0 6px 0 0;position:relative;overflow:hidden;}
    .avatarRound{-webkit-border-radius:100px;-moz-border-radius:100px;border-radius:100px;}
    .w2b_recent_comments li img{padding:0px;position:relative;overflow:hidden;display:block;}
    .w2b_recent_comments li span{margin-top:4px;color: #666;display: block;font-size: 12px;font-style: normal;line-height: 1.4;}
</style>
<script type="text/javascript">
//<![CDATA[
    // Recent Comments Settings
    var
    numComments     = 3,
    showAvatar     = true,
    avatarSize     = 35,
    roundAvatar    = false,
    characters     = 40,
    showMorelink    = false,
    moreLinktext    = "إقرأ المذيـــد »",
    defaultAvatar     = "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgeo9ZypnG_lSAjH46jg0p1FEN-4yXZb0n1XkpIKgHkg5Lxg0S78uhlVBRlSKPdk2q61p58OxPb_mBRbY19B9tsBIScB1VHFAeI2Ya7Hr_VMZaW7yrTQjNLwRk8SkUaZ-OwCJQX9WRENFg/s1600/gest.png",
    hideCredits    = true;
//]]>
</script>
<script type="text/javascript" src="http://tqarob-1.googlecode.com/files/w2b-recent-comments-w-gravatar.js"></script>
<script type="text/javascript" src="http://al-oma.blogspot.com/feeds/comments/default?alt=json&callback=w2b_recent_comments&max-results=3"></script>

قبل حفظ الاداه قم باستبدال الرابط الازرق داخل الكود برابط مدونتك .
8 - حتى يعمل محرك البحث الموجود في الناف بار بشكل سليم ابحث عن tqarob1.com واستبدلها برابط مدونتك .
9 - الجزء الخاص بتهيئة القالب ليعمل بكفاءة مع محركات البحث فيما يعرف بالميتا تاج شرحه بداخل القالب تحت منطقة <head>
10 - لمشاهدة طريق التعليق الاحترافيه داخل المواضيع قم بمشاهدة هذا الموضوع هنا
لتفعيل اضاف الرد علي التعليقات قم بالبحث داخل القالب عن الارقام التاليه 4309717559360501414 واستبدلها برقم الاي دي الخاص بمدونتك .. تستطيع الحصول عليه بنسخ الارقام الموجوده بعد تلك الكلمه blogID وذلك اثناء وجودك في صفحة تحرير HTML ... انتهي الشرح واي استفسار يرجا وضع تعليق بالاسفل . بالنسبه لحقوق التعريب لن اقول مثل غيري لن اسامح من يغيرها بالعكس من اراد ذلك اهلا ومرحبا وساكون شاكرا له لانه سيوفر علىً عناء التعريب في المرات القادمه وستكون المره الاخيره ان شاء الله . قولو امين . بالتوفيق للجميع .

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

2012-03-06T23:33:00.000+00:00

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

وبالتالي انهار الحلم في ان امتلك قالبا واحدا متعدد الاشكال . الي ان وجدت الملف الذي كنت ابحث عنه في مدونة الاخ جاسر مدونة البلوقر وقد تفضل مشكورا من فتره طويله الحديث عن تلك الاضافه وكيفية تركيبها كما قام بعمل قالب ثلاثي الالوان وهو متاح للتحميل من مدونته لمن اراد .. شرح الاخ جاسر اراه مبسط جدا ومع ذلك لم اجد في التعليقات الكثيره علي التدوينه التي طرحها تعليقا واحدا يدل على تطبيق الطريقه بنجاح رغم سعيه مرارا لمساعدة المتعثرين في التطبيق .. مبدئيا شرحي لن يكون فيه اضافة شئ جديد علي شرحه وبنفس الوقت لن يكون مجرد نقل حرفي لما قام بطرحه مشكورا . لكني في السطور القادمه ساوضح بطريقتي الخاصه كيفية انجاز هذا العمل في وقت قصير لا يتعدى دقائق .. الاضافة الوحيده التي ساضيفها هي توفير اثنين من الاشكال للجزء الخاص بايقونات التنقل احدهم من تصميمي الشخصي والاخر تم استخراجه من القالب ثلاثي الاشكال الذي تحدثت عنه سلفا.
مستلزمات الاضافه :
1 -استضافه للملفات التي سنقوم برفعها وهي ملفات ال css.
وبالتاكيد كل شخص منا لديه حساب في جوجل سيكون لديه تلك الاستضافه , الا وهي استضافة جوجل كود google code
ستحتاجها بالطبع لرفع الملفات عليها وفي هذا الرابط شرح لطريق رفع الملفات التي ساتحدث عنها على جوجل كود من هنا
قد تكون الطريقه الموجوده في الرابط السابق لرفع الملفات صعبه بعض الشئ على المبتدئين .. يمكنهم تخطي تلك الخطوه وساقوم انا بعملها بالنيابه عنهم عن طريق ارسال الملفات التي ساتحدث عنها لاحقا الي بريدي وكذلك الرقم السري لللحساب على جوجل وانا ساقوم برفع الملفات بالنيابه عنه . على حسابه الشخصي .
2 - يلزمك مجموعه من اكواد الالوان والتي سيكون لك مطلق الحريه في التفنن واختيار الالوان المناسبه والتي تراها ستعجب زوراك
يمكنك زيارة هذا الرابط ستجد فيه جميع الدرجات اللونيه التي تساعدك في تصميم قالبك من هنا.
اعلم ان اطلت الحديث لذلك سادخل في التطبيق الفوري للاضافه علي مدونتك .
قم بتسجيل الدخول الي لوحة تحكم مدونتك ثم انتقل الي تصميم الصفحه ثم الي تحرير HTML
ما يهمنا في قالب المدونه بتلك المرحله من الشرح هي مجموعه الاكواد الواقعه ماين هذا الوسم <b:skin> وهذا الوسم ]]></b:skin>
الاكواد الموجوده بين هذين الوسمين يطلق عليهم اكواد ال CSS وهي الاكواد المسؤوله عن الوان القالب وعن كل شئ يخص تصميم القالب ويمكنك من خلال التعديل عليهم ان تجعل قالبك مغايرا مئه في المئه لما كان عليه في السابق .
في هذه الاكواد مايهمنا هو شيئين اثنين لا ثالث لهما . الاول هي روابط الصور الموجوده في تلك الاكواد علي سبيل المثال رابط شعار المدونه مثلا قد يكون فيها او رابط صوره خلفي القالب او روابط صور معلومات الموضوع مثل الموجوده في مدونتي صورة توقيت نشر التدوينه وصورة القسم وصورة عداد التعليقات . باختصار ابحث عن كل روابط الصور الموجوده في تلك الاكواد وقم بحفظها في مجلد علي سطح المكتب . هذا ان كنت تريد تغييرا كليا وملحوظا وفرقا واضحا بين القوالب التي ستقوم بصنعها بيديك الان .
ثاني شئ يهمنا في تلك الاكواد هي المتغيرات المسؤوله عن تغيير اللون والتي غالبا ما تاخذ هذا الشكل علي سبيل المثال
#ddd لانجاز تلك الخطوه بسهوله والوصول السريع لكل اكواد الالوان الموجوده في قال مدونتك ابحث في القالب عن background: او عن color: وقم بتغيير القيمه اللونيه التي تلييهم والتي تاتي بهذا الشكل علي سبيل المثال #ddd
مثال توضيحي للمبتدئين : نفترض لون خلفية المدونه رصاصي فاتح كما هو الحال في مدونتي لذلك الكود الخاص بلون تلك الخلفيه موجود عندي بهذا الشكل background:#ddd; وان اردت انا تغيير اللون الي لون اخر فما علي الا بتغيير هذا #ddd باي درجه احصل عليها من رابط اكواد الالوان الذي قمت بوضعه في بداية الشرح .
اظن الان الامر واضح واتضح للمبتدئين كيفية تغيير الوان وصور القالب منتهى السهوله .
سنفترض الان انك تريد قالبك بثلاث اشكال . الامر بسيط جدا وسادلك علي نفس الطريقه التي اتبعتها . قم بفتح صفحة تحرير HTML
من لوحة تحكم مدونتك مثل ما قلنا وقم بالبحث عن كل اكواد الالوان الواقعه بين الوسمين السابق ذكرهم وقم بتغييرهم باكواد الوان اخرى ترغب فيها بنفس الطريقه المبسطه التي تحدثت عنها وكذلك قم تغيير روابط جميع الصور الموجوده بين الوسمين بصور اخرى من اختيارك مع مراعاة ان تكون قياسات الصور الجديده طولا وعرضا نفس قياسات الصور الموجوده في قالب مدونتك .
بعد الانتهاء من التغيير تستطيع معاينة القالب وشاهد هل النتيجه مرضيه ام تحتاج بعض الصبر للوصول لالوان يرتاح لها الزائر .
بعد الانتهاء لا تقم بحفظ القالب بل قم بنسخ الكود الواقع ين الوسمين السابق ذكرهما بالكامل قم بتحميل هذا الملف من هنا
والصق بداخله الكود الذي نسخته ..
قم مجددا بتكرار نفس الطريقه وقم بتغيير الالوان وروابط الصور لاشكال والوان مختلفه عن المره الاولي ثم انسخ الكود بين الوسمين بالكامل والصقه في ملف اخر مثل الذي قمت بتحميله .( وذلك بنسخ الملف الذي حملته ثم تعيد تسميته الي اي اسم اخر وليكن style 2 ).
في النهايه سيكون لدينا 2 من ملفات css وهما style1.css و style2.css .. تلك الملفات بمثابة اثنين من القوالب يتم اضافتهم للقالب الافتراضي كى يتنقل بينهم الزائر كيفما شاء وهى قوالب مختلفه عن القالب الافتراضي لقالب مدونتك .
.. الان ناتي لطريقة تركيب الاضافه في قالب مدونتك .وذلك بالبحث داخل القالب عن </head> وضع قبلها مباشرة الكود التالي

<link href='رابط الملف الاول' media='screen' rel='alternate stylesheet' title='styles2' type='text/css'/>
<link href='رابط الملف الثاني' media='screen' rel='alternate stylesheet' title='styles3' type='text/css'/>
<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.6.1/jquery.min.js' type='text/javascript'/>
<script src='http://my-tqarob.googlecode.com/svn/trunk/styleswitch.js' type='text/javascript'/>

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

<div>
<style>

body#layout #selector-icons {display:none;}

#selector-icons div {
     border-bottom: 1px dotted #D3CBCB;
    color: gray;
    float: right;
    font-family: tahoma;
    font-size: 10pt;
    margin-left: 8px;
    padding-top: 5px;
    text-shadow: 0 3px 10px black;}

#selector-icons {
    position: relative;
float:right;
margin-right: 5px;
margin-top: 2px;
   -moz-border-radius: 5px 5px 5px 5px;
    -webkit-border-radius: 5px 5px 5px 5px;
     border-radius: 5px 5px 5px 5px;
    -moz-box-shadow: 0 0 20px #3B5998 inset;
    -webkit-box-shadow: 0 0 20px #3B5998 inset;
    box-shadow: 0 0 0px #3B5998 inset;
    border: 0px solid #3B5998;
    border-radius: 5px 5px 5px 5px;
    clear: both;
    display: block;
    overflow: hidden;
    padding: 5px;
    width: 160px;
height: 25px;   }
#selector-icons img {border:none; margin:1px;}
#opacity img {opacity:0.5;
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
    -moz-opacity:0.5;
    -webkit-opacity:0.5;}
   #opacity:hover img { opacity:1.0;
   filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
   -moz-opacity:1.0;
   -webkit-opacity:1;}
</style>
<div id='selector-icons'>
<a class='styleswitch' href='serversideswitch.html?style=style1' id='opacity' rel='styles1' title='تقنيه'>
<img height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjdoDOb4zVPfOBvRdCyQfmqwcbW2xukZJRSb1Q9Q-3Yret0A7azJT2oD5eVYEmoO02CPWxnSw-FihwVQtT4gwpqydkTksuZJiat8NkEGvqYE4yWSoueaCmSUIdtUeEFIF6RNgFpegMEdSI/s1600/sblue.png' width='25'/></a>
<a class='styleswitch' href='serversideswitch.html?style=style2' id='opacity' rel='styles2' title='بساطه'>
<img height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhWP3Uy3C4MObcG8U4Fc3Uus4lCW8qbI5tpqkm8iuFRgPnn_XW9ZshEV2Z6_H1TpPC-RHhT4oQc6IKLsTctV9PdUUTi6DwfRTMnH6e3nt-6HLaidmCq1TO6-Ym4h8lNjBwaQjNPvPS2b9E/s1600/sgray.png' width='25'/></a>
<a class='styleswitch' href='serversideswitch.html?style=style3' id='opacity' rel='styles3' title='فرح'>
<img height='25' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjsJb09hUzRRDK0V6y4CUdcg4EzFRBXCNRA0wvNOfVEuY6yq0ipC_QitYZKTNtqXXH0xDrcQbj3z9WrswwemuNjEPlADIbd4N4IMLhSzfmgq7_5GTpRWk3NvJt9krKezFpyJGMbcb3SDcc/s1600/spruple.png' width='25'/></a>
<div/>
</div>
</div>

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

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

<!-- أزرة اختيار القالب -->
<div>
<style>

body#layout #selector-icons {display:none;}

#selector-icons div {
border-bottom: 1px dotted #D3CBCB;
color: gray;
float: right;
font-family: tahoma;
font-size: 11pt;
margin-left: 8px;
padding-top: 12px;
text-shadow: 0 3px 10px black;}

#selector-icons {
position: relative;
float:left;
margin-left: 35px;
margin-top: 20px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-moz-box-shadow:  0 0 20px #D3CBCB inset;
-webkit-box-shadow: 0 0 20px #D3CBCB inset;
box-shadow: 0 0 20px #D3CBCB inset;
border: 1px solid silver;
border-radius: 5px 5px 5px 5px;
clear: both;
display: block;
overflow: hidden;
padding: 5px;
width: 200px;    }
#selector-icons img {border:none; margin:1px;}
#opacity  img {opacity:0.5;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=50);
-moz-opacity:0.5;
-webkit-opacity:0.5;}
#opacity:hover img { opacity:1.0;
filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
-moz-opacity:1.0;
-webkit-opacity:1;}
</style>
<div id='selector-icons'>
<a class='styleswitch' href='serversideSwitch.html?style=style1' id='opacity' rel='style1' title='القالب الأزرق الافتراضي'>
<img height='40' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikMuu4f9L-s67G0QPYEQUdkYPmi70dc0upn4kkIga0RDQ9Uhc76OIw7tXOGQoXpIN1fsA-5xFMsNmCztEdnoQaCgLDOxocoPS8gkbvSkuwpMf8UQiuMDnrc5wsS4mcJFuyCwDwgHUn0Kvc/s75/sBlue.png' width='40'/></a>
<a class='styleswitch' href='serversideSwitch.html?style=style2' id='opacity' rel='purple' title='القالب الارجواني'>
<img height='40' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgEORPMWbEVTE7s7MxZ_lDwupLCAwKJNVrz4ozD7j4oWYbT2TyatKicmx9ch-u2MBMyfvUbDDKuObRE8IkZwrCDsO_uLPjnZ0Z7CsbvAvmdEJjPBuc7rcpwHCJX-AETLSkrUYlt2qSOqXwQ/s75/sPurple.gif' width='40'/></a>
<a class='styleswitch' href='serversideSwitch.html?style=style3' id='opacity' rel='green' title='القالب الاخضر'>
<img height='40' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEirwslGgn2g2befWbhfVpl_M9DSSrIpIgMYraRbCPywI4sld4PvzXuJXwIRNnunczR26BnzWu9VYd7isghu0VeLMN8tCPPXWRwR21exYz06xiQ1rc_YYksyUdP0fZdCHmyyw9hFyS3rCKt2/s75/sGreen.gif' width='40'/></a>
<div>اختر قالبا&#1611;</div>
</div>
</div>

<!-- نهاية أزرة اختيار القالب -->

ثم قم بحفظ الاداه وضعها في العامود الجانبي لقالب مدونتك ..
انتهى الشرح حمد الله وتوفيقه ولمزيد من التفاصيل يمكنكم زيارة الرابط التالي مدونة البلوقر فالشكر موصول لها فهي اول مدونه عربيه تحدثت عن تلك الاضافه والشكر لصاحب الاضافه والمطور لها وموقعه على الرابط التاليwww.kelvinluck.com

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

كسب المال من الانترنت عن طريق الٍاعلان - Make Money online - advertising

2012-03-05T22:56:00.000+00:00

ان الطريقة الاكثر وضوحا لكسب المال من المدونات هي من خلال عرض الاعلانات على صفحات مدونتك، فهناك طائفة واسعة من الخيارات الاعلانية المتاحة اماك، بدا من الاعلانات النصية (text ads) و اعلانات الوسائط المتعددة (banners) مرورا بالشبكات الاعلانية (ad networks) والاعلانات الخاصة (private sales) وصولا الى اعلانات الفيديو و الاعلانات الصوتية، وهي جميعا خدمات اعلانية مشهورة ومتاحة للجميع. ولكن من قبل ان تتمادى في التفاؤل، يجب عليك ان تعلم ان كسب المال من الاعلانات ليس سهلا.

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

والعقبة الاولى التي يمكن ان تواجهك وتحتاج الى التغلب عليها هي احتياجك الى حركة مرور كبيرة (Traffic) على صفحات مدونتك الاليكترونية. فالدعاية تعمل بشكل جيد مع المدونات المشهورة والتي تتمتع بحركة مرور كبيرة. دعنا نقول ان هناك معلن على استعداد لدفع مبلغ 2$ لكل الف مره يظهر فيها اعلانه (تذكر ان سعر الظهور يختلف عن سعر النقر) وبإجراء معادلة بسيطة يتضح انك بحاجة الى 5000000 مره ظهور للإعلان في الشهر لكسب مبلغ 1000$ لتلك المساحة الاعلانية.

والعقبة الثانية التي يمكن ان تواجهك وتحتاج الى التغلب عليها هي ان تكون تمتلك مدونة متخصصة في موضوع مطلوب من قبل المعلنين، فموضوع المدونة (Niche) يمكن ان يحدد هوية القراء والمتابعين وميولهم وتخصصاتهم ومن ثم تكون المدونات جذابة للمعلنين اذا كان جمهورها يمكن ان يهتم بمنتجات المعلنين (زبائن محتملين).

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

تدوينات الأمة

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

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

أين يجب أن أضع إعلانات Google Adsense على صفحاتي؟

طريقة وضع إعلانين جوجل أدسنس تحت التدوينة وتحت العنوان

سياسة الخصوصية للمواقع العربية والإنجليزية (Privacy Policy)

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

اعرف سعر مدونتك أو أي موقع أو منتدى على النت !

اٍضافة صندوق تعليقات فيس بوك في مدونات بلوجر

الخطوة الاولى

الخطوة الثانية

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

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

اكشف عن موقعك أو مدونتك أو منتداك -- هل مخالف لأدسنس أم لا ؟

اٍضافة أدات صندوق التعليقات DisQus على بلوغر

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

عن المسابقة

التصنيفات:

القوانين

المراحل:

التعليق

التصويت

جوائز المسابقة

قالب " pro press " الاحترافي والمطور

قائمة لأغنى 30 رجل أعمال شباب عن طريق الأنترنت

أخر التطورات والتحسينات على منصة بلوغر مند بداية هذا العام 2012

اٍضافة زر +1 من جوجل لمدوناتك بلوجر

طريقة الاضافة

تخصيص الاضافة

قالب temper الاحترافي معرب لمدونات بلوجر

طريقة نشر مواضيع بلوجر تلقائيا على تويتر و فيس بوك

طريقة صنع قالب لمدونة بلوغر مجانا "الشرح بالصور"

اٍضافة زر اعجبني "like" للفايس بوك الى بلوغر (أزرار متعددة)

الخطوة الاولى

الخطوة الثانية

اٍظافة خاصية " عن المؤلف " في كل تدوينة - about author

الخطوة الاولى

الخطوة الثانية

الخطوة الثالثة

طريقة تخصيص الاضافة

قالب الفيديو العربي 2012 لمحبي تدوينات الأفلام

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

كسب المال من الانترنت عن طريق الٍاعلان - Make Money online - advertising