أكواد تهمك


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

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

1 - نذهب الي ادارة المدونة ثم نذهب الي التخطيط ومنه نقوم بعمل اضافة جديدة ونختار HTML/JavaScript
2- نضع الكود التالي داخل الصندوق الخاص بالاضافة :

<script type="text/javascript" src="http://s.moopz.com/fanbox_init.js"></script><div id="twitterfanbox">
</div>
<script type="text/javascript">fanbox_init("blogadditions");</script>

ونقوم بتغيير كلمة blogadditions الي اسم حسابك علي تويتر ثم نقوم بعمل حفظ

استمتع الان بصنودق متابعي تويتر علي مدونتك

..............................................................

كود نص يتحرك لأعلى

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


ملاحظة : مراعاة حذف رقم الفقرة من الكود بعد كتابة النص المراد عرضة في مدونتك
رقم الفقرة بالخط ( الاسود )

..................................................................ز

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

لإضافة التقويم لمدونات بلوجر إتبع الخطوات:

  1. الذهاب إلى لوحة التحكم
  2. تخطيط أو تصميم
  3. عناصر الصفحة
  4. أضف أداة
  5. اختار Html/Javascript
  6. ثم انسخ الكود والصقه

select suitable Calender style
......................................................................
في هذا الدرس سنتعلم كيف نضيف عداد الزوار إلى مدونة بلوقر مرحلتين : مرحلة الحصول على هذه الأعلام واختيار صفاتها + مرحلة إضافتها إلى المدونة

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

المرحلة الأولى


أولا : اذهب إلى الموقع التالي:

http://www.flagcounter.com/index.html

ثانيا : أختر مواصفات قائمة الأعلام



ثالثا : أضغط Get your flag counter , والتي تعني احصل على أعلامك .




رابعا : أضغط skip , والتي تعني (تجاوز هذه الخطوة)


خامسا: قم بنسخ الكود الأول فقط ولصقة في مدونتك , وتابع طريقة اللصق .

خامسا: قم بنسخ الكود الأول فقط ولصقة في مدونتك , وتابع طريقة اللصق


المرحلة الثانية

كيف ألصق (الكود) كود عداد الزوار في المدونة؟
أذهب إلى :
تخطيط
إضافة أداة
HTML/JavaScript
ألصق الكود في المحتوى
حفظ


ملاحظة :
بعد ما تثبت الكود في مدونتك , لن تظهر جميع الأعلام التي اخترتها هكذا بل ستظهر تدريجا حسب الزائر .
مثلا : لو اخترت 3 أعلام (السعودية , مصر , الجزائر) سيظهر علم مصر لوحدة لان هناك زائرا من مصر ولكن لا يعني أنك اخترت علم واحد ثم سيظهر علم السعودية والجزائر إذا أتى زوار منهما وهكذا .


 ...................................................................................


لاضافة ايقونات تابعنا عبر



كود الاضافة :
تآبعنا عبر


<style>
 /*  Social Icons Widget Byiconwpic.blogspot.com */
p#hb_socialicons img {
    float:center;
   -moz-transition: all 0.10s ease-in-out;
    -webkit-transition: all 0.10s ease-in-out;
    -o-transition: all 0.10s ease-in-out;
    -ms-transition: all 0.10s ease-in-out;
    transition: all 0.10s ease-in-out;
}

p#hb_socialicons img:hover {
    float:center;
    -moz-transform: rotate(300deg);
    -webkit-transform: rotate(300deg);
    -o-transform: rotate(300deg);
    -ms-transform: rotate(300deg);
    transform: rotate(300deg);
}

/*  Social Icons Widget By iconwpic.blogspot.com */
</style>
<center>
<p id="hb_socialicons">
<a href="ضع رابط صفحتك في الفيس بوك ">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiQSGQf_HvtM5TTooFLAuiV2V2_mFyl2TJTtLTo26prVM8jh6quSadhulS060OtoGwCblA9pjujyhWPXIHezGLkiH4pebLqPxsRvvxtIBcZSgRLv-Cu5ncDYsL1KmFq2OgygA75zvp3EEWb/s1600/facebook.png" /></a>
    <a href="ضع رابط صفحتك في التوتير ">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiw4Y5Z7KBeU6G3s-TySyt7Rp9iJ1pjWPA_3E6zJsdp8kL3frk5obKNCb7k3gjgx-BSWvTU2K4f5AyxbmT2warlEMSrEdnnQZ7qIyx_iZ2WG_Hy5xlwfTVMMYmgAJiSpGiWXCakuGDNRGdr/s1600/twitter.png" /></a>
    <a href="ضع رابط صفحتك في قوقل">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8l1OS-ulmQVYLo-EkZl_82YOreBMAVnUnpwRZNUYvtGLCAMciNAWUBvrjUiptkziKucMDk5lnC9bD2FlcXWHCHIfzd4kCu-xzsd8IwBL13tTjC9rJQHfCeMvQLp5qsBstKVQ7sAM6uGDJ/s1600/googleplus.png" /></a>
    <a href="ضع رابط الخلاصة ">
