تطبيقات الهواتف الذكية والحاسوب

إضافة مقطع صوتي بتقنية HTML5

2011-05-01T15:40:00.001-07:00

السلام عليكم

بعد انتهائنا من عنصر الفيديو و خصائصه و علاقته مع ال HTML5

حان الان دور audio ; لدالك دعونا نأخد وقتنا لنتعلم هذا العنصر الرائع

تحميل (Download)مثال (Demo)

فالأن وبعد طول انتظار اتت لنا خاصية ال HTML5 لتسريع الاستماع من جهة

و من جهة أخرى نجد متصفحات اكثر تعقيدا و أكثر ذكاءا ...

لكن هذا ليس معنى أن تكون لغة HTML5 في غير صالحنا

لأن الذي برمج audiojs جعل هذه الاخيرة تتوافق مع كل من

Mobile Safari iOS 3

Android2.2+, w/Flash

Safari 4

Chrome 7

Firefox 3+, w/ Flash

Opera 10+, w/ Flash

IE 6, 7, 8, w/ Flash

هل يمكنني استعمال هته الخاصية في مدونتي؟

نعم يمكن و اليوم سنضع شرح بسيط

أولا : من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم تصميم " تحرير HTML "

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

ثالثا : ضع علامة في خانة توسيع القوالب .

ثم ابحث عن هذا الوسم

</head>

و ضع فوقه هدا كود

أو يمكنك تحميل الملف من الموقع الاصلي

و اعادة رفعه...

الان نبحث عن هدا الوسم

]]></b:skin>

و نضع فوقه هدا الكود

.audiojs {
width: 460px;
height: 36px;
background: #404040;
overflow: hidden;
font-family: monospace;
font-size: 12px;
background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #444), color-stop(0.5, #555), color-stop(0.51, #444), color-stop(1, #444)); \
background-image: -moz-linear-gradient(center top, #444 0%, #555 50%, #444 51%, #444 100%);
-webkit-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
-o-box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3); box-shadow: 1px 1px 8px rgba(0, 0, 0, 0.3);
}

أخيرا : استعرض مدونتك ثم احفظ قالبك.

شرح كيفية الإستخدام

قم بكتابة تدوينتك بالطريقة المعتادة

و عندما تأتي للسطر الذي سوف تريد وضع فيه هته الخاصية,

أنتقل لوضع تحرير HTML و قم بوضع الكود بهذه الطريقة

هناك خاصيتان اساسيتان في الاضافة

التشغيل التلقائي للملف الصوتي autoplay

او تشغيل الى غير مسمى loop

كما يمكنك اختيار احد المواقع لرفع ملفات mp3

dropbox

fileden

هذا كل شيئ أتمنى لك الاستفادة

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

2011-05-01T15:39:00.000-07:00

تحميل (Download)مثال (Demo)

بعد تحديث في الطلب القراء

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

هذا اللاعب يختلف عن بقية Mp3 players وجدت في مكان آخر. وهو بسيط في التصميم ،

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

سهل جدا للاضافة ماعليك فقط اتباع هته الخطوات البسيطة

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

من لوحة التحكم اضغط على التخطيط – تحرير html – اضغط على تنزيل قالب –

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

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

ابحث عن :


</head>

واضف قبلها مباشرة ( أو فوقها) :


<script src='http://blogspacetech.googlecode.com/files/blogspacetechmp3http://dl.dropbox.com/u/17686000/blogspacetech/wordpressmp3player/blogspacetechmp3.js' type='text/javascript'/>

الان احفظ القالب

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

من لوحة التحكم اضغط على

ارسال رسالة جديدة

– تحرير html

و نضع الكود التالي مع وضع رابط الMP3 Player


<object type="application/x-shockwave-flash" data="http://dl.dropbox.com/u/17686000/blogspacetech/wordpressmp3player/player.swf" id="audioplayer1" height="24" width="290">

<param name="movie" value="http://dl.dropbox.com/u/17686000/blogspacetech/wordpressmp3player/player.swf">

<param name="FlashVars" value="playerID=1&soundFile=URL of your MP3">

<param name="quality" value="high">

<param name="menu" value="false">

<param name="wmode" value="transparent">

</object>

كما انصح برفع مقطعك الصوتي في هذا الموقع

عرض اخر مواضيعك بطريقة فريدة

2011-05-01T15:33:00.001-07:00

السلام عليكم

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

وتوفّر الإضافات المميزة يزيد من إختصار العمل في أسطر قليلة من الشفرات،

وتوفر المكتبة إمكانية عمل الإضافات

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

يمكن أن ستفيد منه مطورين ومصممين آخرين لكي يجدوا ضالتهم.

معنا في الموضوع عمل بسيط ..بحيث وجدت ضالتي في احد المكتبات

بحيث أنني وضعت اضافة واحدة فقط جمعت فيها 3 اضافات..

قائمة + اخر 6 مواضيعك + اخر مواضيعك مع صورة مصغرة

وسأستخدم صورة سريعة لطرح فكرة الدرس،

في هدا العمل قمت بتجهيز تقويم مصمم بـ html css

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

الاضافة هي مازالت في طور التطوير..اترككم مع المشاهدة و الشرح

تحميل (Download)مثال (Demo)

أولا : من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم ثم تصميم " تحرير HTML "

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

ثالثا : ضع علامة في خانة توسيع القوالب .

ثم ابحث عن هذا الوسم



<head>

نقوم بتضليله و نعوضه بالكود التالي



<link href='http://blogspacetech.googlecode.com/files/ArticleListblogger.css' rel='stylesheet' type='text/css'/>

<head>

أخيرا : استعرض مدونتك ثم احفظ قالبك.

شرح كيفية الإستخدام

الان ننتقل الى اضافة اداة HTML ; ونضع الكود التالي



<style type="text/css">



.top-right

{

   background-image:url(http://img28.imageshack.us/img28/5952/bgmenubox.png);

   background-repeat:repeat-x;

   background-position:left center;

   margin-right:5px;

   height:33px;

   padding-top:1px;

}

.bgList-left

{

    margin:0;

    padding:0;

    vertical-align:top;

    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_nx2XC-KkTKyRPLAreQFM9eoyuwe_xfGma19per-iGbgd4k9gJElqaX-J8It5oVZioBvixKLVg0bOSfoZct4ddkf0Yru6gR943R2OSFjVHMOYr1jUqyCBO1fhBHMYnEwEZiLHHYhk9Ho/);

    background-repeat:repeat-x;

    background-position:left top;

    height:8px;

}

.bgList-right

{

    margin:0;

    padding:0;

    vertical-align:top;

    background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh_nx2XC-KkTKyRPLAreQFM9eoyuwe_xfGma19per-iGbgd4k9gJElqaX-J8It5oVZioBvixKLVg0bOSfoZct4ddkf0Yru6gR943R2OSFjVHMOYr1jUqyCBO1fhBHMYnEwEZiLHHYhk9Ho/);

    background-repeat:repeat-x;

    background-position:right top;

    height:8px;

    margin-left:10px;

}

</style>



  <div class="article-list-bloggerbox">

    <div class="top-left">

        <div class="top-right" style="padding-left: 7px;">

           <div style="float: right; margin-right: 4px; font-size: 11px;cursor: pointer; font-weight: bold" class="is-section"><img src="http://cdn.iconfinder.net/data/icons/rssicons/PNG/021.png" /></div>

            <div class="sc_menu" style="float: right; overflow-x: hidden; overflow-y: hidden; ">


<ul class="tab-header sc_menu">
<li class="tab-name" ><a href="http://blogspacetech.blogspot.com/2010/06/about.html">الرئيسية</a></li>
<li class="sep">|</li>
<li class="tab-name" ><a href="http://blogspacetech.blogspot.com/2010/08/archives.html">أرشيف المدونة</a></li>
<li class="sep">|</li>
<li class="tab-name"><a href="http://blogspacetech.blogspot.com/2010/02/contacte-me.html">للمراسلة</a></li>
</ul>
</div>
<div style="clear: both"></div>
</div>
</div>



<div style="clear: both;" class="zone">



<script type="text/javascript">

home_page = "http://blogspacetech.blogspot.com/";

label = "blogger";

numposts = 11;

sumTitleBox = 40;

sumTitleBox2 = 65;

sumPosts = 151;

textmore = "<< اقرأ المزيد ";

labelURL = "http://blogspacetech.blogspot.com/search/label/blogger?max-results=10";

</script>



<script type="text/javascript" src="http://blogspacetech.googlecode.com/files/ArticleListblogger.js"></script>

</div>

    <div class="bgList-left"><div class="bgList-right"></div></div>

</div>

هدا كل شيء أتمنى لكم الاستفادة..

ميز روابط و أزرار موقعك بمعايير Web 2

2011-05-01T15:32:00.000-07:00

السلام عليكم

في الآونة الأخيرة اشتهر صيت الويب 2.0 وتطبيقاته و تصاميمه بشكل رهيب كل

