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

لزيارة الموقع

اضغط على الصورة في الأعلى لرؤية صورة مكبرة..

بالمناسبة .. لو لم اقل أني أستخدمت ووردبريس .. هل كنت ستلاحظ هذا ؟

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

حسناً دعنا نتعرف أكثر على روبوت المدونات :

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

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

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

لزيارة الموقع

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

كل تمنياتي للموقع و للأخ حسين بالتوفيق

في الإصدارات الجديدة من الإضافة ظهرت مشكلة لأصحاب المدونات المعربة فبمجرد تركيب الإضافة ينعكس إتجاه لوحة التحكم لتكون من اليسار لليمين .. و تتغير بعض الخطوط .. و بالتالي تكون غير مريحة ابداً في الإستخدام …  صورة للوحة التحكم بالمشكلة :

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

1- التعديل على ملفات الاضافة :
بعد تنزيل الإضافة .. قم بتحرير ملف adminmenus.php و أبحث عن  :

6

wp_enqueue_style('thickbox');

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

2- إستخدام إضافة Admin Menu on Right
يمكنك إستخدام إضافة Admin Menu on Right لحل المكشلة .. فقط قم بتحميلها ثم قم برفعها و تفعيلها و ستعود لوحة التحكم من اليمين لليسار .

حسناً .. دعنا نشرح كيفية عرض أخر تويتراتك في موقعك ..

مدونة ووردبريس :
Twitter Tools .. اضافة للوردبريس يمكنك من خلالها عرض اخر تويتراتك في مدونتك بكل سهولة كما انها توفر العديد من الخيارات الأخرى مثل إضافة تويتراية تلقائيا لكل تدوينة جديدة تقوم بنشرها او العكس … نشر تدوينة جديدة لكل تويتراية جديدة لك على تويتر !!!! .. او نشر تدوينة يومية أو شهرية تحتوي على كل تويتراتك التي أضفتها في هذه الفترة بالإضافة الى إمكانية اضافة تويتراتك من لوحة تحكم المدونة او من خلال السايدبار للمدونة .. ومزيد من الخيارات الاخرى التي اترك استكشافها لك ..

طريقة الاستخدام :

• حمل الاضافة من هنا
• قم برفع و تفعيل الإضافة
• من لوحة تحكم المدونة >> الإعدادات >> Twitter Tools >> قم بإدخال بيانات حسابك في تويتر
• عدل إعدادت الاضافة بما يناسبك

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

• يمكنك اضافتها كـ Widget في السايد بار .. من لوحة تحكم المدونة >> المظهر >> مربعات القائمة الجانبية >> و قم بسحب مربع Twiiter Tools من قائمة المربعات الغير مفعلة إلى مربع السايد بار
• أو في القوالب يمكنك إستخدام

    <?php aktt_sidebar_tweets(); ?>

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

• أو إستخدم

    <?php aktt_latest_tweet(); ?>

  لعرض أخر تويتراية فقط ..

بإستخدام جافا سكريبت :
Twitterjs … تطبيق جافا سكريبت يتيح لك عرض تويتراتك في موقعك … بكل بساطة أضف التالي في المكان الذي تريد في صفحتك

1
2
3
4
5
6
7
8
9
10
11
12

<script  src="http://twitterjs.googlecode.com/svn/trunk/src/twitter.min.js"  type="text/javascript"></script>
<script type="text/javascript" charset="utf-8">
	getTwitters('tweet', { 
	  id: 'mo3aser', 
	  count: 5, 
	  enableLinks: true, 
	  ignoreReplies: true, 
	  template: '"%text%" <a href="http://twitter.com/%user_screen_name%/statuses/%id%/">%time%</a>'
	});
</script>
 
<div id="tweet"></div>

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

tweet في السطر الثالث هي ما ستضعه كـ ID لاحقا لـ الحاوي DIV الذي سيحتوي على التويترات .. لاحظ ذلك في السطر 12
id : تحتوي على إسم حسابك في تويتر
count : عدد التويترات المراد عرضها
enableLinks : ضع true لتفعيل الروابط في التويترات بما في ذلك @replies و #hashtags
ignoreReplies : ضع true ليتم تجاهل الردود من التويترات المعروضة

شرحت هنا المتغيرات الأساسية و لكن هناك متغيرات أخرى يمكنك الاطلاع عليها هنا

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

بإستخدام Twitter Widget :
يمكنك إستخدام Widget الذي يوفره موقع تويتر حدد عدد التويترات الذي تريد ظهورها .. ثم انسخ الكود و ضعه في صفحتك و عن طريق CSS يمكنك التحكم في طريقة ظهورها ..

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

لتتمكن من عرض أخر تويتراتك في مدونتك المجانية على ووردبريس . كوم يجب أن تتأكد أن الثيم الذي تستخدمة يدعم Widgets أو ما تعرف بمربعات القائمة الجانبية ( أغلب القوالب تدعمها ) .. من لوحة تحكم المدونة >> المظهر >> مربعات القائمة الجانبية >> و قم بسحب مربع Twiiter من قائمة المربعات الغير مفعلة إلى مربع السايد بار .. بعد نقل المربع إضغط على السهم الرمادي يمين كلمة twitter ..

