+ + + + +
Share/Save/Bookmark

2009-08-31

شريط اخبارى خاص بمدونتك





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

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

الخطوات :

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

اختر نوع هتمل/جافا سكريبت HTML/JavaScript

الصق فيها الكود الاتى :


<script style="text/javascript" src="http://dreamydonkey.googlepages.com/scrolling_blogger_posts.js"> </script><script style="text/javascript"> var nMaxPosts = 15; var sBgColor; var nWidth; var nScrollDelay = 175; var sDirection="left"; var sOpenLinkLocation="N"; var sBulletChar="•"; </script> <script style="text/javascript" src="http://YOURBLOG.blogspot.com/feeds/posts/default?alt=json-in-script&callback=RecentPostsScrollerv2"> </script>

استبدل كلمة YOURBLOG باللون الاحمر , باسم مدونتك

فى النهاية احفظ , وشاهد النتيجة


ومتنساش تشترك فى المواضيع عشان يوصلك احدث الدروس من هنا



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

2009-08-23

خلفيات متغيرة




ما رايك لو مع كل ضغطة refresh بالفارة تتغير خلفية مدونتك لتعطى شكلا جديدا بشكل متكرر ومع كل ضغطة يضغطها الزائر تتحول المدونة لشكل جديد بدون ان تتدخل انت , اليس هذا امرا ممتعا ؟

فى هذا الموضوع ستتعلم كيفية وضع خلفيات متعددة " صور " للمدونة , ومع كل "تحديث refresh " للصفحة تتغير تلك الصورة بصورة اخرى , لذلك يجب عليك انشاء تلك الصور ثم رفعها على موقع رفع صور مثلا imageshack مثلا , وبعد الانتهاء من كل هذا , نفذ الخطوات التالية :

لنفرض ان لدينا 10 خلفيات نريدها ان تتغير بشكل تلقائى عن كل ضغطة , الان ان تملك 10 روابط لتلك الصور , حسنا :

1- انشاء قطعة جديدة من نوع هتمل جافا سكريب html/java script من صفحة العناصر
ثم الصق بها هذا الكود :


<script type="text/javascript">
var banner= new Array()
banner[0]="الرابط الاول"
banner[1]="الرابط الثانى"
banner[2]="الرابط الثالث"
banner[3]="الرابط الرابع"
banner[4]="الرابط الخامس"
banner[5]="الرابط السادس"
banner[6]="الرابط السابع"
banner[7]="الرابط الثامن"
banner[8]="الرابط التاسع"
banner[9]="الرابط العاشر"
var random=Math.floor(10*Math.random());
document.write("<style>");
document.write("#header {");
document.write(' background:url("' + banner[random] + '") no-repeat top left;');
document.write(" }");
document.write("</style>");
</script>



هذا الجافا سكريبت يعمل على تغيير الـ background للـ body بشكل تلقائى , اتبع الخطوات الاتية :

- ضع روابط الصور مكان الجمل باللغة العربية بين علامات التنصيص بالتريب , لا تحذف علامات التنصيص

- لاحظ الكلمات الملونة لها اهمية فقط فى تموضع الصورة داخل منطقة الراس , وليس لها علاقة بمسالة تغيير الصورة :
- no-repeat معناها ان الصورة لن تتكرر افقيا او راسيا , ليس للامر علاقة بالتكرار بين الصور وبعضها .
- top تعنى ان الصورة ستتموضع فى الجانب العلوى من منطقة الراس
- left تعنى ان الصورة ستتموضع فى الجانب الايسر من منطقة الراس

يمكنك تعديل تلك القيم اذا كانت هناك ضرورة , مثلا ممكن ان تضع center center بدلا من top left اذا كنت تريد للصورة ان تتموضع فى وسط المدونة , ويمنك ايضا ان تجعلها repeat-x او repeat-y بدلا من no-repeat كى تتكرر الصورة افقيا x او راسيا y , اما لو اردتها ان تكرر افقيا وراسيا معا فيجب حذف no-repeat وعدم وضع شئ مكانها , والمتصفح سيكررها بشكل افتراضى .

- الرقم 10 باللون البنفسجى يدل على عدد الصور , اذا كان لديك عدد صور اقل او اكثر , احذف الروابط بالاعلى او كررها , ثم غير الرقم 10 بالرقم المناسب


2- بعد لصق الكود فى القطعة , احفظ وجرب :)





الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

2009-08-19

Wibiya شريط أدوات



شريط أدوات جميل جدا من موقع www.wibiya.com بالظبط كالذى تراه هنا بالاسفل

1- ادخل الموقع www.wibiya.com
2- اضغط على get it now

اضغط على الصورة للتكبير

اضغط على الصورة للتكبير
3- ضع اسمك وايميلك ورابط المدونة او الموقع , وانتظر حتى يرسلوا لك رسالة التفعيل , ربما تاخذ الموافقة وقتا .

اضغط على الصورة للتكبير

اضغط على الصورة للتكبير

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

اضغط على الصورة للتكبير

اضغط على الصورة للتكبير

5- اختر لون التوولبار ( شريط الادوات )

اضغط على الصورة للتكبير

اضغط على الصورة للتكبير

6-اختر الادوات التى تريد ان تظهر فى شريط الأدوات , لاحظ ان بعض الادوات ستحتاج الى تخصيصات معينة فى الصفحة التالية :

اضغط على الصورة للتكبير

اضغط على الصورة للتكبير