يوم يظهر موقع جديد غاية في البساطة وله سمعة كبيرة

وملئ بالاشياء المثيرة لذا فهو يحتل مرتبة قائمة المواقع ويتصدر الترتيبات

والحمدلله بدأت أرى مواقع عربية في ساحة المنافسة و التميز .

مبدئياً لا يوجد معايير في إنشاء أي من عناصر الويب 2.0 في التصميم ولكن يوجد

لدينا العديد من المظاهر التقليدية على سبيل المثال

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

سوف أريكم كيفية تصميم زر ويب 2.0 احترافي

هته التقنية سوف تزيد من جمالية المدونة و دالك كمثال تغييير ايقونة اقرأ المزيد الى احد هته الازرار

او استخدامها لوضع روابط او غيرها..المهم اتركم مع المشاهدة و الشرح

تحميل (Download)مثال (Demo)

من افضل ما قرات... تقنية ال css

2011-05-01T15:30:00.000-07:00

من افضل ما قرات في مجال البرمجة

لن تشعر بانه مترجم

الكتاب يتمحور حول تقنية CSS

ستتعلم المزيد عن CSS وماذا يمكن لهذه التقنية أن تقدم لك.

بالنسبة لفهرسة الكتاب فهو لا باس به

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

CSS هي اختصار لي Cascading Style Sheets.

كيف ستفيدني CSS؟

تعتبر CSS ثورة في عالم تصميم المواقع، وفوائدها الأساسية هي:

التحكم بالتصميم من خلال ملف واحد.

إمكانية أكبر وأدق للتحكم بتفاصيل التصميم.

إنشاء تصاميم خاصة

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

تفضلو بالتحميل

قائمة مميزة منسدلة بثأتير ال jquery

2011-05-01T15:29:00.000-07:00

السلام عليكم

الjquery هي ليست لغة برمجة مستقلة كما يظن البعض،

هي عبارة عن مكتبة مجانية في الجافا سكربت

مكتوبة ومطورة بواسطة John Resig،

تتيح لنا وبسهولة تامة إضافة تأثيرات رائعة على صفحات الويب

وسهولة التحكم بالكثير من الأحداث مثل تمرير مؤشر الفأرة

أو النقر بزر الفارة وغيرها الكثير بسطور برمجية قليلة ومفهومة

موضوعنا اليوم تم قرائته من هدا الموقع

عبارة عن ثاتير رائع و مميز و يتم التحكم فيه عبر مؤشر الفأرة

تحميل (Download)مثال (Demo)

أولا : من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم ثم تصميم " اضافة اداةHTML "

و نضع هدا الكود

`<script src="http://blogspacetech.googlecode.com/files/prototype.js" type="text/javascript"></script>`

`<script src="http://blogspacetech.googlecode.com/files/effects.js" type="text/javascript"></script>`

`<script src="http://blogspacetech.googlecode.com/files/side-bar.js" type="text/javascript"></script>`

`<style>`

`{`

    `font-size:75%;`

`}`

`a{`

    `outline: none;`

`}`

`a:active{`

    `outline: none;`

`}`

`#sideBar{`

`text-align:center;`

`}`

`#sideBar h2{`

    `color:#FFFFFF;`

    `font-size:110%;`

    `font-family:arial;`

    `margin:10px 10px 10px 10px;`

    `font-weight:bold !important;`

`}`

`#sideBar h2 span{`

    `font-size:125%;`

    `font-weight:normal !important;`

`}`

`#sideBar ul{`

    `margin:0px 0px 0px 0px;`

    `padding:0px 0px 0px 0px;`

`}`

`#sideBar li{`

    `margin:0px 10px 3px 10px;`

    `padding:2px;`

    `list-style-type:none;`

    `display:block;`

    `background-color:#DA1074;`

    `width:177px;`

    `color:#FFFFFF;`

`}`

`#sideBar li a{`

    `width:100%;`

`}`

`#sideBar li a:link,`

`#sideBar li a:visited{`

    `color:#FFFFFF;`

    `font-family:verdana;`

    `font-size:100%;`

    `text-decoration:none;`

    `display:block;`

    `margin:0px 0px 0px 0px;`

    `padding:0px;`

    `width:100%;`

`}`

`#sideBar li a:hover{`

    `color:#FFFFFF;`

    `text-decoration:underline;`

`}`

`#sideBar{`

    `position: fixed;`

    `width: auto;`

    `height: auto;`

    `top: 140px;`

    `left:0px;`

    `background-image:url(https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEh8Ee9rz-3qr-ZBfsjii0AxgJd6_Wi5z8EPi0Ylyz7dWyPPuT539t1vXtYr1OsUv8dkse-tMf01bD3kTgQk_0smuBg6lNK6HKS8zyxZZQ_S-AQ0ywqy05yoy3YIEgadzKDTeQUNJxi3lWM/s320/2wejg37.jpg.gif);`

    `background-position:top right;`

    `background-repeat:repeat-y;`

`}`

`#sideBarTab{`

    `float:left;`

    `height:137px;`

    `width:28px;`

`}`

`#sideBarTab img{`

    `border:0px solid #FFFFFF;`

`}`

`#sideBarContents{`

    `float:left;`

    `overflow:hidden !important;`

    `width:200px;`

    `height:320px;`

`}`

`#sideBarContentsInner{`

    `width:200px;`

`}</style>`

`<div id="sideBar">`

        `<div id="sideBarContents" style="display:none;">`

        `<div id="sideBarContentsInner">`

            `<h2><div style="text-align: justify;"><span style="font-family:verdana;">روابط هامة</span>`

`</div></h2>`

`<ul>`

`<li><a href="">الرابط الاول</a></li>`

`<li><a href="">الرابط الثاني</a></li>`

`<li><a href="#">الرابط الثالت</a></li>`

`<li><a href="#">الرابط الرابع</a></li>`

`</ul>`

`</div> </div>`

    `<a id="sideBarTab" href="#"><img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGAd3JESaSWpMBwhseAHLLBzjieR3iMwClygXzwN6pBNe8su-amHcmQjqIV12Cuevp90tt7J2XpQEgvFsIj8krmP_rQpYILw_alNOw7VCepmR4Vy2sai4olD-968zmtBQPCqKwpCUkxYo/s320/blogspacetech.gif" title="sideBar" /></a>`

`</div>`

المتغيرات ...موجودة فقط في كود ال HTML

<div id="sideBar"> <div id="sideBarContents" style="display:none;"> <div id="sideBarContentsInner"> <h2><div style="text-align: justify;"><span style="font-family:verdana;">روابط هامة</span> </div></h2> <ul> <li><a href="http://doaib.blogspot.com/">الرابط الاول</a></li> <li><a href="http://abu-iyad.blogspot.com">الرابط الثاني</a></li> <li><a href="#">الرابط الثالت</a></li> <li><a href="#">الرابط الرابع</a></li> </ul> </div> </div> <a id="sideBarTab" href="#"><img alt="sideBar" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhGAd3JESaSWpMBwhseAHLLBzjieR3iMwClygXzwN6pBNe8su-amHcmQjqIV12Cuevp90tt7J2XpQEgvFsIj8krmP_rQpYILw_alNOw7VCepmR4Vy2sai4olD-968zmtBQPCqKwpCUkxYo/s320/blogspacetech.gif" title="sideBar" /></a> </div>

اتمنى لك الاستفادة

قوالب Blogger بتقنية css‎+jquery

2011-05-01T15:26:00.001-07:00

السلام عليكم

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

في غاية الجمال و الهدوء و الجمال

جاهزة للتحميل..

تحميل (Download)مثال (Demo)

تحميل (Download)مثال (Demo)

تحميل (Download)مثال (Demo)

تحميل (Download)مثال (Demo)

تحميل (Download)مثال (Demo)

تحميل (Download)مثال (Demo)

تحميل (Download)مثال (Demo)

تحميل (Download)مثال (Demo)

تحميل (Download)مثال (Demo)

تحميل (Download)مثال (Demo)

تحميل (Download)مثال (Demo)

تحميل (Download)مثال (Demo)

تحميل (Download)مثال (Demo)

كيفية إضافة نمودج إتصال بتقنية PHP

2011-05-01T15:24:00.000-07:00

* السلام عليكم

كل مدون منا يعرف اهمية التواصل مع قراء موقعه

خاصة عندما لا تريد أن تكشف عن البريد الإلكتروني للأشخاص للاتصال بك.

لدينا اليوم موقعين يوفران لك هذا النمودج و بكل سهولة.

*اولا وقبل كل شيئ لمادا تقنية ال PHP ؟

-هذه التقنية تحول المدونة او الموقع الى موقع تفاعي و ليس ساكن

فالمواقع الساكنة لا تتفاعل مع الزوار و قد تفقدهم احيانا..

نعلم العديد من المواقع لتقديم خدمة الاتصال لكن لها سلبيات

كتحويل الزائر الى موقعها او وضع اعلانات خارجية و غيرها..