عدل الخيارات بما يناسبك :

Title : أضف عنوان مناسب للصندوق .. مثلا أخر تحديثاتي على تويتر .. أو اخر تويتراتي !!
Twitter username : أدخل إسم حسابك على تويتر
Maximum number of updates to show : أختر عدد التويترات التي تريد ظهورها من 1 إلى 20
Hide replies : إخفاء الردود من التويترات المعروضة ..
Text to display between tweet and timestamp : ضع كلمة تظهر بين التويتراية و وقت نشرها .. مثلا .. نشر في .. بتوقيت !

بعد الانتهاء إضغط على زر حفظ

ملاحظة هامة : إذا كانت تحديثاتك محمية ” Protected ” .. فلن تظهر التويترات ..

هذا كل شئ … و لاتنسى أن تبقيني على إطلاع إن وجدت اي مواقع عربية أخرى تطبق الفكرة في مواقعها ^_^

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

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

حسناً أروني بعض الحب

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

و أشكر كل من صوت للمدونة .. متابعي المدونة .. المتابعين على تويتر .. أصدقائي .. شكراً لكم جميعاً ^_^

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

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

صورة للوحة التحكم البسيطة :

لزيارة المدونة

اضغط على الصورة في الأعلى لرؤية صورة مكبرة..

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

[مساعدة] .. أتمنى من الزوار و خاصة  مستخدمي الماك أن يبلغوني إذا كان هناك أي أخطاء في التصفح … و إن أمكن أرسلوا لي صورة للخطأ على بريدي

هناك الكثر من المواقع التي تقدم هذه الخدمة هذه بعض منها :

.tk, 1u.ro, 1url.com, 2pl.us, 2tu.us, 3.ly, a.gg, a.nf, a2a.me, abe5.com, adjix.com, alturl.com, atu.ca, awe.sm, b23.ru, bacn.me, bit.ly, bkite.com, blippr.com, blippr.com, bloat.me, bt.io, budurl.com, buk.me, burnurl.com, c.shamekh.ws, cd4.me, chilp.it, clck.ru, cli.gs, clickthru.ca, cort.as, cuturl.com, decenturl.com, df9.net, doiop.com, dwarfurl.com, easyurl.net, eepurl.com, eezurl.com, ewerl.com, fa.by, fav.me, ff.im, fff.to, fhurl.com, flic.kr, flq.us, fly2.ws, fuseurl.com, fwd4.me, gl.am, go.9nl.com, go2.me, golmao.com, goshrink.com, gri.ms, gurl.es, hellotxt.com, hex.io, href.in, htxt.it, hugeurl.com, hurl.ws, icanhaz.com, icio.us, idek.net, is.gd, j.mp, jijr.com, kissa.be, kl.am, korta.nu, l9k.net, liip.to, liltext.com, lin.cr, linkbee.com, liurl.cn, ln-s.net, ln-s.ru, lnkurl.com, loopt.us, lru.jp, lt.tl, lurl.no, memurl.com, migre.me, minilien.com, miniurl.com, minurl.fr, moourl.com, myurl.in, ncane.com, netnet.me, nn.nf, o-x.fr, omf.gd, ow.ly, oxyz.info, p8g.tw, parv.us, pic.gd, ping.fm, piurl.com, plurl.me, pnt.me, poll.fm, pop.ly, poprl.com, post.ly, posted.at, ptiturl.com, qurlyq.com, rb6.me, readthis.ca, redirects.ca, redirx.com, relyt.us, ri.ms, rickroll.it, rly.cc, rsmonkey.com, rubyurl.com, s3nt.com, s7y.us, short.ie, short.to, shortna.me, shoturl.us, shrinkster.com, shrinkurl.us, shrtl.com, shw.me, simurl.us, sn.im, sn.vc, snipr.com, snipurl.com, snurl.com, sp2.ro, spedr.com, starturl.com, stickurl.com, sturly.com, su.pr, takemyfile.com, tcrn.ch, thrdl.es, tighturl.com, tiny.cc, tiny.pl, tinyarro.ws, tinytw.it, tinyurl.com, tnw.to, to.ly, togoto.us, tr.im, tr.my, trcb.me, tumblr.com, tw0.us, tw1.us, tw2.us, tw5.us, tw6.us, tw8.us, tw9.us, twi.gy, twit.ac, twitthis.com, twiturl.de, twitzap.com, twtr.us, twurl.nl, u.mavrev.com, u.nu, ub0.cc, updating.me, ur1.ca, url.co.uk, url.ie, url.inc-x.eu, url4.eu, urlborg.com, urlbrief.com, urlcut.com, urlhawk.com, urlkiss.com, urlpire.com, urlvi.be, urlx.ie, ustre.am, virl.com, vl.am, wapurl.co.uk, wipi.es, wkrg.com, wp.me, x.hypem.com, x.se, xeeurl.com, xr.com, xrl.in, xrl.us, xurl.jp, xzb.cc, yatuc.com, yep.it, yfrog.com, zi.pe, zz.gd

