الكل تطوير الانترنت كيف تنشئ مدونة

هذا الملخّص غير متوفِّر. يُرجى النقر هنا لعرض المشاركة.

Unknown 0 تعليقات

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

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

( Twitter, Facebook, Google plus, Pinterest, StumbleUpon Digg )

مشاهدة الاضافة من هنا

كيفية اضافة الشبكات الاجتماعية لمدونتك ؟؟

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

فقط ثلاث خطوات ثم انتهاء الاضافة..

 اول خطوة: اضافة تقنية JQUERY :

نبحث عن الوسم </head> ثم نضيف قبله مباشرة الكود التالى بعد التأكد انه غير موجود :

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.8.2/jquery.js"></script>




ثانى خطوة : اضافة سكربت الشبكات الاجتماعية :

وده ستايل الشبكات الاجتماعية الموجود داخل التدوينة, نبحث عن الوسم </head> مره

اخرى ثم نضيف قبلة مباشرة اى تحت الكود السابق الكود التالى :

 <b:if cond='data:blog.pageType == &quot;item&quot;'> 
<style type='text/css'>
/*<![CDATA[*/
 #w2bSocialFloat {clear:both;padding: 6px 0;display:block;background:#FFFFFF;}
 #w2bSocialFloat td{padding:4px;margin:0;border:none;}
 #w2bSocialFloat td iframe{max-width:82px;width:82px !important;}
 #w2bSocialFloat.w2bFloatSocial{position: fixed;top:0;z-index:9999999;border-bottom:1px solid #ccc;-webkit-box-shadow:0 1px 1px rgba(0,0,0,0.15);-moz-box-shadow:0 1px 1px rgba(0,0,0,0.15);box-shadow:0 1px 1px rgba(0,0,0,0.15);}
/*]]>*/</style>
<script type="text/javascript">
/*<![CDATA[*/
// Set the Top Offset
$theOffset = 0;

jQuery(document).ready(function(b){var a=b("#w2bSocialFloat");a.wrap('<div id="w2bSocialPlaceholder"></div>').closest("#w2bSocialPlaceholder").height(a.outerHeight());a.width(a.outerWidth());e=a.offset().top-$theOffset;b("#w2bSocialFloat iframe[src*=plusone]").closest("div").css("max-width","82px");b(window).scroll(function(){d=b(this).scrollTop();d>=e?a.addClass("w2bFloatSocial"):a.removeClass("w2bFloatSocial");f=b(".post");if(f.length!=0){c=f.outerHeight()+f.offset().top;d>=c?a.stop().animate({top:"-150px"}):a.stop().animate({top:$theOffset+"px"})}else d>=e?a.css("top",$theOffset+"px"):a.css("top","0")})});
/*]]>*/</script>
<script type="text/javascript" src="http://widgets.way2blogging.org/blogger-widgets/w2b-blogger-pinit.js"></script>
<script type="text/javascript">
/*<![CDATA[*/
 // Twitter
 (function(a,b,c){var d=a.getElementsByTagName(b)[0];if(!a.getElementById(c)){a=a.createElement(b);a.id=c;a.src="//platform.twitter.com/widgets.js";d.parentNode.insertBefore(a,d)}})(document,"script","twitter-wjs");
 // Google + (plus)
 (function(){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://apis.google.com/js/plusone.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();
 // Stumbleupon
 (function(){var a=document.createElement("script");a.type="text/javascript";a.async=true;a.src="https://platform.stumbleupon.com/1/widgets.js";var b=document.getElementsByTagName("script")[0];b.parentNode.insertBefore(a,b)})();
 // Digg
 (function(){var a=document.createElement("SCRIPT"),b=document.getElementsByTagName("SCRIPT")[0];a.type="text/javascript";a.async=true;a.src="http://widgets.digg.com/buttons.js";b.parentNode.insertBefore(a,b)})();
/*]]>*/</script>
</b:if> 

اخر خطوة : اضافة ازرار الشبكات الاجتماعية :

نبحث عن الوسم <data:post.body/> ان وجدنا اكثر من وسم بنفس الاسم فنضعه فى السوم الثانى

او سنجد قبلة <b:if cond='data:blog.pageType == &quot;item&quot;'> 

, ونضيف قبلة مباشرة الكود التالى :

<b:if cond='data:blog.pageType == &quot;item&quot;'>
<div id="w2bSocialFloat" class="w2bSocialFloat">
<table  width="100%" class="w2bSocialFloat">
 <tr>
  <td>
   <a href="https://twitter.com/share" class="twitter-share-button" expr:data-url="data:post.url" expr:data-text="data:post.title">Tweet</a>
  </td>
  <td>
   <iframe expr:src="&quot;//www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;send=false&amp;layout=button_count&amp;width=80&amp;show_faces=false&amp;action=like&amp;colorscheme=light&amp;font&amp;height=21&quot;" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:80px; height:21px;" allowTransparency="true"></iframe>
  </td>
  <td>
   <div expr:id="&quot;w2bPinit-&quot; + data:post.id" style="display: none;visibility: hidden;height: 0;width:0;overflow: hidden;" class="w2bPinitButton"> 
    <data:post.body/>
    <script type="text/javascript">
     w2bPinItButton({ 
      url:"<data:post.url/>", 
      thumb: "<data:post.thumbnailUrl/>", 
      id: "<data:post.id/>", 
      defaultThumb: "https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhFsiQw7O6HDAePBjaKswffAXeXISalADzjrr9BnG8U98uJeiqfEvmpu7V9LRGOfY7KyDBDO2VIacTwNjM6st8LcwgjeVs5KErK_PUe-RAb5h_qLfTk6lfvZYUzgaeILVhyUFho0qpkY5wc/s1600/w2b-no-thumbnail.jpg", 
      pincount: "horizontal" 
     }); 
    </script> 
   </div>
  </td>
  <td>
   <div class="g-plusone" data-size="medium" expr:data-href="data:post.url"></div>
  </td>
  <td>
   <su:badge layout="1" expr:location="data:post.url"></su:badge>
  </td>
  <td>
   <a class="DiggThisButton DiggCompact"></a>
  </td>
 </tr>
</table>
</div>
</b:if>

ثم نضغط على حفظ القالب ومبروك الاضافة الجميلة 

Unknown 0 تعليقات

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

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

كيف يمكنك الاشتراك فى حسابات جوجل :

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

 

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

 

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

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

خدمات جوجل :

اخبار جوجل العربي :

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

جوجل ترجمة :

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

 خرائط جوجل :

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

igoogle :

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

جوجل صور :

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

جوجل بحث الويب :

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

فيديوهات جوجل :

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

اعلانات جوجل ادسنس :

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

جوجل ادوارد :

وده تطبيق عكس جوجل ادسنس تماماً لإن جوجل ادسنس لمن له مدونة ينشر عليها اعلاناتها اما جوجل ادوارد فده تقدر تشتري بالكريدت كارد كوبونات جوجل ادوردز وبيعطيك امكانية الاعلان لدى شبكة جوجل وتقدر تدخل علية من هنا.

مدونات بلوجر :

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

جوجل درايف :

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

رسائل Gmail :

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

جوجل بلس الاجتماعي :

ودى شبكة عنكبوتية تماماً مثل الفيسبوك لسهولة التواصل مع الآخرين وتقدر تدخل من هنا.

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

Unknown 0 تعليقات