المهم موقعين مخاترين و مميزان لاضافة نمودج الاتصال الى BLOGGER

الموقع الاول

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

foxyform

هو موقع جد مميز لانشاء form خاص بك

من مميزاته :

اضافته بدون التسجيل في الموقع

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

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

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

حقا فهو موقع يستحق التجربة

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

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

jotform

*مزايا استخدام JotForm!

-مجاني تماما ؛

-و المعلومة الموثوقة بها ، مع ما يزيد على 350،000 من المستخدمين ؛

-خيارات عديدة للتخصيص ، بما في ذلك الخلفية ؛

-إمكانية تعديل نموذج تم إنشاؤه في وقت لاحق ؛

-القدرة على تحميل الملفات مثل الصور والنصوص وعروض الشرائح

-سريع وبسيط ؛

-لا توجد إعلانات أو الشعارات ؛

-الحفظ التلقائي ؛

وJotForm هو شكل من أشكال الاتصال المميزة ،

*من بين خيارات :

-الخلفية ؛

-إمكانية ارفاق الملفات بالبريد ؛

-التقييم مع نجوم ؛

-امكانية اضافة مواقع لطرق الدفع

-شكر وتقدير ، وتستخدم لمنع البريد المزعج.

لإنشاء نموذج الاتصال في الموقع ، لا حاجة لإنشاء حساب ،

لكنني أوصي بإنشاء حساب ، كي يكون لك إمكانية

إجراء تغييرات على النموذج الخاص بك من خلال لوحة التحكم

* إنشاء حساب

إذا كنت لا ترغب في إنشاء حساب تخطي خطوة التسجيل في الموقع ،

ولكن تذكر به أنه لا يمكنك تغيير شكل في وقت لاحق!

والخطوة الأولى هي الآن للوصول إلى موقع http://www.jotform.com.

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

استعداد حسابك تم إنشاؤه بالفعل ، وأكثر يجب عليك القيام به شيئا آخر قبل أن تبدأ في

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

لا يقل عن مرة واحدة. الذهاب إلى البريد الوارد البريد الإلكتروني الخاص بك وانقر على الرابط

التي بعث بها موقع لتأكيد حسابك :)

تم تنشأ نمودجك و هدا ليس بالصعب.

ملاحضة :

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

او ارسال رسالتك مع غلق التعليقات

هذا كل شيء

و الى لقاء قريب.

إظهار و إخفاء 3 إضافات في قائمة واحدة

2011-05-01T12:11:00.000-07:00

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

موضوعنا اليوم هو كيفية إظهار و إخفاء 3 إضافات في قائمة واحدة لمدونات Blogger

بمكتبة ال jquery فهذه المكتبة صغيرة تستطيع بها فعل أشياء كثيرة وبكفائه عالية،

تحميل (Download)مثال (Demo)

أولا : من لوح تحكم مدونتك انتقل إلى صفحة التخطيط ثم تصميم

ثم تحرير HTML

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

ثالثا : ضع علامة في خانة توسيع القوالب .

ابحث عن هذا الوسم اذا كانت مدونتك تحتوي على الاطار العلوي

NAVBAR

فان من الافضل حذفها و ذالك بالبحث عن هذا الوسم


]]></b:skin>

و نضع قبله تماما هدا الكود


<style type="text/css">

#navbar-iframe {

height:0px;

visibility:hidden;

display:none;

}

</style>

الان ننتقل الى الأهم..

البحث عن هذا الوسم


]]></b:skin>

و نضع قبله تماما هدا الكود


/*Sliding Login Panel with jQuery 1.3.2*/





/*

Name: Sliding Login Panel with jQuery 1.3.2

Author: Jeremie Tisseau

Author URI: http://web-kreation.com/

Date: March 26, 2009

Version: 1.0



Copyright 2009 Jeremie Tisseau

"Sliding Login Panel with jQuery 1.3.2" is distributed under the GNU General Public License version 3:

http://www.gnu.org/licenses/gpl-3.0.html

*/



/***** clearfix *****/

.clear {clear: both;height: 0;line-height: 0;}

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/

* html .clearfix {height: 1%;}

.clearfix {display: block;}

/* End hide from IE-mac */

.clearfix {height: 1%;}

.clearfix {display: block;}



/* Panel Tab/button */

.tab {

   background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/tab_b.png) repeat-x 0 0;

height: 42px;

position: relative;

    top: 0;

    z-index: 999;

}



.tab ul.login {

display: block;

position: relative;

   float: right;

   clear: right;

   height: 42px;

width: auto;

   font-weight: bold;

line-height: 42px;

margin: 0;

right: 150px;

   color: white;

   font-size: 80%;

text-align: center;

}



.tab ul.login li.left {

   background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/tab_l.png) no-repeat left 0;

   height: 42px;

width: 30px;

padding: 0;

margin: 0;

   display: block;

float: left;

}



.tab ul.login li.right {

   background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/tab_r.png) no-repeat left 0;

   height: 42px;

width: 30px;

padding: 0;

margin: 0;

   display: block;

float: left;

}



.tab ul.login li {

text-align: left;

   padding: 0 6px;

display: block;

float: left;

height: 42px;

   background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/tab_m.png) repeat-x 0 0;

}



.tab ul.login li a {

color: #15ADFF;

}



.tab ul.login li a:hover {

color: white;

}



.tab .sep {color:#414141}



.tab a.open, .tab a.close {

height: 20px;

line-height: 20px !important;

padding-left: 30px !important;

cursor: pointer;

display: block;

width: 100px;

position: relative;

top: 11px;

}



.tab a.open {background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_open.png) no-repeat left 0;}

.tab a.close {background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_close.png) no-repeat left 0;}

.tab a:hover.open {background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_open.png) no-repeat left -19px;}

.tab a:hover.close {background: url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_close.png) no-repeat left -19px;}



/* sliding panel */

#toppanel {

    position: absolute;   /*Panel will overlap  content */

    /*position: relative;*/   /*Panel will "push" the content down */

    top: 0;

    width: 100%;

    z-index: 999;

    text-align: center;

    margin-left: auto;

    margin-right: auto;

}



#panel {

width: 100%;

height: 190px;

color: #999999;

background: #272727;

overflow: hidden;

position: relative;

z-index: 3;

display: none;

}



#panel h1 {

font-size: 1.6em;

padding: 5px 0 10px;

margin: 0;

color: white;

}



#panel h2{

font-size: 1.2em;

padding: 10px 0 5px;

margin: 0;

color: white;

}



#panel p {

margin: 5px 0;

padding: 0;

}



#panel a {

text-decoration: none;

color: #15ADFF;

}



#panel a:hover {

color: white;

}



#panel a-lost-pwd {

display: block;

float: left;

}



#panel .content {

width: 960px;

margin: 0 auto;

padding-top: 15px;

text-align: left;

font-size: 0.85em;

}



#panel .content .left {

width: 280px;

float: left;

padding: 0 15px;

border-left: 1px solid #333;

}



#panel .content .right {

border-right: 1px solid #333;

}



#panel .content form {

margin: 0 0 10px 0;

}



#panel .content label {

float: left;

padding-top: 8px;

clear: both;

width: 280px;

display: block;

}



#panel .content input.field {

border: 1px #1A1A1A solid;

background: #414141;

margin-right: 5px;

margin-top: 4px;

width: 200px;

color: white;

height: 16px;

}



#panel .content input:focus.field {

background: #545454;

}



/* BUTTONS */

/* Login and Register buttons */

#panel .content input.bt_login,

#panel .content input.bt_register {

display: block;

float: left;

clear: left;

height: 24px;

text-align: center;

cursor: pointer;

border: none;

font-weight: bold;

margin: 10px 0;

}



#panel .content input.bt_login {

width: 74px;

background: transparent url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_login.png) no-repeat 0 0;

}



#panel .content input.bt_register {

width: 94px;

color: white;

background: transparent url(https://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/bt_register.png) no-repeat 0 0;

}



#panel .lost-pwd {

display: block;

float:left;

clear: right;

padding: 15px 5px 0;

font-size: 0.95em;

text-decoration: underline;

}







/*newsletter*/





#newsletter { }



#newsletter p { font-size:14px; font-weight: bold; color: #555; float:left; padding:8px 5px 0px 30px; }

#newsletter form { float:right; padding:0 30px 0 0;  }

#newsletter form input.email { width:150px; color:#888; border: 1px solid #ddd; padding:5px 8px 4px; height: 32px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; box-shadow: inset 0 2px 4px rgba(0,0,0,.1); -moz-box-shadow: inset 0 2px 4px rgba(0,0,0,.1); -webkit-box-shadow: inset 0 2px 4px rgba(0,0,0,.1); }

#newsletter form input.submit { margin:0 0 0 5px; padding:0; background: url(http://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/images/btn-submit.png) no-repeat; width:89px; height: 31px; border:0; cursor: pointer; color:#fff; text-shadow: 0 -1px 0px #777; font-family: sans-serif; font-weight: bold; font-size:13px;  }