<img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi8HB_WnEsYmb-ZKRJxQvQJZr0vjHJ3qbc8Js_8Rk7iUg4tBRQ-PMXxQQgkEr9wJu9qRT5vf8jmHD-uAfjt5-I1NwiWydZ1dd5oPJdHN4ioWYby6E0qR_4m8bE2APl91Xi5_WVGvAIa9_2I/s1600/rss.png" /></a>
</p>
</center> 
لإضافة الكود إتبع الخطوات:
  1. الذهاب إلى لوحة التحكم
  2. تخطيط أو تصميم
  3. عناصر الصفحة
  4. أضف أداة
  5. اختار Html/Javascript
  6. ثم انسخ الكود والصقه  
............................................................................... 

السلآم عليكم ورحمه الله وبركاته 
اليوم سأقدم لكم طريقه إضافه الأداه المصغره لتغريدات تويتر لمدونتك
صوره الأداه 
طريقه تكوين الأداه 
سجل دخولك لحسابك فى تويتر من هذا الرابط
ثم قم بتنسيق الأداه كما تريد
  1. اسم المستخدم:ضع أسم المستخدم اللذى تدخل به لحسابك وليس الإيميل
  2. بلا ردود : ازل علامه الصح لتظهر لعدم ظهور الردود
  3. الطول : كما يناسب مدونتك
  4. التصميم : فاتح أو داكن
  5. توسيع الصور تلقائيا:أزل علامه الصح لعدم ظهور الصور 
  6. لون الروابط : كما يناسف تشكيله ألوان موقعك
  7. النطاقات : إسم مدونتك 
  8. ثم حفظ التغييرات
ثم سيظهر لك مربع به كود html

قم بنسخ الكود 
ثم قم بالدخول لمدونتك >> تخطيط >> إضافه أداه >> Html JavaScript

ثم حفظ ومبروك عليك الأداه
..................................................................... 
إضافة خاصية الزوار المتصلين الأن (أونلاين) بأربع أشكال لمدونات بلوجر

السلام عليكم ورحمة الله
أرحب بكم جميعا عشاق التدوين و التطوير و الإبداع
هل تريد معرفة كم زائر متصل على موقعك أو مدونتك؟
هل تبحث دائما على اكتشاف كم عدد الزوار و هل يتطور نسبة الزوار يوميا ؟
إن شاء الله وجدت أفضل الأكواد لإضافة خاصية كم عدد الزوار المتصلين أونلاين على مدونتك أو موقعك
وهي باربع أنواع
خطوات الإضافة
تصميم ثم تخطيط ثم إضافة أداة ثم HtML/JavaScript
الإضافة كما هي مبينة في الصور
ملاحظة لكل صورة لها كود أسفلها خاص بها
الشكل الأول وهو عبارة عن خريطة تحدد أماكن الزائرين


تفضل الكود

<script id="_waupqy">var _wau = _wau || [];
_wau.push(["map", "vg96odnrkmfm", "pqy", "420", "210", "neosat", "default-green"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/map.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>
الشكل الثاني وهو عبارة عن مستطيل صغير يحدد عدد الزائرين
تفضل الكود
<script id="_wauhqh">var _wau = _wau || [];
_wau.push(["colored", "vg96odnrkmfm", "hqh", "0055d6ffe70a"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/colored.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>
الشكل الثالث وهو عبارة عن مستطيل أصغر من الشكل الثاني يحدد عدد الزائرين
تفضل الكود
<script id="_waupqy">var _wau = _wau || []; _wau.push(["small", "vg96odnrkmfm", "pqy"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/small.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>
الشكل الرابع و الأخير وهو عبارة عن مستطيل بنفس حجم الشكل الثاني بس هو يظهر بالجانب الأيسر للصفحة يحدد عدد الزائرين


تفضل الكود
<script id="_waupqy">var _wau = _wau || [];
_wau.push(["tab", "vg96odnrkmfm", "pqy", "left-upper"]);
(function() {var s=document.createElement("script"); s.async=true;
s.src="http://widgets.amung.us/tab.js";
document.getElementsByTagName("head")[0].appendChild(s);
})();</script>

.......................................................... 

اضافة اداة لاظهار عدد التدوينات والتعليقان والقراء اون لاين جميلة جدا

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



كودالإضافة

<script style="text/javascript">
function totalPosts(json) {
document.write('عدد المواضيع : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
function totalComments(json) {
document.write('التعليقات : <b>' + json.feed.openSearch$totalResults.$t + '</b><br>');
}
</script>
<script src="/feeds/posts/default?alt=json-in-script&callback=totalPosts"></script>
<script src="/feeds/comments/default?alt=json-in-script&callback=totalComments"></script>
<p style="margin-top: 0; margin-bottom: 0">
<table border="0" bordercolor="#111111" id="AutoNumber1" cellpadding="0" cellspacing="0" style="border-collapse: collapse" width="100%">
<tr>
<td width="35%">
المتواجدون الآن:</td>
<td width="65%"><p style="margin-top: 0; margin-bottom: 0"><b><script src="http://fastonlineusers.com/on3.php?d=YOURBLOG" type="text/javascript"></script></b></p></td>
</tr>
</table></p>
<script type="text/javascript">
try {
var pageTracker = _gat._getTracker("UA-4679235-4");
pageTracker._trackPageview();
} catch(err) {}</script>
............................................................... 
الاشتراك في: الرسائل (Atom)