سما بلوجر تجريبية

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


2- iconarchive.com
لا غنى لأي مدونة عن مرجع للأيقونات المميزة ، وهذه هي فكرة هذا الموقع المميز في تصميم الايقونات الجميلة ، حيث يمكنك ان تختار اي ايقونة تريدها لمدونتك من خلاله .


3- موقع فليكر flicker
الموقع غني عن التعريف ، لأهميته القصوى لاصحاب المواقع والمدونات في رفع الصور والفيديو ، وان شاء الله سأسرد تدوينة كاملة عن اهيمته وفوائده للمدون وطرق استخدامه .


4- Google Insights for Search
تعرف على اعلى كلمات البحث في جوجل ، واعرف اهتمام كل شعب من شعوب العالم ، ويمنحك الموقع ايضا معرفة اهممية كلمة ما بالنسبة للشعوب المختلفة مثلا كلمة blogger فأعلى نسبة بحث عنها كانت في ماليزيا ، يعني الموقع باختصار يفيدك في معرفة الكلمات المفتاحية واهميتها .


5- free online users
اعرف عدد المتواجدين الان في موقعك بالاضافة الى احصائيات سهلة وبسيطة عن عدد الزوار ، ويتميز هذا الموقع بامكانية كتابة عدد المتواجدين الان باللغة العربية ، مثل مايظهر بجانب المدونة تحت بند احصائيات .


6ـ twitter buttons
من العنوان نعلم بأنه موقع يقدم ازرار المتابعة لموقع تويتر ، ولكن ما يميزه هو ان هذه الازرار فلاشية متحركة وليست ثابتة ، كما تستطيع من خلاله ان تحصل على كود الزر وتضيفة في قالب المدونة ليظهر خارج جسم المدونة . لا تنسى بأن تتابع سما بلوجر على تويتر .

اتمنى بأن تكون هذه المواقع مفيدة لكم ، وبالتوفيق دوما ادعو لي ولكم

1. تحديد المحتوى 
ما هو المجال الذي تبدع به اكثر من غيره او تتقنه اكثر ، او ما هو اكثر مجال تحبه (لكي تتمتع وانت تدون) ، ان عرفت اجابة هذا السؤال السهل فأنت في الطريق الصحيح .

2. قدم محتوى مختلف
لا تكن احد اعضاء منظمة القص واللصق ، بل احرص على ان تكون اكثر تدويناتك من ابداعك وليس من ابداع غيرك .

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

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


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


6 .المحافظة على حقوق النشر 
ليس عيبا ان تنقل بعض المواضيع التي تعجبك من هنا وهناك ، ولكن العيب في عدم ذكر مصدر هذه المواضيع وان تنسبها لنفسك .


7. التنسيق الجيد للتدوينة
احرص على تنسيق التدوينة بشكل يريح ويسهل القراءة ، كلامي لا يعني بأن تقوم بالكتابة بخط 20 ، ولا يعني بأن تلون الفقرات بعدة الوان ، بل اختر حجما مميزا للعناوين وخط اصغر للفقرات ، وانا انصح باستخدام خط tahoma بحجم  12عادي للفقرة ، وحجم 12 عريض للعنوان الفرعي ، وحجم 14 عريض  للعنوان الرئيس في جسم التدوينة . كما لا تنسى ان تضيف بعض الصور الدالة على التدوينة لتضيف تفاعل اكبر مع القارئ .


     -القالب-

8. اختر القالب او التصميم المناسب لمدونتك
ليس فقط المحتوى من يحدد اقبال الزوار على مدونتك بل ايضا التصميم الممتع للقراءة ، واحرص على الابتعاد عن الحاجيات غير الضرورية التي تثقل المدونة اثناء التصفح .مثل الصور الكثيرة في العمود الجانبي للمدونة وفي داخل التدوينات . كما لا تنسى ان يكون القالب متوافق مع المتصفحات الاكثر شعبية (firefox.explorer.chrome) .