#newsletter form input.submit:hover { opacity:0.85; }





/*fade-spin-css3-jquery*/

#followIcons a  {

display:inline-block;

width:48px;

height:48px;

text-indent:-3000px;

background-position:0 0;

background-repeat:no-repeat;

z-index:2000;

overflow:hidden;

position:3;

}

#followIcons a  {

-webkit-transition-duration: 0.8s;

-moz-transition-duration: 0.8s;

-o-transition-duration: 0.8s;

transition-duration: 0.8s;

-webkit-transition-property: -webkit-transform;

-moz-transition-property: -moz-transform;

-o-transition-property: -o-transform;

transition-property: transform;

}



  #iconRSS    { background-image:url(http://cdn2.iconfinder.com/data/icons/grunge/48/RSS.png); }

    #iconTwitter  { background-image:url(http://cdn2.iconfinder.com/data/icons/grunge/48/twitter.png); }

   

    #iconDelicious  { background-image:url(http://cdn2.iconfinder.com/data/icons/grunge/48/delicious.png); }

    #iconFacebook  { background-image:url(http://cdn2.iconfinder.com/data/icons/grunge/48/facebook.png); }

   



/*submenu*/

   

#submenu {

width: 160px;

float: left;

}

#submenu2 {

width: 160px;

float: right;

}

#submenu ul, #submenu2 ul{

font-family: Arial, Helvetica, sans-serif;

list-style-type:none;

margin:0;

padding:0;

}

#submenu ul li a, #submenu2 ul li a {

background:url(http://cdn2.iconfinder.com/data/icons/circular%20icons/bullet_green.png) center left no-repeat;

margin:0;

padding:3px 3px 3px 18px;

}

#submenu li, #submenu2 li {display: inline;}

#submenu a, #submenu2 a{

color: #FFFFFF;

text-decoration: none;

font-size: 13px;

display: block;

padding: 3px;

width: 160px;

}

#submenu a:link, #submenu a:visited, #submenu2 a:link, #submenu2 a:visited {

color: #999;

text-decoration: none;

}

#submenu a:hover, #submenu2 a:hover {

color: #FFFFFF;

}

رابعا :

ابحث عن هذا الوسم


</head>

نقوم بتضليله و نعوضه بهذا الكود



</head>

<script src='http://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/js/jquery-1.3.2.min.js' type='text/javascript'/>

<script src='https://ajax.googleapis.com/ajax/libs/jquery/1.4.4/jquery.min.js'/>

<script>jQuery(document).ready(function() {



/*

* Create Spinning, Fading Icons with CSS3 and jQuery for blogger.com

* Script combined from http://davidwalsh.name

* used By khaled ( http://blogspacetech.blogspot.com )

*/





  // "Globals" - Will make things compress mo-betta

  var $random = function(x) { return Math.random() * x; };

  var availableWidth = 150, availableHeight = 25;



  // Get the proper CSS prefix

  if(jQuery.browser.webkit) {

    cssPrefix = "webkit";

  }

  else if(jQuery.browser.mozilla) {

    cssPrefix = "moz";

  }

  else if(jQuery.browser.opera) {

    cssPrefix = "o";

  }



  // Apply opacity

  var zIndex = 1000;



  // Randomize each link

  jQuery.each(jQuery("#followIcons a"),function(index) {

    var startDeg = $random(360);

    var element = jQuery(this);

    var resetPlace = function() {

      element.fadeTo(200,0.6).css("-" + cssPrefix + "-transform","rotate(" + startDeg + "deg)");

    };

    element.attr("style","top:" + $random(availableHeight) + "px; left:" + $random(availableWidth) + "px; z-index:" + zIndex).hover(function() {

      element.fadeTo(250,1).css("zIndex",++zIndex).css("-" + cssPrefix + "-transform","rotate(0deg)");

    },resetPlace);

    resetPlace();

  });



});

</script>





    <link href='http://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/css/style.sliding-panel.css' media='screen' rel='stylesheet' type='text/css'/>

   



   <!-- PNG FIX for IE6 -->

   <!-- http://24ways.org/2007/supersleight-transparent-png-in-ie6 -->

<!--[if lte IE 6]>



<script type="text/javascript" src="http://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/js/supersleight-min.js"></script>

<![endif]-->



<script src='http://dl.dropbox.com/u/17686000/blogspacetech/sliding-panel/js/slide.js' type='text/javascript'/>

خامسا :

الان ننتقل الى الخطوة الاخيرة

و نبحث عن هذا الوسم


<body>

او هذا الوسم


<body expr:class='"loading" + data:blog.mobileClass'>

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


<!--top sliding menu --> 

<div id='toppanel'> 

<div id='panel'> 

<div class='content clearfix'>



<!-- First section --> 

<div class='left' style='width:250px !important'>



<h4>To connect</h4>

<p>للتواصل عبر الشبكات الاجتماعية او الاشتراك في خلاصات RSS</p>



     <div id='followIcons'>

  <a href='http://feeds2.feedburner.com/blogspacetech' id='iconRSS'>RSS Feed</a>

  <a href='http://twitter.com/infokhaled31' id='iconTwitter'>@infokhaled31 Twitter</a>



  <a href='http://del.icio.us/' id='iconDelicious'>infokhaled31</a>

  <a href='http://facebook.com/infokhaled31' id='iconFacebook'>infokhaled31 Facebook</a>

</div>

</div> 



<!-- Section Two --> 

<div class='left' style='width:330px !important'> 

<h4>Categories</h4>



<div id='submenu'>

<ul>

<li><a href='your URL here'>The first link</a></li>

<li><a href='your URL here'>Link, corresponding</a></li>

<li><a href='your URL here'>Link, corresponding</a></li>

<li><a href='your URL here'>Link, corresponding</a></li>

<li><a href='your URL here'>Link, corresponding</a></li>



</ul>

</div>

<div id='submenu2'>

<ul>

<li><a href='your URL here'>Second link</a></li>

<li><a href='your URL here'>Link, corresponding</a></li>

<li><a href='your URL here'>Link, corresponding</a></li>

<li><a href='your URL here'>Link, corresponding</a></li>

<li><a href='your URL here'>Link, corresponding</a></li>




</ul>

</div>





</div>



<!-- Section Three --> 

<div class='left right'> 



<h4>إشترك في القائمة البريدية ليصلك جديدنا</h4>





<div id='newsletter'>

                                
<form action='http://feedburner.google.com/fb/a/mailverify' class='newsletter-form' method='post' onsubmit='window.open('http://feedburner.google.com/fb/a/mailverify?uri=blogspacetech', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true' target='popupwindow'>

<input class='email' gtbfieldid='3' name='email' onblur='if (this.value == "") {this.value = "Enter email address";}' onfocus='if (this.value == "Enter email address") {this.value = "";}' type='text' value='Enter email address'/> 



<input name='uri' type='hidden' value='blogspacetech'/>

<input name='title' type='hidden' value='Placeholder'/>

<input name='loc' type='hidden' value='en_US'/>

<input class='submit' name='submit' type='submit' value='Submit'/>
</form>

</div>



</div>

</div> 

</div>





<div class='tab'> 

<ul class='login'> 

<li class='left'/> 

<li>!  مرحبا  بالضيف </li> 

<li class='sep'>|</li> 

<li id='toggle'> 

<a class='open' href='#' id='open'>show /إظهار </a> 

<a class='close' href='#' id='close' style='display: none;'>Hide / إخفاء</a> 

</li> 

<li class='right'/> 

</ul> 

</div>

</div>

<!-- Fin top sliding menu -->

أخيرا : استعرض مدونتك ثم احفظ قالبك

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


$(document).ready(function() {



// Expand Panel

$("#open").click(function(){

$("div#panel").slideDown("slow");



}); 



// Collapse Panel

$("#close").click(function(){

$("div#panel").slideUp("slow"); 

}); 



// Switch buttons from "Log In | Register" to "Close Panel" on click

$("#toggle a").click(function () {

$("#toggle a").toggle();

}); 



});

قبل كل شيء التطبيق كان على div

و العناصر التي قمت بمطابقتها اي التاثير عليها


<div id='toppanel'> 

<div id='panel'>

في ملف الجافاسكريبت السابق سوف تجد بعض الخصائص..

و شرحها كالتالي و على الترتيب :

open : تستخدم لإظهار جميع العناصر التي تمت مطابقتها

close : تستخدم لاخفار جميع العناصر التي تمت مطابقتها

toggle : تستخدم للإظهار والاخفار في آن واحد

slideDown : تستخدم لإظهار العناصر بتغير خاصية الارتفاع (سوف تنزلق للاسفل وتظهر)

slideUp : تستخدم لإخفاء العناصر بتغير الارتفاع (سوف تنزلق للاعلى وتحتفي)

slideDown : تستخدم لإظهار العناصر بتغير خاصية الارتفاع (سوف تنزلق للاسفل وتظهر)