لكن سأركز هنا على أكبر موقعين bit.ly و tinyurl.com و الذين في شهر أغسطس الماضي تم زيارة الروابط المختصرة من خلالهما من قبل أكثر من 11 مليون زائر ..

سؤالي هو : ماذا سيحدث إذا تم شراء أحد هذين الموقعين أو كلاهما و تم تحويل كافة الروابط المختصرة عليهما لموقع أخر ؟!!!!

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

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

ألم يحن الوقت ليفكر تويتر في إنشاء خدمة إختصار روابط خاصه به أو يشتري هو احد الخدمات الشهيرة المنتشرة؟

ما رأيك أنت ؟ … هل حدوث هذا شئ مستحيل ولا يوجد اي احتمال لتوقف هذه المواقع ؟ .. وكل مافكرت فيه هي مجرد هلاويس صائم

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

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

لزيارة المدونة

اضغط على الصورة في الأعلى لرؤية صورة مكبرة..

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

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

قم بتحرير قالب page.php و أضف السطر التالي بعد أكواد عرض محتويات الصفحة :

<?php comments_template(); ?>

ربما الأنسب من وجهة نظري لوضع الكود أن تبحث عن التالي في قالب Page.php :

<?php endwhile; endif; ?>
<?php edit_post_link('تحرير.', '<p>', '</p>'); ?>

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

<?php edit_post_link('تحرير.', '<p>', '</p>'); ?>
<?php endwhile; ?>
<?php comments_template(); ?>
<?php endif; ?>

هذا كل شئ .. ودمتم سالمين ^_^

طريقة الإستخدام :

• قم بتحميل التطبيق من هذه الصفحة
• اضف الكود التالي في ترويسه صفحة Html الخاصه بك :

  	<link rel="stylesheet" href="YourPath/animated-menu.css"/>
   
  <script src="http://jqueryjs.googlecode.com/files/jquery-1.3.js" type="text/javascript"></script>
  <script src="YourPath/js/jquery.easing.1.3.js" type="text/javascript"></script>
  <script src="YourPath/animated-menu.js" type="text/javascript"></script>

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

• في جسم الصفحة Body .. أضف القائمة الخاصه بك ..

  	<ul>
  	<li><a href="#">الرئيسية</a>
  	<li><a href="#">عني</a></li>
  	<li><a href="#">عن المدونة</a></li>
  	<li><a href="#">راسلني</a></li>
  </ul>

• يمكنك التحكم في إرتفاع القائمة عند مرور الماوس بتغيير قيمة height في الدالة mouseover و تغيير إرتفاع القائمة بعد إبعاد الماوس بتغيير قيمة height في الدالة mouseout و التحكم في سرعه الإنزلاق عند مرور أو إبعاد الماوس بتغيير قيمة duration في نفس الدالتين في الكود أعلاه الموجود في ملف animated-menu

حل التعارض :
إذا حدث تعارض بين هذا التطبيق و أي تطبيق أخر يستخدم مكتبة أخرى غير jQuery ..  فراجع هذه التدوينة أو قم بتحرير ملف animated-menu.js و إستبدل محتوياته بالتالي :

var $j = jQuery.noConflict();
$j(document).ready(function(){
 
	//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
 
	//Remove outline from links
	$j("a").click(function(){
		$j(this).blur();
	});
 
	//When mouse rolls over
	$j("li").mouseover(function(){
		$j(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
 
	//When mouse is removed
	$j("li").mouseout(function(){
		$j(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
 
});

التخصيص :
عند إستخدامك لهذا التطبيق فإن كل Li في الصفحة سيُطبق عليها التأثير وهذا ليس عملياً وغير مرغوب فيه .. فالمطلوب هو تطبيق التأثير على قائمة بحد ذاتها .. إذا أردت ذلك يُمكنك تحرير ملف animated-menu و إستبدل محتوياته بالتالي ..

var $j = jQuery.noConflict();
$j(document).ready(function(){
 
	//By Mo3aser.com
 		m=document.getElementById('buttons');
		sa=m.getElementsByTagName('li');
 
	//Fix Errors - http://www.learningjquery.com/2009/01/quick-tip-prevent-animation-queue-buildup/
 
	//Remove outline from links
	$j("a").click(function(){
		$j(this).blur();
	});
 
	//When mouse rolls over
	$j(sa).mouseover(function(){
		$j(this).stop().animate({height:'150px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
 
	//When mouse is removed
	$j(sa).mouseout(function(){
		$j(this).stop().animate({height:'50px'},{queue:false, duration:600, easing: 'easeOutBounce'})
	});
 
});

الأن سيتم التطبيق على كل Li الموجوده داخل العنصر المعرف بـ ID خاص وهو buttons قد يكون هذا العنصر الحاوي Div او Ul .. كالتالي :

<ul id="buttons">
	<li><a href="#">الرئيسية</a>
	<li><a href="#">عني</a></li>
	<li><a href="#">عن المدونة</a></li>
	<li><a href="#">راسلني</a></li>
</ul>

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