9. استخدم الوانا مناسبة
ابتعد عن الخلفية الحمراء مع خط اسود ، لأن هذه الالوان تتعب النظر ، وابتعد ايضا عن استخدام نمط اللون الضعيف واللون القوي لان ذلك يرهق النظر .

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

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

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


     -التفاعل والاشهار-

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



14. لا تبتعد عن المدونة
قد تمر ظروف على المدون يبتعد خلالها عن التدوين ويهجر مدونته لفترة من الزمن ، والحل يكمن في كتابة تدوينات وتحديد تاريخ مستقبلي لنشرها ، او الاشارة بأنك بعيد عن التدوين حتى تاريخ كذا وكذا... ، ولكن لا تهجر مدونتك لفترة طويلة جدا الا اذا اردت ان تغلقها .

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

16.تغذية rss- والبريد الالكتروني
وفر للزوار امكانية الحصول على جديد التدوينات من خلال الاشتراك في خدمة البريد الالكتروني ، وخدمة تغذية rss وهذا من شأنه ايجاد قراء مخلصين لمواضيع مدونتك .

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

18. انشر مدونتك في ادلة البحث
dmoz - technorati - blogcatalog  هذه مجموعة من اهم الادلة العالمية للمواقع والمدونات ، وهنالك مواقع عربية ايضا تعمل كـ قاعدة للمدونات العربية مثل : بيت المدونات العربية - روبوت المدونات - حفار المدونات .

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

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


هذا ليس كل شيئ .
الان : هل لديك شيء لتضيفه ؟
        هل انت مستعد لتطبق هذه النصائح او بعضا منها ؟
        هل اعجبتك التدوينة ؟

السلام عليكم ،



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

تابع بقية التدوينة اذا اعجبتك الاضافة ....


- طريقة تركيب الاضافة -

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

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

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

ابحث عن :