slideToggle : تستخدم للاخفاء بالانزلاق للاعلى و الاظهار بالنزلاق للاسفل بالعتماد على الارتفاع

كما يمكن اضافة هذه الخواص

fadeIn : سوف تظهر تدريجيا بتغير الخاصية opacity "الشفافية" تدريجيا

fadeOut : سوف تختفي تدريجيا بتغير الخاصية opacity "الشفافية" تدريجيا

هذا كل شيئ أتمنى لكم الاستفادة.

مصدر : web-kreation

لحماية المجهود الابداعي!مستحيل جدا نسخ مواضيعك!تعطيل الزر الايسر + الكيبورد...

2011-05-01T12:06:00.001-07:00

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

دائما اخترنا التميز عن غيرنا

اخواني هل مليت من نقل مواضيعك بدون اذن او انك تعبت جدا في شرح معين

ولقيته بعد نصف دقيقه في مدونة اخرى

انتهي هذا الامر الان مع هذه الاكواد نم وارتاح هههههههه فلن يزعجك

الان تطفل بعض الاعضاء في نقل مواضيعك ولو حاولوا بشتا الطرق

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

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

للمشاهدة

الشرح

أسفل أو قبل هدا الكود

كود:

</head>

نضع هدا الكود

كود:

<script language='JavaScript1.2'>



//Disable Select Text script (IE4+, NS6+) - By Blogger blogspacetech

//For full source code, visit http://blogspacetech.blogspot.com

function disableselect(e){

return false

}

function reEnable(){

return true

}

//if IE4+

document.onselectstart=new Function ("return false")

//if NS6

if (window.sidebar){

document.onmousedown=disableselect

document.onclick=reEnable

}

</script>

<script language='JavaScript'>curPage=1;

document.oncontextmenu = function(){return false}

if(document.layers) {

window.captureEvents(Event.MOUSEDOWN);

window.onmousedown = function(e){

if(e.target==document)return false;

}

}

else {

document.onmousedown = function(){return false}

}

</script>

ملاحظة : الكود ليس من اكتشافي ..من موقع اجنبي

__________________

اجعل تصنيفات موقعك في قائمة منسدلة

2011-05-01T12:03:00.001-07:00

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

كيفية انشاء قائمة منسدلة لتصنيفاتك ؟

قبل اي شيئ..يجب ان تأخد نسخة احتياطية من قالبك بالضغط علي Download Full Template.

ثم اذهب الي Layout==>Edit Html واضغط علي المربع بجانب Expand Widget Templates.
الان اضغط Ctrl+f للبحث داخل الكود عن الآتي ...

<b:widget id='Label1' locked='false' title='Labels' type='Label'>
<b:includable id='main'>
<b:if cond='data:title'>
<h2><data:title/></h2>
</b:if>
<div class='widget-content'>

<ul>
<b:loop values='data:labels' var='label'>
<li>
<b:if cond='data:blog.url == data:label.url'>
<data:label.name/>
<b:else/>
<a expr:href='data:label.url'><data:label.name/></a>
</b:if>
(<data:label.count/>)
</li>
</b:loop>
</ul>

<b:include name='quickedit'/>
</div>
</b:includable>
</b:widget>

* استبدل الجزء الملون بالاحمر بالكود الآتي ...

<br />
<select onchange='location=this.options[this.selectedIndex].value;'>
<option>Select a label</option>
<b:loop values='data:labels' var='label'>
<option expr:value='data:label.url'><data:label.name/>
(<data:label.count/>)
</option>
</b:loop>
</select>

ثم اضغط Preview لتتاكد ان كل شيئ تمام ...ولو طرهلك مربع احمر ...دوس Clear Edits
و اعمل الخطوات دي من تاني .

وأخيرا يمكنكم إنشاء صفحات ثابتة على بلوغر Blogger

2011-04-30T10:24:00.001-07:00

قامت Google Blogger مؤخرا بإضافة عدة تحسينات وتحديثات من أهمها : الصفحات الثابتة . هذه الصفحات توفرلنا رابط /وصلة مباشرة من مدوناتنا مثل ما في الوردبرس وتستعمل في إنشاء صفحات : نبذة عني أو عن المدونة ،إتصل بي للتواصل معك عبر بريدك ،هاتفك أو تحديد موقعك الجغرافي .

كيفية إنشاء هذه الصفحات :

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

2-في التبويب إرسال ستجد خيار جديد أضافته بلوغر،المعرف بـ : صفحات التحرير، أنقر عليه ثم على صفحة جديدة لتظهر لك صفحة مطابقة لصفحة تحرير المشاركات/المواضيع .(تنويه : بلوغر يتيح إمكانية إنشاء 10 صفحات فقط )

3- يمكنك إنشاء الصفحة التي تريد بنفس الطريقة التي تحرر فيها مشاركاتك ومواضيعك.يبقى استعمالك للخيارات محدد بنوع الصفحة التي تريد إضافتها فمثلا لصفحة الإتصال أبقي خيار تعليقات القراء مثلما هو موضح على الصورة،،،
(لعمل صفحة الإتصال استعن بالدرس 1 ، 2 )

4- عند النقر على زر نشرالصفحة سيتم سؤالك بأي طريقة تريد أن تظهر أداة الصفحات على مدونتك.

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

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

فصل :
لمن لا يتوفر قالبه على إمكانية إضافة أدوات في مستوى علامة التبويب/أعلى الصفحة وله خلفية عن الـ HTML ويريد استعمال خاصية الصفحات كقائمة أفقية ما عليه إلا إتباع الشرح الآتي :

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

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

<div id='crosscol-wrapper' style='text-align:center'>
       <b:section class='crosscol' id='crosscol' showaddelement='no'/>
   </div>

إذا وجدت الثلاث أسطر أعلاه فقم بتغيير :

showaddelement='yes' إلى showaddelement='no'

5. في حالة لم تجد هذه الأسطر فقم بلصق paste الثلاث أسطر الآتية في المكان الذي تراه مناسبا لظهور قائمتك /تبويب الصفحات على مدونتك مثلا : بعد <div id='content-wrapper'>

<div id='crosscol-wrapper' style='text-align:center'>
     <b:section class='crosscol' id='crosscol' showaddelement='yes'/>
       </div

6.  تأكد من أن التبويب لصفحاتك أضيف بطريقة صحيحة بعدها قم بحفظ القالب .

7. توجه الآن إلى التبويب : التخطيط | عناصر الصفحة وقم بمعاينة الأداة الأفقية الجديدة للإضافات

ومن هنا صار بإمكانك إضافة الصفحات .

كمثال تطبيقي على ذلك  التبويب :

إتصل بي رابط صفحة الإتصال لدي : http://italib.net/p/contact-me.html

الفهرس رابط فهرس المدونة لدي : http://italib.net/p/sitemap.html

المراجع : Blogger Buzz , تعليمات بلوغر

تم والحمد لله .

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

وبارك الله فيكم .

كيفية إضافة شريط آخر المواضيع

2011-04-30T10:21:00.001-07:00

بسم الله الرحمن الرحيم

إن ما لاحظته مؤخرا هو إنتشار إضافة شريط الأخبار في الكثير من المدونات العربية وبنفس النسق والفكرة هذه المرة أقدم لكم درس جديد في كيفية إضافة شريط آخر المواضيع والذي نجده في المواقع والمنتديات بحيث يكسب الصفحة ديناميكية ويسهل للمتصفح التعرف على المواضيع الحديثة في المدونة .
أولا : قم بالدخول الى حسابك على بلوجر وفي اللوحة الرئيسية اختر التبويب :تخطيط|عناصر الصفحة وانقر على إضافة أداة في منطقة جزء التخطيط (layout) - منطقة الوسط - ثم اختر من القائمة إضافة HTML/JAVASCRIPT.
وانسخ الكود الأتي :

بحيث :

var nMaxPosts = 10; - يحدد عدد المواضيع التي تظهر في الشريط.

var sBgColor; - var sBgColor= grey; :إذا كنت تريد تغيير لون خلفية الشريط مثلا

var nWidth; - لتحديد العرض

var nScrollDelay = 185; - لتحديد السرعة كلما قلت القيمة زادت السرعة

var sDirection="left"; - لتحديد جهة الحركة. left = Right to left; Right = Left to right; Up = Down to up; Down = Up to down

var sBulletChar="»»"; الرمز الذي يظهر قبل عنوان أي موضوع على الشريط ويمكنك تغييره

أكتب عنوان مدونتك في مكان الرابط ذو اللون الأحمر

اسرار جلب زوار بلاحدود الى موقعك

2011-04-30T10:18:00.001-07:00

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

http://www.filefactory.com/file/ah60a1d/n/_pdf

-إضافة المدونة على الدليل العلمي المفتوح دموز dmoz.

2011-04-30T10:16:00.001-07:00

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

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