7- خصائص كل اداة على حدة , يجب عليك ملأها

اضغط على الصورة للتكبير

اضغط على الصورة للتكبير

بعد الانتهاء اضغط على next

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





الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

2009-08-15

منع الكليكة اليمين





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

حسنا اليكم تلك الطريقة الساحرة التى ستشل يد هذا السارق الفلحوص
- انشئ أداة جديده من نوع هتمل html / java script عن طريق اضافة اداة جديدة من صفحة عناصر المدونة , ثم الصق بها الكود التالى :



<script language='JavaScript'>
<!--

var message="No Right-Click!";

///////////////////////////////////
function clickIE4(){
if (event.button==2){
alert(message);
return false;
}
}

function clickNS4(e){
if (document.layers||document.getElementById&&!document.all){
if (e.which==2||e.which==3){
alert(message);
return false;
}
}
}

if (document.layers){
document.captureEvents(Event.MOUSEDOWN);
document.onmousedown=clickNS4;
}
else if (document.all&&!document.getElementById){
document.onmousedown=clickIE4;
}

document.oncontextmenu=new Function("alert(message);return false")

// -->
</script>





بعد اللصق , احفظ وجرب بنفسك :)



اعتقد ان الإختراع القادم هايكون صاقع كهربائى , لان صعب جدا نمنع الكليكة الشمال , مش كده ولا ايه



الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

2009-08-12

حول من الووردبريس وتعالى للبلوجر



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

2- يمكنك فى البلوجر ضم الـ third party tracker scripts لا اعلم ما ترجمتها العربية , لكنها صيحة كبيرة يمكنك من خلالها الوصول الى تصميم احترافى .

- مقارنة بين القطع widgets المتاحة فى بلوجرر ووردبريس :

البلوجر :

Add a Gadget | Followers | Blog List | Subscription Links feed readers. | Slideshow | Newsreel | Video Bar | List | Link List | Picture | Text | HTML/JavaScript | AdSense | Feed | Labels [categories] | Logo | Profile | Page Header | Blog Archive | Poll

الووردبريس :

Akismet | Archives | Blog Stats | Box.net file sharing | Calendar | Categories | del.icio.us | Flickr | Links | Meebo | Meta | Pages | Platial MapKit | Recent Comments | Recent Posts | RSS | Search | Sonific Songspot | Tag Cloud | Text | Top Clicks | Top Posts | Vod:Pod Videos | Twitter | Gravatar

- حجم تخزين الصور والفيديو فى البلوجر 1 جيجا , بينما حجم تخزين الصور ( لا اعلم هل فيه امكانية فيديو ولا لا فى الخدمة المجانية ) 3 جيجا .

- ميزة جيدة فى ووردبريس ان التعديل على اسماء روابط التدوينات متاح , بالاضافة الى ما يعرف بـ Static pages وهو غير متاح فى البلوجر .


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


خطوات التحويل :

هاتدخل الووردبريس وتتبع الاتى :



الخطوة التالية :



ثم :



بعد حفظ الملف على الجهاز , اذهب للصفحة الاتية تستطيع من خلالها التحويل من هيئة الووردبريس الى هيئة البلوجر



ثم تقفز الى البلوجر , وتنشئ مدونة جديده , وتتبع الاتى :

setting > import blog
الاعدادات > استيراد مدونة



أخيرا وفى الصفحة التالية :



هكذا وبدون أى خسائر سوى تغيير الرابط , أهلا بيك فى البلوجر :)




الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

2009-08-11

اجمل قوالب 2008








عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل






عرض | تحميل




عرض | تحميل




تحميل





عرض | تحميل





عرض | تحميل





عرض | تحميل





تحميل





عرض | تحميل





تحميل


للتعرف على طرق تغيير القالب وكيفية المحافظة على القطع القديمة وتحاشى حذفها , من فضلك اقرأ المواضيع الاتية:


بداية لابد منها الجزء 4

مدونة القوالب





الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا

قطعة : احدث التدوينات / بالصور







الفرق بين هذه الطريقة والطريقة القديمة او حتى اداة البلوجر الرسمية من صفحة الادوات ان الطريقة الجديدة دى فيها صور للبوست thumbnails


فهاتبقا بالشكل ده




الكود :



<script language="JavaScript" src="http://www.bryandel.net/feed/feed2js2.php?src=http%3A%2F%2Flu2a.blogspot.com%2Ffeeds%2Fposts%2Fdefault&num=7&utf=y&w=110&h=70&bc=FFFFFF" type="text/javascript"></script>



- غير كلمة lu2a باللون الاحمر باسم مدونتك .
- رقم 7 باللون البنفسجى هو عدد اللينكات التى ستعرض فى تلك القطعة يكنك تغييره .
- لاحظ ان لينك التغذية الموجود هنا (الفييد feed ) هو اللينك الافتراضى للبلوجر , لو كنت من مستخدمى مواقع التغذية الاخرى مثل feedburner او غيره ويوجد لديك رابط تغذية اخر , يستحسن وضعه .
من صفحة ادوات المدونة (لوحة التحكم >تخطيط ) ثم اضغط على على : اضافة اداة جديده
اختر اداة من نوع html/javascript هتمل جافاسكريب ثم الصق فيها الكود

تحديث : 13/8/2009

او ببساطة اضغط على الزر الاتى :







الصق لوجو المدونة عندك

اشكال بديلة اخرى من هـنـا