.paginator {
 margin-top:60px;
 font-size:1em;
}
.paginator table {
 border-collapse:collapse;
 table-layout:fixed;
 width:100%;
}
.paginator table td {
 padding:0;
 white-space:nowrap;
 text-align:center;
}
.paginator span {
 display:block;
 padding:3px 0;
 color:#fff;
}
.paginator span strong,
.paginator span a {
 padding:2px 6px;
}
.paginator span strong {
 background:#ff6c24;
 font-style:tahoma;
 font-weight:normal;
}
.paginator .scroll_bar {
 width:100%; height:20px;
 position:relative;
 margin-top:10px;
}
.paginator .scroll_trough {
 width:100%; height:3px;
 background:#ccc;
 overflow:hidden;
}
.paginator .scroll_thumb {
 position:absolute;
 z-index:2;
 width:0; height:3px;
 top:0; right:0;
 font-size:1px;
 background:#363636;
}
.paginator .scroll_knob {
 position:absolute;
 top:-5px; right:50%;
 margin-right:-10px;
 width:20px; height:20px;
 overflow:hidden;
 background:url(http://i879.photobucket.com/albums/ab351/bloggerblogimage/blogger/slider_knob.gif) no-repeat 50% 50%;
 cursor:pointer; cursor:hand;
}
.paginator .current_page_mark {
 position:absolute;
 z-index:1;
 top:0; left:0;
 width:0; height:3px;
 overflow:hidden;
 background:#ff6c24;
}

.fullsize .scroll_thumb {
 display:none;
}

.paginator_pages {
 width:550px;
 text-align:right;
 font-size:0.8em;
 color:#808080;
 margin-top:-10px;
}

 الان ابحث عن :

 واستبدلها بـ :

  <script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000.js' type='text/javascript'></script>
<script type='text/javascript'>
var home_page=&quot;/&quot;;
var urlactivepage=location.href;
var postperpage=7;
var numshowpage=6;
</script>
<script src='http://scriptabufarhan.googlecode.com/svn/trunk/paginator3000-forblogger-v1.0.0.js' type='text/javascript'/>
</body>

شرح الرموز باللون الاحمر :

var postperpage=5; : عدد التدوينات في الصفحة الواحدة

var numshowpage=10 : عدد الصفحات التي ستظهر ارقامها في العداد 

اذا اكتفيت بهذا القدر ولا تريد ان تظهر عدد الصفحات في كل تبويب او تصنيف تدخل اليه بحيث اذا كان يحتوي هذا التصنيف على 20 تدوينة فسيتم تقسيمها الى 5 تدوينات لكل صفحة ( طبعا هذا يرتبط بوجود قائمة التصنيفات في مدونتك )

ان رغبت في الاستمرار فتابع للاسفل :

الان ابحث عن :

'data:label.url'

واستبدلها بـ :

'data:label.url + "?&max-results=5"'

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

اعتقد بأن هذا يكفي ، لأي استفسار اترك تعليق ، ومبروك عليك الاضافة

شكرا لصاحب هذه الاضافة الاخ abu-farhan

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

 <!-- Email subsciption box -->
<form id="subscribe" action="http://feedburner.google.com/fb/a/mailverify" method="post" target="popupwindow" onsubmit="window.open('http://feedburner.google.com/fb/a/mailverify?uri=sma-b', 'popupwindow', 'scrollbars=yes,width=550,height=520');return true"><b style="color: rgb(102, 51, 255);">اعجبتك تدويناتي?</b> كن الاول في معرفة جديد المدونة عبر البريد الالكتروني ، واستمتع بالخدمة!

<div style="text-align: center;">
<input autocomplete="off" value="ضع بريدك الالكتروني..." id="subbox" onfocus="if (this.value == &#39;ضع بريدك الالكتروني هنا...&#39;) {this.value = &#39;&#39;;}" onblur="if (this.value == &#39;&#39;) {this.value = &#39;Enter your email address...&#39;;}" name="email" style="width: 200px; background-repeat: no-repeat ! important; background-image: url(&quot;chrome://sxipper/skin/images/field_icon_R.png&quot;) ! important; background-position: right center ! important; padding-left: 0px ! important;" type="text" />
<input value="sma-b" name="uri" type="hidden" />
<input name="loc" value="en_US" type="hidden" />
<input value="OK" id="subbutton" type="submit" />
</div></form>

<div>
<center>
<table>
<tbody><tr>
<td>
<a href="http://feeds.feedburner.com/sma-b "><img src="http://feeds.feedburner.com/%7Efc/sma-b%20?bg=99CCFF&amp;fg=111111&amp;anim=1" style="border: 0pt none;" alt="" height="26" width="88" /></a>
</td><td>
<script type="text/javascript" language="JavaScript" src="http://twittercounter.com/embed/adiarar1/000000/99ccff"></script>
</td>
</tr>
</tbody></table></center>
</div>

<div style="padding-left: 10px;">
<table>
<tbody><tr><td>
<a href="http://feeds.feedburner.com/sma-b%20" target="_blank" title="اشترك في اخر التدوينات"><img style="float: left; margin-right: 5px; width: 20px; height: 20px;" src="http://img243.imageshack.us/img243/2619/10rssicon.png" /></a><a href="http://feeds.feedburner.com/sma-b%20" target="_blank" title="اشترك في اخر التدوينات">اشترك عبر  RSS Feed</a>
</td></tr>
<tr><td>
<a href="http://www.facebook.com/adiarar1" target="_blank" title="Facebook "><img style="float: left; margin-right: 5px; width: 20px; height: 20px;" src="http://img163.imageshack.us/img163/8637/10facebookicon.png" /></a>
<a href="http://www.facebook.com/adiarar1" target="_blank" title="Facebook ">تواصل عبر facebook</a>
</td></tr>
<tr><td>
<a href="http://twitter.com/adiarar1" target="_blank" title="Twitter time"><img style="float: left; margin-right: 5px; width: 20px; height: 20px;" src="http://img189.imageshack.us/img189/6853/10twittericon.png" /></a><a href="http://twitter.com/adiarar1" target="_blank" title="Twitter ">  اتبعني عبر Twitter</a>
</td></tr>
</tbody></table></div>
<!-- /Email subsciption box -->

 ______________________________________________________________________

<a href="http://feeds2.feedburner.com/sma-b" title="اشترك عبر rss"><img alt="RSS" src="http://i50.tinypic.com/esnlvc.jpg" style="float: left; vertical-align: middle; padding-right: 10px;" border="0" /></a>
<p style="padding: 5px 0pt;"><a href="http://feeds2.feedburner.com/sma-b" title="اشترك عبر rss">احصل على الجديد عبر rss!</a>
(ماذا يعني هذا? — <a href="http://www.youtube.com/watch?v=0klgLsSxGsU" target="_blank" title="RSS in Plain English">اعرف المزيد عن هذه الخدمة</a>)</p>


<a href="http://feedburner.google.com/fb/a/mailverify?uri=sma-b" title="احصل على الجديد عبر البريد الالكتروني"><img alt="اشترك" src="http://i45.tinypic.com/xmk8w6.jpg" style="float: left; vertical-align: middle; padding-right: 10px;" border="0" /></a>
او اشترك عبر البريد الالكتروني من هنا :
<form action="http://feedburner.google.com/fb/a/mailverify" method="post" onsubmit="window.open(\" com="" fb="" a="" uri="sma-b" scrollbars="yes,width=550,height=520\');return" true="" style="text-align: center;" target="popupwindow">
<input autocomplete="off" name="email" style="width: 140px; background-repeat: no-repeat ! important; background-image: url(&quot;chrome://sxipper/skin/images/field_icon_R.png&quot;) ! important; background-position: right center ! important; padding-left: 0px ! important;" type="text" />
<input name="uri" value="sma-b " type="hidden" />
<input name="loc" value="en_US" type="hidden" />
<input onmouseover="style.cursor=\" style="margin: 5px; cursor: pointer;" value="موافق" type="submit" />
</form>

3.  غير روابط مدونتي في تويتر بروابطك الخاصة ان وجدت مثل :"http://twitter.com/adiarar1"

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

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

المدونات العربية المتخصصة :

1.  عالم التقنية
عالم التقنية مدونة متخصصة في المجال التقني , حيث تغطي المدونة الاخبار التقنية خصوصا المتعلقه بالويب 2.0 , وايضا يوجد في المدونة الكثير من المقالات والدروس التي قام بكتابتها محرري الموقع ومجموعة من الكتاب الضيوف
_________________________________________________________________________
2. نبراس الشباب
نبراس الشباب مدونة يكتب فيها فريق عمل مشترك لايتعدى أربعة من الشباب المغاربة، لاتعتمد النسخ واللصق مطلقا، وتدون حول قضايا واهتمامات الشباب.
_________________________________________________________________________

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

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

_________________________________________________________________________

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

_________________________________________________________________________

6.  مدونة المُعاصر
مدونة متخصصة في الويب و تصميم و تطوير المواقع

_________________________________________________________________________

7.  ووردبرس بالعربي
كل ما تحتاجه لصناعة مدونة ناجحة بإستخدام برنامج ووردبرس

_________________________________________________________________________

8. مدونة أمتون
مدونة عن كرتون ورسومات كتب الأطفال

_________________________________________________________________________

9.  الدكتور نت
مدونة تقنية و إبداعية تهتم بتصميم المواقع بشكل خاص و بالتصميم بشكل عام .

_________________________________________________________________________

10 .  مدونة مصطفى البازي
مدونة عربية تهتم بإدارة النظمة واغلب مواضيعها موجهة لمدراء الانظمة خصوصاً مدراء خوادم الويب, تهتم ايضاً بالأمن المعلومات وجانب PenTesters والبرمجيات والنظم الحرة, اغلب الدروسات على شكل نصوص مع بعض الدروس بالصوت والصورة. تحتوي ايضاً على قسم شخصي خاص بالمدون بشكل معزول مع بعض الصور.

_________________________________________________________________________

المدونات العربية الشخصية :




1. مدونة أسامة
مدونة شخصية،اجتماعية،فونوغرافية،ساخرة ..جدا

_________________________________________________________________________

2.  شطحات بقلم عادل

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

_________________________________________________________________________

3. .. ومآرب أخرى
.. ومآرب أخرى مدونة شخصية اجتماعية تعليمية - لها جانب تخصصي في العمارة والتصميم الداخلي..

_________________________________________________________________________

4. مدونة محمد
مدونة شخصية، أسرد فيها آرائي عن الحياة، تجربتي، وتفاصيل شخصية.. مساحة لأعبر كما أشاء!

_________________________________________________________________________

5. I B R A H I M
مدونة شخصيه اجتماعيه ساخره بعض الشئ

_________________________________________________________________________

6.  مدونة نوفل
مدونة شخصية..ساخرة جدا

_________________________________________________________________________

7. مدونة الساخر أبوشمس
مدونة سياسية إجتماعية ساخرة

_________________________________________________________________________

8. عمّار توّك
مدونة إعلامية شبابية سياسية منوعة

_________________________________________________________________________

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

_________________________________________________________________________

10 . ماجد الحمدان
مدونة تقدم فكرا فلسفيا ثوريا جديدا لنهضة العقل العربي بشعار العلم الثروة القوة.

_________________________________________________________________________

المدونات الاكثر تقيماً … افضل 3 ثلاث مما سبق

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

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

3. مدونة أسامة
مدونة شخصية،اجتماعية،فونوغرافية،ساخرة ..جدا

طبعا هذا بالنسبة لترتيب مسابقة ارابيسك .
_________________________________________________________________________


اما ترتيب موقع topsites في تبويب - مدونات - فهو كما يلي :


1 . الإدارة و الهندسة الصناعية

2 . egyworkers عــمـــال مـــصــــر

3. مدونة رشيد
   
4. سردال ( عبدالله المهيري ) 

5. سوالف سوفت

6. مدونة اسامة (المصور الفوتوغرافي )

7. مدونة ماشي صح

8. مدونة شبايك

9. مجمع المدونات المصرية

10 . مدونة ياسر الغسلاني

 قد يهمك ايضا موضوع افضل 10 مدونات عالمية

وبهذا ننتهى من موضوع افضل 10 مدونات عربية ، مع ملاحظة الاختلاف بين موقع ارابيسك وموقع topsites ، ودمتم بخير
سما بلوجر

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

اولا : عاين الاضافة من هنا

ثانيا : اذا اعجبتك الاضافة فتابع للاسفل لمعرفة طريقة تركيب الاضافة

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

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

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

ابحث عن :

 <data:post.body/>

 واضف بعدها هذا الكود :(كود الاضافة)

 <div align='center'>
  <span class='post-icons'>


<!-- Widget Title , Share This Start, Remove Or Leave-->
<p align='right'>
  <img alt='' border='0' id='BLOGGER_PHOTO_ID_5441163760466269298' src='http://farm2.static.flickr.com/1288/4675198157_65ab0a9db2_m.jpg'/></p><!-- Widget Title , Share This Start, Remove Or Leave-->

<!-- Stumbleupon Button Start, Remove Or leave -->

  <a expr:href='&quot;http://www.stumbleupon.com/refer.php?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Stumble This'><img alt='Stumble This' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi1EGwH7wJXcXcSViLEVQgs_H-BCJJoSvNXZ1HrhLKpmTYDatqAE4kIBwFtUB8kzAaNEdOctmKbJ9G-XK3QJMXy3_CSrBrGJMV_8nVK315mzLWEYmQf3nlnFHnu2xWh_TqeAr52PWW-1Q4/s200/stumbleupon.png'/></a>

  <!-- Stumbleupon Button End, Remove Or leave -->

<!-- Technorati Button Start, Remove Or leave -->

  <a expr:href='&quot;http://www.technorati.com/faves?add=&quot; + data:post.url' target='_blank' title='Fav This With Technorati'><img alt='Fav This With Technorati' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhqOdOlQTnzXOeEpssTglbL9sK8Ca46uHML4fGF707h05w7qnnfYX7eJY5UgSDYb8DG_EcWUd0-WHbf6fY4wiHiab3xIMIPbeThYFhcdva_ixd8nwfTQ0jK3sB78CjSxU1J9MkqPUxuBMw/s200/technorati.png'/></a>

  <!-- Technorati Button End, Remove Or leave -->

<!-- Delicious Button Start, Remove Or leave -->

  <a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Del.icio.us'><img alt='Add To Del.icio.us' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoLh5NEZ36gKOSQRD84ENJaJZ1nsWKWMm67r5EXSMCHEr5rrCd06fWsvDK10CIUmX-t4qzqaygfXV8yWRNjpvp4yIjtP6d7HBcXsL47BTDxOPe3T7vuEHfM3y5ffVRj6fXmnQiDDJuvbQ/s200/delicious.png'/></a>
  <!-- Delicious Button End, Remove Or leave -->

<!-- Digg Button Start, Remove Or leave -->

  <a expr:href='&quot;http://digg.com/submit?phase=2&amp;url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Digg This'><img alt='Digg This' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9aHKM8yYfTOBgXiM9UpvHdNeSJm14Ko1RNX_seFsrkdDkRSRJpPFNRa9Cp-Zn2JleAlfILp42PJzWCAfYEnosAHeOe1yEuneSTq26qcygYVt_UhG-CS3Aulw2rhDplIBoLkGwlOLRDvg/s200/digg.png'/></a>
  <!-- Digg Button End, Remove Or leave -->

<!-- Reddit Button Start, Remove Or leave -->

  <a expr:href='&quot;http://reddit.com/submit?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Reddit'><img alt='Add To Reddit' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjOsHnynswAbQ-N63OdWrwmJCvMThdri9mQ11yE9aQrfx9shGS-R7JO5BJ-MBIwU3BXRcsL867r7rx99Lw4bYJ1HiMZdojMiCMo_UEYCrMOksp-bPLSFlsVTiEossSeGHov7h8983ty5mY/s200/reddit.png'/></a>
  <!-- Reddit Button End, Remove Or leave -->

<!-- FaceBook Button Start, Remove Or leave -->

  <a expr:href='&quot;http://www.facebook.com/sharer.php?u=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Facebook'><img alt='Add To Facebook' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjiwbzboIVH3CoCmh2yUvmb065JoBxANPSlEBhIRftaOwgpwnQwuv-PcDwMbCSLGgBlOqMp9Q1Ca31XKFx50UC7Gd3tOaAICON5QW5bk9dELGeDcfguJPlory8KM3yteupPqJyEio_DpZY/s200/facebook.png'/></a>
  <!-- FaceBook Button End, Remove Or leave -->

<!-- Yahoo Button Start, Remove Or leave -->

  <a expr:href='&quot;http://myweb2.search.yahoo.com/myresults/bookmarklet?t=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Yahoo'><img alt='Add To Yahoo' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEj9gBknz36P0RkTuN3FCXvoP0gWHjFMrsugm7tFtliCxWG3n_qHgmb6R0wQd0bTemXSlYNFm0xCt91_UGKmtALOXd9qFaWkeXVnJkVUDKlu88s385_jmYC1T3ucjyvHu-nkMGzcDxSDGuk/s200/yahoo.png'/></a>
  <!-- Yahoo Button End, Remove Or leave -->

<!-- Twitter Button Start, Remove Or leave -->

  <script charset='utf-8' src='http://bit.ly/javascript-api.js?version=latest&amp;login=tweettrackjs&amp;apiKey=R_7e9987b2fd13d7e4e881f9cbb168f523' type='text/javascript'/>
  <script charset='utf-8' src='http://s.bit.ly/TweetAndTrack.js?v=1.01' type='text/javascript'/>
  <a expr:onclick='&quot;return TweetAndTrack.open(this, \&quot;&quot; + data:post.url + &quot;\&quot;);&quot;' href='#'>
  <span style='display:none;'>I&#39;m reading: <data:post.title/></span><img alt='Add To Yahoo' border='0' class='icon-action' src='http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png'/></a>
  <!-- Twitter Button End, Remove Or leave -->

</span>
  </div>

 الان احفظ القالب ومبروك عليك الاضافة .

لتخصيص الاضافة بما يناسبك تابع التدوينة

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

<!-- Delicious Button Start, Remove Or leave -->

<a expr:href='&quot;http://del.icio.us/post?url=&quot; + data:post.url + &quot;&amp;title=&quot; + data:post.title' target='_blank' title='Add To Del.icio.us'><img alt='Add To Del.icio.us' border='0' class='icon-action' src='https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgoLh5NEZ36gKOSQRD84ENJaJZ1nsWKWMm67r5EXSMCHEr5rrCd06fWsvDK10CIUmX-t4qzqaygfXV8yWRNjpvp4yIjtP6d7HBcXsL47BTDxOPe3T7vuEHfM3y5ffVRj6fXmnQiDDJuvbQ/s200/delicious.png'/></a>

<!-- Delicious Button End, Remove Or leave -->

 وتستطيع ايضا ان ترتب الايقونات بما يناسبك عن طريق بدال اماكن الاكواد .

ثانيا : غير صورة عبارة شارك هذه الصفحة بأي صورة اخرى
هذا رابط الصورة في الكود :
 http://farm2.static.flickr.com/1288/4675198157_65ab0a9db2_m.jpg

 ونفس الامر بالنسبة للايقونات تستطيع تغيرها عن طريق تغيير روابط الصور، وعلى سبيل المثال هذا هو رابط صورة ايقونة تويتر :
http://www.cbc.ca/news/yourvoice/assets/images/yourvoice-twitter.png

ثالثا : كلمة center وتعني المنتصف وهي تخص الايقونات وتستطيع تغييرها الى right او left (يمين - شمال )

رابعا : اتمنى ان تكون الاضافة في متناول الجميع بدون اية عوائق في القالب ، ولا انسى ان اشكر allblogtools .

الفيس بوك وما ادراك ما الفيس بوك ، 200 مليون مشترك قبل عام كانوا مسجلين في موقع الفيس بوك عملاق التواصل الاجتماعي على الشبكة العنكبوتية ، ما يهمنا منه هو كيفية استقطاب المزيد من الزوار من هذا الموقع ، وبعد موضوع اضافة ايقونة مشاركة فيس بوك ، اعرض لكم اليوم اضافة زر الاعجاب الى مدونات blogger  ، طبعا هذا الزر غني عن التعريف لكل من يستخدم موقع فيس بوك ، لا اريد ان اطيل عليكم ولنبدأ بطريقة تركيبه اسفل التدوينة :





لاضافة زر الاعجاب تابع الخطوات .

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

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

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

ابحث عن :

<div class='post-header-line-1'/>

واضف الكود بعدها

واذا لم تجدها ابحث عن :

<data:post.body/>

واضف الكود التالي بعدها ليظهر في اخر التدوينة ، او قبلها ليظهر اول التدوينة

اما كود الاضافة فانسخه من هنا :

<b:if cond='data:blog.pageType == &quot;item&quot;'> <iframe allowTransparency='true' expr:src='&quot;http://www.facebook.com/plugins/like.php?href=&quot; + data:post.url + &quot;&amp;layout=standard&amp;show_faces=false&amp;width=100&amp;action=like&amp;font=tahoma&amp;colorscheme=light&quot;' frameborder='0' scrolling='no' style='border:none; overflow:hidden; width:450px; height:40px;'/> </b:if>

لا تنسى الكلمات باللون الاحمر يمكن تعديلها
tahoma : نوع الخط
light : يعني خفيف ، ويمكن تغييرها الى dark
450px : العرض الذي ستأخذه الاضافة ويمكن تغييره حسب قالب مدونتك

- عمودين ، العمود الجانبي على اليسار
- خفيف وسريع في العرض
- عرض 1020
- بانر ارتفاع 125
- يدعم اعلانات ادسنس
- يدعم كافة الاضافات
- صديق لمحركات البحث
- متوافق مع كافة التصفحات 
- يمكن التعديل عليه
_________________________________________________________________________