* لا تقم بإضافة مواقع نسخ او ما يصطلح على تسميتها مواقع المرآة او المواقع العاكسة.
* لا تقم بإضافة مسار موقع بمحتوى مشابه او مطابق لمواقع كنت قد أضفتها سابقا إلى الدليل. إن إضافة مواقع بنفس المحتوى او بمحتوى مشابه او مقارب غالبا ما يودي بتجاهل أو/و حزف كل المواقع المرتبطة أو المنتسبة بعضها لبعض.
* لا تقم بالتحايل في الإضافة.. بإضافة نفس مسار الموقع أكثر من مرة.مثـــال: http://www.dmoz.org و http://www.dmoz.org/index.html.
* لا تقم بإضافة اي موقع بمسار يقوم بإعادة التحويل والتوجيه لموقع آخر.
* إن الدليل العالمي المفتوح لديه سياسة معادية لسرد المواقع ذات المحتويات الغير قانونية. كمثـــال للمواقع غير القانونية كالمحتوية على مواد أطفال إباحية; التشهير; المواد التي تنتهك حقوق الملكية الفكرية; بالإضافة للمواد المحظورة, و مواد الإغواء والتغرير ذات النشاطات غير القانونية (من قبيل الإحتيال والعنف والإرهاب).
* لا تقم بإضافة مواقع "قيــــــد الإنشــــــاء."
* إضافة المواقع ذات المحتوى او المادة الإباحية يجب حصرا ان يكون تحت القسم الخاص بالبالغين.
* قم بإضافة المواقع التي تعنى بدول او مناطق جغرافية معينة بشكل مباشر تحت او ضمن الدولة و المنطقة الخاصة بها.
* لا تقم بإضافة موقع يحوي على روابط دعائية وإعلانات بشكل مبالغ.

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

وصف الموقع : ويجب أن يكون وصف الموقع قصيرا لا يزيد عن 25-30 كلمة ، وان يكون الوصف دقيقا ملخصا لمحتوى الموقع لأن هذا يسرع من وثيرة إضافة الموقع او المدونة. وتجنب استخدام اكواد html وكذا مع التزام اللغة العربية الفصحى والسليمة من الأخطاء اللغوية والإملائية دون إعادة كتابة اسم موقعك في الوصف.
تجنب استخدام اللغة الدعائية او المغالاة في الوصف, العبارات من قبيل "أفضل موقع", "أول موقع" , الموقع العملاق", "موقع كل ما تحتاج إليه"...الخ سيتم حذفها .

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

تحديث معلومات الموقع في الدليل :
ويمكنك القيام بهذا العملية بعد إضافة مدونتك بنجاح إلى الدليل، وتبين لك بمرور الزمن أن المعلومات التي أدخلتها من قبل ليست دقيقة أو ليست معبرة بما فيه الكفاية عن هوية مدونتك او أنك اضفتها إلى قسم لا يناسب موضوعها فيمكنك تحديث هذه المعلومات ، كل ما عليك فعله هو التوجه على القسم الذي أضفت فيه مدونتك ثم الضغط على " تحديث موقع" Update URL:
World: Arabic: حاسوب
وباختصار شديد فهذه العملية تمكنك من القيام بما يلي:
* تغيير الرابط القديم برابط جديد اذا كان قد تغير
* تصحيح أخطاء قواعدية ضمن عنوان الموقع او وصفه
* واقتراح عنوان جديد للموقع اذا كان عنوان الموقع قد تغير
* اقتراح وصف جديد للموقع اذا كان الوصف قد تغير
* اقتراح تصنيف آخر قد يكون مناسب أكثر لموقعك
في الحقل في الأسفل يرجى كتابة الرابط تماما كما هو وارد في الدليل المفتوح ضمن هذا التصنيف ثم اضغط على زر الإرسال و سوف يطلب الموقع منك المعلومات الإضافية لاحقا .

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

كيف أشهر موقعي

2011-04-30T10:14:00.001-07:00

نصيحة فعالة لإشهار موقعك
1- اهتم بالمحتوى.
2- اختر الكلمات المفتاحية المناسبة.
3- قم بإظافة رابط موقعك لاهم محركات البحث وهي:
google
yahoo
voila
hotbot
alltheweb
AoL
msn
altavista
dmoz
lycos4- قم بإظافة رابط موقعك ألى اهم أدلة المواقع، العربية والفرنسية والانجليزية (يجب ان يكون باج رانك هذه المواقع أعلى او مساوي لموقعك) .
5- إن كانت لديك مدونة فأظفها إلى أدلة المدونات.
6- علق على المدونات مع ترك رابط موقعك.
7- شارك في المنتديات واجعل توقيع مشاركاتك رابط موقعك.
8- اشترك في الجروبات و أهمها .
جروب ياهو http://groups.yahoo.com/ بالانجليزيةhttp://fr.groups.yahoo.com/بالفرنسية
جروب غوغل http://groups.google.com

9- قم بتنصيب سكربت أظفنا إلى المفضلة.
10- قم بتنصيب سكربت اجعلنا صفحة البداية.
11- قم بتنصيب سكربت القائمة البريدية لموقعك.
12- جدد في المحتوى بشكل منتظم.
13- اجعل عنوان موقعك سهلا و جدابا و متوافقا مع كلماتك المفتاحية.
14- شارك في مسابقات المواقع.
15- لا تكثر من الصور و الفلاش.
16- تجنب المواضيع المنقولة و ان لزم الامر فاجعل عددها محدودا.
17- شارك في المفضلات الاجتماعية و على رأسها:
-فايس بوك www.facebook.com
-ماي سبيس www.myspace.com
-يوتوب www.youtube.com
لأن وضع روابطك في هذه المواقع يشهرها بسرعة و يرفع من ترتيبها
18- قدم لزوارك هدايا مجانية(احسن الهدايا كتب) واجعل روابط موقعك على كل صفحاته.
19- لا تنس عملية تبادل الروابط مع مواقع من نفس مجال موقعك.
20- احرص على التواجد للرد على أسئلة الزوار.

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

اساليب تسويق وترويج المدونات ( اشهار المدونات )

2011-04-30T10:11:00.001-07:00

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

الشبكات الاجتماعية

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

الجمهور الرئيسي الداعم

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

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

الآن السؤال الأهم: كيف يمكن تكوين هذا الجمهور؟ الجواب الأهم: قدم محتويات مميزة، كن متفحتا في آرائك، تواصل مع قرائك بحميمية.

اجعل مدونتك.. شبكة اجتماعية

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

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

أفكار أخرى…

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

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

المصدر مدونة ميولوج

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

2011-04-30T10:09:00.001-07:00

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

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

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

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

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

المصدر مدونة المرشد الامين

3 ادوات SEO مجانا

2011-04-30T10:07:00.001-07:00

قراءة للموضوع

ها هي 3 أدوات SEO

مجانية،، لمساعدتكم على مراقبة مدوناتك و مواقعك،، وهي مفيدة جدا لمن يتابع تحسين
نتائج محركات البحث SEO:

1 - الأداة الأولى هي: Parameter، حيث يمكنك مراقبة البيح رانك لمواقعك و المواقع الأخرى من سطح مكتبك،،

للتحميل:

www.cleverstat.com/cgi-bin/sw.../parameter.exe

2 - الأداة الثانية هي: Backlink Master ،تمكنك هذه الأداة من مراقبة الوصلات نحو موقعك وعددها، أي الباك لنكس،،

للتحميل:
http://www.cleverstat.com/cgi-bin/sw.../backlinks.exe

3 - لأداة الثالثة هي: Site Content
Analyzer، عن طريق هذه الأداة المجانية يمكنك تحليل الكلمات المفتاحية في موقعك و
كثافتها،،

للتحميل:

www.sitecontentanalyzer.com/d...scanalyzer.exe

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

وكل هذه الأدوات مجانية،، و أرجو أن
تفيدكم،،

المصدر الناشرون العرب

كيف أضيف المدونة لمحرك بينغ Bing مايكروسوفت :

2011-04-30T10:06:00.001-07:00

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

الخطوة الأولى: أذهب للعنوان التالي: http://www.bing.com/docs/submit.aspx

الخطوة الثانية: أكتب الأحرف الظاهرة أمامك في المستطيل الفارغ.

الخطوة الثالثة: ضع عنوان مدونتك الإلكتروني كما يطلب منك.

الخطوة الرابعة: أضغط على Submit URL

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

طرق اشهار المدونات والمواقع في اكبر محركات البحث والادلة - SEO Search

2011-04-30T10:04:00.001-07:00

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

google , yahoo , msn , araby

google
http://www.google.com/addurl/?continue=/addurl

yahoo
http://search.yahoo.com/info/submit.html

msn
http://search.msn.com/docs/submit.aspx

محرك بحث عربي - araby
http://www.araby.com/SearchServices?type=send_site

وهنا دليل قوقل
www.google.com.sa/dirhp

ثانيا ً : ألأدلة - جميع الوصلات جاهزة للإضافةموقع فيصل يقوم بإرسال رابط مدونتك أو موقعك إلى اشهر محركات البحث
http://www.faisal1.com/sendweb.htm

اضف مدونتك في addme
http://www.addme.com/submission/free...sion-start.php

أضف مدونة في arabsgate
http://www.arabsgate.com/cgi-bin/links/add.cgi

أضف مدونة في websy
http://www.websy.com/submit/

أضف مدونة في دليل مزاج
http://www.f3f3.com/ad_new.php

أضف مدونة في دليل مفضلة العرب
http://www.x5x5.com/suggest.html

أضف مدونة في لدليل المواقع العربية
http://www.raddadi.com/?action=dleel.didSite

أضف مدونة في دليل موج الغلا
http://www.mojalgala.com/link/newlink.html

أضف مدونة في دليل المدونات العربية
http://dalil.4uloads.com/add-url.html

أضف مدونة في الباحث الاسلامي
http://www.islamicfinder.org/index.p...link_cur_cat=0

أضف مدونة في المجانية
http://www.hail1.com/auto/accounts.cgi

أضف مدونة في albahhar
http://nwapp.albahhar.net.ae/pls/news/AddUrl.AddNewUrl

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

لا تنسى دعاك وتعليقك على الموضوع

كيف تعمل فهرس او خريطة لمدونتك ؟ اضافة فهرس او خريطة لمدونة بلوجر

2011-04-30T10:02:00.001-07:00

الحمد لله والصلاة والسلام على رسول الله وعلى آله وصحبه ومن والاه وبعد :

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

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

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

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

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

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

* تنويه: يستحسن تحميل الملفات (سواء سكربتات أوصور ،،،)ورفعها على مساحاتكم الخاصة كـ (جوجل بايج) لمن لديه حساب جوجل.

استفساراتكم وتعليقاتكم مرحباً بها ،،،

المصدر : مدونة الطالب

نصائح ذهبية للحصول على سيل كبير من الزوار

2011-04-30T09:59:00.001-07:00

بسم الله الرحمن الرحيم

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

مما لا شك فيه أن أي مدون أو صاحب موقع يتمني ويحلم باليوم الذي يري فيه آلاف الزوار يتدفقون ويلجون إلي مدونته كل يوم ومن ثم الربح من الإعلانات حيث ستتحول هذه الآلاف إلي أرباح لصاحب المدونه والحصول علي الزوار ليس بالأمر الصعب ولكنها عده خطوات سهله إن إتبعتها سيوفقك الله فقد تري مدونه لها بيدج رانك 5 أو 6 فما فوق حتي عشره وتقول لماذا هذه المدونه أو الموقع كذلك آلاف الزوار كل يوم عشرات التعليقات والإستفسارات وتكون المدونه أشبه بخليه النحل أما مدونتك فللأسف كالبيت الخرب
إليك خلاصه ما تعلمته فإحرص جيدا علي إتباع هذه الخطوات:
بسم الله نبدأ:
1-أول نقطه وأركز عليها (المحتوي عالي الجوده )(جوده المحتوي ) إن كتبت محتوي جيد ومفيد للزوار فإضمن أن زوار مدونتك الدائمين والذين يأتون إليها من الصفحه الرئيسيه في إزدياد
ويمكنك كتابه محتوي جيد بمطالعه المدونات المشابهه لك وماذا يكتبون & بقراءه الكتب والمجلات والجرائد ومطالعه الأخبار حتي تنمي المعرفه لديك& الكتابه للزوار أولا ثم لمحركات البحث & إقامه توازن بين جوده المحتوي والوقت & الكتابه عما تعرفه وتكون خبيرا به ولا تكتب عن أشياء لا تعرفها أومعلوماتك غير موثوقه & جمع المعلومات من هنا وهناك وهضمها و توصيلها بشكل جيد.
2-الروابط الخارجيه عليك بإضافه مدونتك إلي أكبر عدد ممكن من المواقع والمدونات والأدله ومحركات البحث إبحث في جوجل عن أدله مواقع.
3-المنتديات : فالمنتديات تمتلئ بالزوار والمنتدي النشط كخليه النحل .أعضاء يطرحون مواضيع جديده . زوار يطلعون عليها . أعضاء يتركون تعليقاتهم . ونقاش وجدل . يمكنك الإستفاده من هذه الحفله المليئه بالزوار لجذب إنتباه بعضهم لمدونتك أو موقعك . وذلك عن طريق الإشتراك في هذه المنتديات طبعا المنتديات المهتمه بنفس نشاط مدونتك مش تكون مدونتك بتتكلم عن الرياضه وتروح منتدي إسلامي المهم حضرتك تشترك في هذه المنتديات وطبعا لازم تكون منتديات بيدج رانك عالي مشهوره فيها زوار ونشاط عشان تستفيد وبعد ما تشترك تكتب مواضيع مميزه عاليه الجوده وترد علي إستفسارات الأعضاء وما تنساش تترك رابط مدونتك وتعرف الزوار إن مدونتك هي المصدر وإنت كده هتستفيد من الناحيتين من ناحيه الزوار لما يشوفوا موضوعك المميزأكيد هيحبوا يشوفوا مصدر الموضوع ويجيلك زيارات مباشره والناحيه التانيه هتزود الروابط الخارجيه لمدونتك .
4-أدله المواقع شبيهه بالمنتديات حيث بتحصل علي زوار منها وعلي روابط خارجيه مما يؤدي لرفع البيدج رانك لمدونتك ورفع ترتيب مدونتك في نتائج البحث بس الفرق إن المنتديات لازم تكون نشط وكل يوم تضيف مواضيع جديده أما الدليل فإنت بتضيف مدونتك فيه مره واحده في العمر وبتحصل علي زوار ورابط وأنصحك إنك تضيف مدونتك لأكبر عدد من الأدله فقط إبحث في جوجل عن دليل مواقع وعمليه إضافه مدونتك للدليل لا تستغرق أكثر من 4 دقائق وإليك هذه الأدله والتي يجب عليك بشده إدراج موقعك أو مدونتك بهاblogcatalog&blogarama&blogsearchengine& getblogs.com&blogtoplist & bloglisting.com & arabblogcount & blogeblog& dwwen & myblog2u & lovely0smile ويمكن الإطلاع علي المزيد من الأدله ذات البيدج رانك المرتفع بالضغط هنا.
5-الشبكات الإجتماعيه : يمكنك الحصول علي أعداد منتظمه من الشبكات الإجتماعيه بل هذه الأعداد ستكون في إزدياد ولكن تلك الزياده تتوقف علي عاملين واحد المحتوي إثنين الكم يعني إرسال مواضيع بشكل منتظم وكل يوم ويكون في تجديد مش كل كام إسبوع علي ما تنشر موضوع جديد . ويتم الحصول علي الزوار من الشبكات الإجتماعيه مثل الفيس بوكوتويتر في الفيس بوك مثلا بتكون معارف وأصدقاء وبتكون جروب (مجموعه ) وبترسل مواضيع للأعضاء المشتركين وكل ما كان محتواك عالي الجوده كل مازاد الأعضاء لديك في مجموعتك وتضع رابط مدونتك كمصدر الموضوع هكذا تكون الزيارات من المواقع الإجتماعيه وأيضا من البروفيل بتاعك . وعمليه الحصول علي أعداد غفيره من المواقع أو الشبكات الإجتماعيه ليست بالشئ الهين وإنت وشطارتك ,وأيضا احرص علي علي أن يكون موضوع المجموعه هو نفس موضوع موقعك أو مدونتك يعني لو مدونتك بتتكلم عن أخبار الموبيلات يبقي المفروض ترسل للأعضاء المشتركين لديك علي الفيس بوك رسائل عن نفس الموضوع ويمكنك الإطلاع علي هذه التدوينه والتي بعنوان

الشبكات الإحتماعيه ودورها في التسويق والترويج لموقعك

6-الإهتمام بالعدد مثل الإهتمام بعامل الجوده فلماذا تكتب مقالا كل 5 أيام أو كل يومين ؟؟ لماذا لا تكتب مقال وإتنين في يوم واحد؟؟ وفي خلال شهر مثلا يكون لديك مالا يقل عن 50 مقالا ما المشكله في ذلك وكلما زاد عدد صفحات المقالات في مدونتك زاد عدد الزوار القادمين لأن كل مقال تكتبه بمثابه باب لمدونتك فهل ترغب في أن يكون لمدونتك 10 أبواب أم 200 باب !! صديقي إحرص علي أن تكون مدونتك غنيه بالمعلومات فهي معلومات مفيده وأيضا كثيره ومتعدده يظل الزائر يتجول في مدونتك من مقال إلي مقال ومن قسم إلي قسم متمتعا بالمعلومات القيمه والمفيده حتي إذا فرغ من التجول داخل مدونتك حتي يقوم بالضغط علي كلمه (أضفنا للمفضله ) ويعود الزائر مرات ومرات ويخبر أصدقائه عن مدونتك.
7-الحرص كل الحرص علي التواصل مع الزوار عليك صديقي العزيز أن تتواصل مع زوار مدونتك فإذا ترك لك أحد الزوار تعليق قم بالرد عليه ومراسلته علي بريده الشخصي أو قم بالرد في نفس الصفحه التي ترك بها التعليق أو إذا ترك أحدهم إستفسار عن شئ ما قم بالإجابه عليه فإذا مثلا سألك أحدهم سؤال في مجال الكمبيوتر عن مشكله ما تواجهه وأنت لا تعلم الإجابه فلا تقل له لا أعلم ولكن عليك بالبحث والتنقيب عن هذه المشكله حتي تصل لحل صحيح فإذا حللت مشكله صديقنا فسيفرح لحل مشكلته وسيعاود الزياره مره أخري وسيثبت إسم مدونتك في ذهنه حتي إذا نسي رابط مدونتك قام بالبحث عنها حتي يصل لها كما أن الإستماع لإنتقادات الزوار بصدر رحب هي في حد ذاتها إفاده كبيره لك حيث ستعرف إنك قصرت في أيه أو ما كتبتش مثلا الموضوع كذا بشكل سليم لذلك في المرات القادمه ستتجنب هذه الأخطاء أو تحاول تصحيحها مما يؤدي إلي رفع المستوي العام لمدونتك.
8- أيضا يمكنك الحصول علي أعداد كبيره من الزوار من خلال موقع الفيديوهات العالمي (اليوتيوب ) حيث يمكن عمل بعض مقاطع الفيديو والتي تشرح قضيه ما أو تحللها أو تعرف الناس بشئ ما أو أخبار التقنيه أو فيديوهات كوميديه أو مرحه أو فيديوهات إثاره وتشويق كل حسب مجاله وتخصصه مع كتابه إسم المدونه مع رابط لها أعتقد أن هذه الطريقه ستجلب لك أعداد غفيره من الزوار ولكن في البدايه والنهايه ما سيجلب الزوار هو المحتوي وإياك من المواد الإباحيه.
9-إحرص علي أن يكون لمدونتك شعار يميزها مكون مثلا من حروف مدونتك حاول تكون شعار بطريقه إحترافيه من الحروف. شعار يكون بسيط ومعبر مثلا موقع اليوتيوب له شعاره المميز والذي إذا رأيته علي بعد أميال عرفت أنه شعار موقع اليوتيوب وكذلك شعار موقع طريق الإسلام المميز.
10-لكي ترفع البيدج رانك لمدونتك وهذا يعني رفع ترتيب مدونتك في نتائج البحث" يمكنك الإطلاع علي هذا المقال والذي يتناول كيفيه رفع البيدج رانك لموقعك الدرس الأول الدرس الثاني الدرس الثالث " مما يعني المزيد من الزوار يجب عليك زياده الروابط الخارجيه التي تشير لمدونتك وأيضا الروابط الداخليه ويمكنك زياده الروابط الداخليه لمدونتك وذلك عن طريق وضع روابط للصفجه الرئيسيه في المقالات التي تكتبها وأعتقد أن هذا أمر سهل لرفع ترتيبك ويجب عليك عمل شبكه روابط داخليه يعني كل الصفحات تحتوي علي روابط لصفحات أخري أعتقد أن الأمر لا يحتاج لتوضيح أكثر من ذلك.
11-نموذج أخبر صديقك عن الموقع يجب عليك وضع هذا النموذج في موقعك حتي إذا شعر الزائر أنه إستفاد من مدونتك فإنه بالتأكيد يريد إخبار أصدقائه وزملائه عن مدونتك أو موقعك وبهذا تضمن إنتشار سريع لمدونتك .
12- تقنيه rss أو خلاصه المدونه يجب عليك وضعها في مدونتك وأيضا تشجيع الزوار علي الإشتراك وبهذا تستطيع إخبار الزوار بجديد مدونتك وبذلك تضمن عوده الزوار لمدونتك إذا وجدوا الإفاده بها .
13-خصص صفحه في موقعك أو مدونتك للتعريف بنفسك إسمك موطنك وما إلي ذلك من الأمور الشخصيه والتي تزيد ثقه الزائرين بموقعك وبك .
14- عليك الإتصال بالمدونين المهتمين بنفس تخصصك عن طريق البريد الإلكتروني أو إذا لم يذكروا بريدهم الشخصي يمكنك الإتصال بهم عن طريق ترك تعليق في مدوناتهم وطلب تبادل روابط معهم وتبادل المنفعه بمعني إنك في مقلاتك تشير لرابط مدونته مع نبذه عنها وكذلك هو الآخر.
15-العلاقه القويه بالجمهور , عليك تكوين صداقه مع الزوار وتعطيهم إحساس بأن مدونتك مدونتهم وليسوا مجرد زوار إسمع آرائهم وأفكارهم إطلب منهم ترك تعليقاتهم وأفكارهم وحاول تطبيقها.
16-الصبر . أهم شئ هو الصبر فلا تتوقع أن تحصل علي آلاف الزوار يوميا ومئات الدولارات شهريا فنصيحتي لك "مشوار المليون دولار يبدأ بواحد دولار " فهذه المواقع والمدونات الناجحه والتي تعج بآلاف الزوار لم تصبح بهذا الشكل بين يوم وليله .
17- عامل الوقت .فعامل الوقت مهم جدا فمع تكثيف الجهد ومع مرور الوقت ستصبح ناجحا بمشيئه الله.
18- هذه هي النقطه الأخيره في مقالي والذي أختمه ببعض النصائح ( إياك واليأس & إياك واليأس & لتأليف كتاب يجب عليك قراءه ألف كتاب & المحتوي الجيد ثم الجيد ثم المحتوي الجيد فالمحتوي هو الذي سيرفعك إلي السماء ) .

==========================
صديقي العزيز أنتظر تعليقك ورأيك في مقالي هذا سواء كلمه شكر أو إنتقاد بناء فلا تقرأ الموضوع وترحل ....مشاركتك تهمنا.
نترككم في رعايه الله

المصدر : مدونة لفلي سمايل

كيف ترفع ترتيب موقعك في نتائج البحث ورفع البيج رانك ؟ اشهار المدونات ( SEO )

2011-04-30T09:56:00.001-07:00

بسم الله الرحمن الرحيم

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

1. ألا يكون موقعك مخالف للشريعة ألإسلامية ولا يحتوي علي أي مواد إباحيه أو مواد تدفع بالمجتمع العربي والإسلامي إلي الهاوية أو تؤدي إلي انقسامات أو مواد هدامه.

2. التميز والانفراد عن الغير والبعد كل البعد عن التقليد والسرقة من الغير.

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

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

5. التحديث المستمر للموقع وعدم ترك الموقع بلا تحديث لأيام وأسابيع لأن الزائر إذا لم لم يجد جديد في موقعك اليوم فلماذا يزورك غدا.

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

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

- إحرص علي تبادل الإعلانات والروابط بينك وبين المواقع المشابهه لك .

- اعمل القوائم البريديه لإرسال جديد الموقع إليهم وإحرص علي أن يكون ذلك برغبه الزوار وليس إرسال رسائل عشوائيه .

- إحرص كل الحرص علي أن يكون وقت تحميل موقعك أقل ما يمكن أي لا يستغرق موقعك وقت كبير لتحميله وذلك عن طريق تقليل عدد الصور المتحركه ومقاطع الفيديو والأشياء الأخري التي تستغرق وقتا لتحميلها .

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

- اعمل مسابقات وجوائز للأعضاء المتميزين مثلا كتاب إلكتروني إضافه رابط للموقع الفائز في موقعك في الصفحه الرئيسيه وغير ذلك من الأمور التي تجذب الزوار .

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

- إياك والنوافذ المنبثقه والتي تزعج الزائر أنا شخصيا أنزعج جدا من المواقع التي عندما أزورها تظهر لي فجأه هذه النوافذ وأترك ذلك الموقع علي الفور .

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

- اعمل جروب بإسم الموقع في الياهو, فيس بوك ,هوتميل, وغيرها وإرسال المواضيع المميزه للمشتركين ووقع بإسم موقعك .

- شارك في مسابقات المواقع بكل أنواعها وضع بنر موقعك ونبذه عنه .

- سجل كل الإحتمالات لإسم موقعك وحتي الأخطاء الإملائيه

منتظر تعليقاتكم على هذا الموضوع الممتاز ،،

المصدر : مدونة سمايلي

كيف تضع او تظيف اداة استطلاع الرأي في مدونة بلوجر ؟

2011-04-30T09:49:00.001-07:00

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

اولاً :

من لوحة التحكم بمدونتك اذهب إلى التخطيط :

ثانياً :

اختر إضافة أداة :

ثالثاً :

ثم اضغط على أداة استطلاع الرأي الموضحة في الصورة :

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

خامساً :

ثم قم بحفظ العمل وعرض المدونة كما هو موضح في الصورة التالية :

سادساً :

ظهور الأداة على المدونة وهذا مثال لإستطلاع الرأي حول نيل لقب كأس افريقيا للأمم 2010 :

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